:root,[data-theme=dark]{--bg:#0a0a0a;--bg-elevated:#121212;--text:#e8e8e8;--text-strong:#fff;--text-dim:#ffffff8c;--text-faint:#ffffff59;--accent:#d6ad55;--accent-ink:#0a0a0a;--border:#ffffff1a;--danger:#ff6b6b;--glow:#d6ad551f;--surface:#ffffff05;--surface-hover:#d6ad550a;--outline-stroke:#ffffff8c;--chrome-ink:#ffffff8c;--font:"Archivo", "Segoe UI", system-ui, sans-serif;--body:"Inter", "Segoe UI", system-ui, sans-serif;--gutter:clamp(16px, 2.4vw, 28px);--shell:1400px;--sidebar-w:260px;--header-h:44px;--radius:14px}[data-theme=light]{--bg:#e4eef8;--bg-elevated:#fff;--text:#223348;--text-strong:#0b1522;--text-dim:#4d6480;--text-faint:#7a92ad;--accent:#b08a28;--accent-ink:#0b1522;--border:#0b15221f;--danger:#c43c3c;--glow:#b08a2824;--surface:#ffffff8c;--surface-hover:#b08a281a;--outline-stroke:#0b152259;--chrome-ink:#0b1522c2}*,:after,:before{box-sizing:border-box}body,html{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:color-mix(in srgb,var(--accent) 40%,transparent)}@supports (view-transition-name:none){::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){mix-blend-mode:normal;animation:none}html[data-theme-wipe=to-dark]::view-transition-old(root){z-index:1}html[data-theme-wipe=to-dark]::view-transition-new(root){z-index:2;animation:.45s ease-in-out theme-wipe-down}html[data-theme-wipe=to-light]::view-transition-old(root){z-index:1}html[data-theme-wipe=to-light]::view-transition-new(root){z-index:2;animation:.45s ease-in-out theme-wipe-up}}@keyframes theme-wipe-down{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes theme-wipe-up{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.tool-drop{border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:var(--radius);text-align:center;background:var(--surface);cursor:pointer;margin-bottom:20px;padding:clamp(36px,6vw,56px) 24px}.tool-drop:hover{background:var(--surface-hover)}.tool-drop__title{font-family:var(--font);margin:0 0 6px;font-size:18px;font-weight:700}.tool-drop__hint{color:var(--text-faint);margin:0;font-size:13px}.tool-error{color:var(--danger);margin:0 0 14px;font-size:14px}.tool-cta{background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:14px 22px;font-size:14px;font-weight:700}.tool-cta:disabled{opacity:.45;cursor:not-allowed}.tool-field{color:var(--text-dim);gap:8px;margin-bottom:16px;font-size:13px;display:grid}.tool-field input[type=color],.tool-field input[type=number],.tool-field input[type=text],.tool-field input[type=url],.tool-field select,.tool-field textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px}.tool-code,.tool-field textarea{resize:vertical;min-height:160px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.45}.tool-code{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:0 0 16px;padding:12px 14px;display:block}.tool-actions{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.tool-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-strong);border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600}.tool-btn:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.tool-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}@media (width<=620px){.tool-row{grid-template-columns:1fr}}.tool-note{color:var(--text-faint);margin:0;font-size:12px;line-height:1.45}@media (width<=620px){.tool-cta{width:100%}}