:root{--color-bg:#fff;--color-bg-alt:#f6f7f9;--color-surface:#fff;--color-border:#e2e5ea;--color-text:#1a1d23;--color-text-muted:#5b6270;--color-primary:#1d6f5c;--color-primary-hover:#175a4a;--color-primary-contrast:#fff;--color-accent:#e8f3f0;--color-danger:#c0392b;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #14141e0f;--shadow-md:0 4px 16px #14141e14;--max-width:1180px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:light}:root[data-theme=dark]{--color-bg:#14161a;--color-bg-alt:#1b1e24;--color-surface:#1f232a;--color-border:#2c313a;--color-text:#eef0f3;--color-text-muted:#9aa2b1;--color-primary:#3fa88c;--color-primary-hover:#57bfa3;--color-primary-contrast:#0c1210;--color-accent:#1a2c27;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 20px #0006;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#14161a;--color-bg-alt:#1b1e24;--color-surface:#1f232a;--color-border:#2c313a;--color-text:#eef0f3;--color-text-muted:#9aa2b1;--color-primary:#3fa88c;--color-primary-hover:#57bfa3;--color-primary-contrast:#0c1210;--color-accent:#1a2c27;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 20px #0006;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);flex-direction:column;min-height:100vh;margin:0;font-size:16px;line-height:1.55;display:flex}main{flex:1}img,svg{max-width:100%}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.2}p{margin:0 0 1em}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}.icon{flex-shrink:0;width:22px;height:22px}.btn{border-radius:var(--radius-md);cursor:pointer;background:var(--color-primary);min-height:44px;color:var(--color-primary-contrast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:600;transition:background-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--color-primary-hover);text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-alt)}.btn-icon{min-width:44px;min-height:44px;color:var(--color-text);border-radius:var(--radius-sm);background:0 0;padding:0}.btn-icon:hover{background:var(--color-bg-alt)}input[type=text],input[type=number],input[type=search],input[type=password],textarea,select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);width:100%;min-height:44px;padding:10px 14px;font-family:inherit;font-size:16px}textarea{resize:vertical;min-height:160px}label{margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-sm);z-index:1000;padding:10px 16px;transition:top .15s;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-alt);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:180px;padding:40px 20px;display:flex}.dropzone-label{color:var(--color-text-muted)}.dropzone-active{border-color:var(--color-primary);background:var(--color-accent)}.tool-error{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-danger);margin-top:12px;padding:12px 14px;font-weight:600}.tool-panel{flex-direction:column;gap:16px;max-width:720px;display:flex}.field-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.field-row>div{flex:1;min-width:160px}.file-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.result-box{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-accent);flex-direction:column;align-items:flex-start;gap:12px;padding:20px;display:flex}.swatch{border-radius:var(--radius-sm);border:1px solid var(--color-border);align-items:center;gap:8px;padding:6px 10px;font-family:monospace;display:inline-flex}.swatch-color{border:1px solid #0000001a;border-radius:4px;width:22px;height:22px}