:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--color-bg: #f7f6f2;--color-surface: #f9f8f5;--color-surface-2: #fbfbf9;--color-surface-offset: #edeae5;--color-border: #d4d1ca;--color-divider: #dcd9d5;--color-text: #28251d;--color-text-muted: #6f6d67;--color-text-faint: #9f9d97;--color-primary: #01696f;--color-primary-hover: #0c4e54;--color-primary-highlight: #d7eceb;--color-success: #437a22;--color-warning: #964219;--color-error: #a12c7b;--shadow-sm: 0 1px 2px rgba(25, 20, 14, .06);--shadow-md: 0 8px 24px rgba(25, 20, 14, .08);--font-body: "Inter", sans-serif}[data-theme=dark]{--color-bg: #171614;--color-surface: #1c1b19;--color-surface-2: #201f1d;--color-surface-offset: #262422;--color-border: #393836;--color-divider: #2d2c29;--color-text: #e3e1dc;--color-text-muted: #aeaba4;--color-text-faint: #7a7770;--color-primary: #4f98a3;--color-primary-hover: #66aeb9;--color-primary-highlight: #223638;--shadow-sm: 0 1px 2px rgba(0,0,0,.24);--shadow-md: 0 12px 32px rgba(0,0,0,.3)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}pre{margin:0;white-space:pre-wrap;word-break:break-word}.app{max-width:1180px;margin:0 auto;padding:var(--space-6);display:grid;gap:var(--space-6)}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.brand h1{font-size:var(--text-xl);line-height:1.1;margin:0 0 var(--space-2)}.brand p{margin:0;color:var(--color-text-muted);max-width:72ch}.theme-toggle,.btn{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:.72rem 1rem;transition:.18s ease;box-shadow:var(--shadow-sm)}.btn:hover,.theme-toggle:hover{background:var(--color-surface-2)}.btn-primary{background:var(--color-primary);color:#f9f8f4;border-color:transparent}.btn-primary:hover{background:var(--color-primary-hover)}.btn-ghost{background:transparent;box-shadow:none}.layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:var(--space-6);align-items:start}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.panel-inner{padding:var(--space-5)}.panel h2{margin:0 0 var(--space-3);font-size:var(--text-lg)}.muted{color:var(--color-text-muted)}.dropzone{border:2px dashed var(--color-border);background:var(--color-surface-2);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;display:grid;gap:var(--space-3)}.dropzone.active{border-color:var(--color-primary);background:var(--color-primary-highlight)}.hidden-input{display:none}.stack{display:grid;gap:var(--space-4)}.field{display:grid;gap:var(--space-2)}.field label{font-size:var(--text-sm);font-weight:600}.select,.stats,.preview,.status{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:var(--radius-lg)}.select{width:100%;padding:.8rem .95rem}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;background:var(--color-divider)}.stat{background:var(--color-surface);padding:var(--space-4)}.stat strong{display:block;font-size:var(--text-lg)}.status{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.status.error{border-color:var(--color-error);color:var(--color-error)}.status.success{border-color:var(--color-success);color:var(--color-success)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.preview{min-height:540px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider);background:var(--color-surface-2);flex-wrap:wrap}.preview-body{padding:var(--space-5);max-height:68vh;overflow:auto;font-size:var(--text-sm)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:999px;background:var(--color-primary-highlight);color:var(--color-primary);padding:.35rem .7rem;font-size:var(--text-xs);font-weight:700;letter-spacing:.02em}.list{margin:0;padding-left:1.2rem;color:var(--color-text-muted)}.footer-note{color:var(--color-text-muted);font-size:var(--text-sm)}@media(max-width:900px){.layout{grid-template-columns:1fr}.preview{min-height:420px}}