@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f5;--surface:#fff;--surface2:#ebebeb;--main-writing:#efefef;--border:#dcdcdc;--border-focus:#aaa;--text:#1a1a1a;--text-muted:#4a4a4a;--text-dim:#9a9a9a;--accent:#2a2a2a;--accent-hover:#000;--accent-bg:#efefef;--surface-hover:#f0f0f0;--success:#4a8c4a;--danger:#c0392b;--overlay:#00000073;--overlay-danger:#c0392bd9;--swatch-border:#0000001f;--shadow-sm:0 1px 3px #00000014;--radius:8px;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=dark]{--bg:#1a1a1a;--surface:#242424;--surface2:#2a2a2a;--main-writing:#131313;--border:#3a3a3a;--border-focus:#777;--text:#e8e8e8;--text-muted:#a0a0a0;--text-dim:#666;--accent:#bfa76f;--accent-hover:#dbbf80;--accent-bg:#2a2210;--surface-hover:#2e2e2e;--success:#5a9e5a;--danger:#8b3a3a;--overlay:#000000b3;--overlay-danger:#8b3a3ae6;--swatch-border:#ffffff1a;--shadow-sm:0 1px 3px #0003}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;height:100%;font-size:13px;line-height:1.6;overflow-x:hidden}body{min-height:100dvh}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:var(--radius);padding:5px 12px;font-size:12px;transition:border-color .12s,background .12s,color .12s}button:hover{border-color:var(--border-focus);background:var(--surface-hover);color:var(--text)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{border-color:var(--accent);color:var(--accent);background:var(--accent-bg);padding:4px 10px;font-size:11px;font-weight:600}button.primary:hover{color:var(--accent-hover);border-color:var(--accent-hover)}button.primary:disabled{color:var(--text-dim);background:var(--surface2);opacity:.5;border-color:#0000;font-weight:400}textarea,input[type=text],input[type=password]{font-family:var(--font);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);resize:none;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .12s,box-shadow .12s}textarea:focus,input[type=text]:focus,input[type=password]:focus{border-color:var(--border);box-shadow:0 0 0 2px #0000000f}textarea::placeholder,input::placeholder{color:var(--text-dim)}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}@media (max-width:900px) and (pointer:coarse),(max-width:932px) and (max-height:500px) and (pointer:coarse){html,body{font-size:14px}button{min-height:36px}textarea,input[type=text],input[type=password]{min-height:40px;font-size:16px}}