@layer theme{:root,:host{--font-mono:var(--font-mono);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-4xl:2.25rem;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}}:root{--bg:#f5f4ed;--surface:#faf9f5;--surface-warm:#e8e6dc;--fg:#141413;--fg-2:#3d3d3a;--muted:#5e5d59;--meta:#87867f;--border:#f0eee6;--border-soft:#e8e6dc;--accent:#c96442;--accent-on:#faf9f5;--accent-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--accent-hover:color-mix(in oklab, var(--accent), black 8%)}}:root{--accent-active:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--accent-active:color-mix(in oklab, var(--accent), black 14%)}}:root{--success:#17a34a;--warn:#eab308;--danger:#b53333;--font-display:"Anthropic Serif", Georgia, "Times New Roman", serif;--font-body:"Anthropic Sans", Arial, system-ui, -apple-system, sans-serif;--font-mono:"Anthropic Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--text-xs:10px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:25px;--text-2xl:32px;--text-3xl:52px;--text-4xl:64px;--leading-body:1.6;--leading-tight:1.1;--tracking-display:0em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--section-y-desktop:96px;--section-y-tablet:64px;--section-y-phone:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--elev-flat:none;--elev-ring:0 0 0 1px var(--border);--elev-raised:#0000000d 0px 4px 24px;--focus-ring:0 0 0 3px #3898ec4d;--motion-fast:.15s;--motion-base:.2s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--container-max:1200px;--container-gutter-desktop:24px;--container-gutter-tablet:16px;--container-gutter-phone:12px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{cursor:pointer}input[readonly]{color:var(--muted)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-display);text-wrap:balance;font-weight:500}p{text-wrap:pretty}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);padding-inline:var(--container-gutter-desktop);margin-inline:auto}.topnav{z-index:20;background:var(--bg);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topnav{background:color-mix(in oklab, var(--bg), transparent 8%)}}.topnav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topnav-inner{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:68px;display:flex}.brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand-mark{border-radius:var(--radius-md);background:var(--surface-warm);width:34px;height:34px;box-shadow:0 0 0 1px var(--border-soft);color:var(--fg);font-family:var(--font-mono);font-size:var(--text-sm);place-items:center;display:grid}.brand strong{font-family:var(--font-display);font-size:var(--text-lg);white-space:nowrap;font-weight:500}.nav-links{align-items:center;gap:var(--space-6);color:var(--muted);font-size:var(--text-sm);display:flex}.nav-links a:hover{color:var(--fg)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:44px;padding:0 var(--space-5);transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);border:0;font-weight:500;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-on);box-shadow:0 0 0 1px var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface-warm);color:var(--fg-2);box-shadow:0 0 0 1px var(--border-soft)}.btn-secondary:hover{box-shadow:0 0 0 1px var(--border-soft)}@supports (color:color-mix(in lab, red, red)){.btn-secondary:hover{box-shadow:0 0 0 1px color-mix(in oklab, var(--border-soft), var(--fg) 18%)}}.btn-ghost{color:var(--muted);padding-inline:var(--space-3);background:0 0}.btn-ghost:hover{background:var(--surface-warm);color:var(--fg)}.btn[disabled]{cursor:not-allowed;background:var(--surface-warm);color:var(--meta);box-shadow:0 0 0 1px var(--border-soft);opacity:.72}.btn.is-busy:before{content:"";border-radius:var(--radius-pill);border:2px solid;width:14px;height:14px}@supports (color:color-mix(in lab, red, red)){.btn.is-busy:before{border:2px solid color-mix(in oklab, currentColor, transparent 68%)}}.btn.is-busy:before{border-top-color:currentColor;animation:.8s linear infinite spin}.hero{padding-block:var(--section-y-tablet) var(--space-8)}.hero-grid{gap:var(--space-8);grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch;display:grid}.eyebrow{margin-bottom:var(--space-4);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase}h1{max-width:11ch;font-size:clamp(42px, 5.4vw, var(--text-4xl));line-height:var(--leading-tight)}.lead{max-width:56ch;margin-top:var(--space-5);color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-body)}.hero-actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-raised)}.panel-pad{padding:var(--space-6)}.upload-panel{justify-content:space-between;gap:var(--space-6);flex-direction:column;min-height:100%;display:flex}.dropzone{place-items:center;gap:var(--space-4);min-height:220px;padding:var(--space-8);border:1px dashed var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.dropzone{background:color-mix(in oklab, var(--surface), var(--surface-warm) 38%)}}.dropzone{text-align:center;transition:border-color var(--motion-base) var(--ease-standard), background var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard)}.dropzone.dragging,.dropzone:focus-within{border-color:var(--accent);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.dropzone.dragging,.dropzone:focus-within{background:color-mix(in oklab, var(--surface), var(--surface-warm) 62%)}}.dropzone.dragging,.dropzone:focus-within{box-shadow:var(--focus-ring)}.dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop-icon{border-radius:var(--radius-lg);background:var(--surface);width:58px;height:58px;box-shadow:0 0 0 1px var(--border-soft);color:var(--fg);place-items:center;display:grid}.drop-icon svg{width:28px;height:28px}.dropzone h2{font-size:var(--text-2xl);line-height:1.2}.dropzone p{max-width:42ch;color:var(--muted);font-size:var(--text-sm)}.settings-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{color:var(--muted);font-size:var(--text-sm)}.field input{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:44px;color:var(--fg);padding:0 var(--space-3)}.field input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.workspace{padding-block:var(--space-8) var(--section-y-tablet)}.workspace-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.section-head{justify-content:space-between;gap:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);align-items:start;display:flex}.section-head h2{font-size:var(--text-2xl);line-height:1.2}.section-head p{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-sm)}.summary-row{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.summary-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--bg)}.summary-card span{color:var(--meta);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12px;text-transform:uppercase;display:block}.summary-card strong{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:400;display:block}.table-wrap{margin-top:var(--space-5);overflow-x:auto}.table-hint{margin-top:var(--space-3);color:var(--meta);font-size:var(--text-sm);display:none}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;font-size:var(--text-sm)}th,td{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;overflow-wrap:anywhere}th:first-child,td:first-child{width:24%}th:nth-child(2),td:nth-child(2){width:22%}th:nth-child(3),td:nth-child(3){width:8%}th:nth-child(4),td:nth-child(4){width:22%}th:nth-child(5),td:nth-child(5){width:14%}th:nth-child(6),td:nth-child(6){width:10%}th{color:var(--meta);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase;font-weight:400}td.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.file-name{align-items:center;gap:var(--space-3);min-width:220px;display:flex}.file-chip{border-radius:var(--radius-sm);background:var(--surface-warm);width:34px;height:42px;box-shadow:0 0 0 1px var(--border-soft);color:var(--fg-2);font-family:var(--font-mono);font-size:var(--text-xs);flex:none;place-items:center;display:grid}.file-name strong{font-weight:500;line-height:1.25;display:block}.file-name span span{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-xs);display:block}.status{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface-warm);color:var(--fg-2);font-size:var(--text-xs);white-space:nowrap;display:inline-flex}.status:before{content:"";border-radius:var(--radius-pill);background:var(--meta);width:7px;height:7px}.status.ready:before{background:var(--meta)}.status.running:before{background:var(--warn)}.status.done:before{background:var(--success)}.status.error:before{background:var(--danger)}.progress{border-radius:var(--radius-pill);background:var(--surface-warm);height:8px;box-shadow:inset 0 0 0 1px var(--border-soft);overflow:hidden}.bar{border-radius:inherit;background:var(--fg);width:0%;height:100%;transition:width var(--motion-base) var(--ease-standard)}.progress+.mono{margin-top:var(--space-1);color:var(--meta);font-size:var(--text-xs);display:block}.side-stack{gap:var(--space-6);display:grid}.output-name{padding:var(--space-5);border-radius:var(--radius-md);background:var(--fg);color:var(--surface)}.output-name span{color:var(--surface-warm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase;display:block}.output-name strong{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-lg);word-break:break-all;font-weight:400;display:block}.log-list{gap:var(--space-3);margin-top:var(--space-5);max-height:280px;padding-right:var(--space-1);display:grid;overflow:auto}.log-item{gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--text-sm);grid-template-columns:82px 1fr;display:grid}.log-item time{color:var(--meta);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.folder-preview{gap:var(--space-3);margin-top:var(--space-5);display:grid}.zip-panel .folder-preview{grid-template-columns:repeat(6,minmax(0,1fr))}.zip-panel .folder-preview .empty{grid-column:1/-1}.folder{align-items:center;gap:var(--space-3);min-height:42px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);font-size:var(--text-sm);grid-template-columns:28px 1fr auto;display:grid}.folder svg{color:var(--fg-2)}.folder .meta{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}.empty{padding:var(--space-8);border:1px dashed var(--border-soft);border-radius:var(--radius-md);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.empty{background:color-mix(in oklab, var(--surface), var(--bg) 55%)}}.empty{color:var(--muted);text-align:center}.empty.error{border-style:solid;border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.empty.error{border-color:color-mix(in oklab, var(--danger), var(--border) 72%)}}.empty.error{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.empty.error{background:color-mix(in oklab, var(--surface), var(--surface-warm) 70%)}}.empty.error{color:var(--fg-2)}.empty strong{margin-bottom:var(--space-2);color:var(--fg);font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;display:block}.pagefoot{border-top:1px solid var(--border);padding-block:var(--space-8);color:var(--muted);font-size:var(--text-sm)}.footer-inner{justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;display:flex}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.preview-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.swatch{border:1px solid var(--border);border-radius:var(--radius-md);min-height:104px;padding:var(--space-3);background:var(--surface);color:var(--fg);flex-direction:column;justify-content:space-between;display:flex}.swatch-color{border-radius:var(--radius-sm);height:42px;box-shadow:inset 0 0 0 1px #00000014}.preview-stack{gap:var(--space-6);display:grid}@media (max-width:980px){.container{padding-inline:var(--container-gutter-tablet)}.hero-grid,.workspace-grid{grid-template-columns:1fr}.zip-panel .folder-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid,.summary-row,.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{display:none}}@media (max-width:560px){.container{padding-inline:var(--container-gutter-phone)}.topnav-inner{padding-block:var(--space-3);flex-direction:column;align-items:flex-start}.hero{padding-block:var(--section-y-phone) var(--space-6)}h1{font-size:38px}.settings-grid,.summary-row,.preview-grid{grid-template-columns:1fr}.section-head{flex-direction:column}.log-item{grid-template-columns:1fr}.hero-actions,.hero-actions .btn{width:100%}.table-hint{display:block}table{min-width:0}thead{display:none}tbody,tr,td{width:100%;display:block}tr{padding-block:var(--space-3);border-bottom:1px solid var(--border)}td{padding:var(--space-2) 0;border-bottom:0}td:before{content:attr(data-label);margin-bottom:var(--space-1);color:var(--meta);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;display:block}.file-name{min-width:0}.folder{grid-template-columns:28px 1fr}.zip-panel .folder-preview{grid-template-columns:1fr}.folder .meta{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes spin{to{transform:rotate(360deg)}}