:root{--bg-base: #0d0f12;--bg-surface: #14171c;--bg-elevated: #191d23;--bg-hover: #1f242b;--border-subtle: #222831;--border-default: #2c333d;--border-strong: #3a424e;--text-primary: #e8eaed;--text-secondary: #a8b0ba;--text-tertiary: #6f7883;--text-muted: #4d545e;--accent: #e0a33a;--accent-hover: #eeb254;--accent-dim: rgba(224, 163, 58, .14);--status-good: #57b87c;--status-warn: #d8a03c;--status-bad: #d9614f;--status-info: #6ea8d8;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}[hidden]{display:none!important}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.55;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-strong);transition:border-color var(--transition-fast)}a:hover{border-bottom-color:var(--accent)}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle)}.brand{display:flex;align-items:center;gap:var(--space-sm)}.brand-mark{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round}.brand-name{font-size:var(--font-size-lg);font-weight:600;letter-spacing:-.01em}.site-nav{display:flex;gap:var(--space-xs)}.nav-button{background:none;border:none;color:var(--text-secondary);font:inherit;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.nav-button:hover{color:var(--text-primary);background:var(--bg-hover)}.main-content{flex:1 0 auto;width:100%;max-width:1180px;margin:0 auto;padding:var(--space-xl)}.site-footer{flex-shrink:0;border-top:1px solid var(--border-subtle);padding:var(--space-lg) var(--space-xl);color:var(--text-tertiary);font-size:var(--font-size-sm);text-align:center}.trust-banner{display:flex;align-items:center;gap:var(--space-md);width:100%;text-align:left;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--text-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast)}.trust-banner:hover{border-color:var(--border-default)}.trust-icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round}.trust-more{margin-left:auto;color:var(--text-tertiary);white-space:nowrap}.intake{padding:var(--space-2xl) 0;text-align:center}.headline{font-size:clamp(1.6rem,4vw,2.25rem);font-weight:600;letter-spacing:-.02em;margin:var(--space-xl) 0 var(--space-md)}.subhead{max-width:58ch;margin:0 auto var(--space-2xl);color:var(--text-secondary);font-size:var(--font-size-lg)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);max-width:640px;margin:0 auto;padding:var(--space-2xl);min-height:260px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.dropzone:hover,.dropzone:focus-visible,.dropzone.is-dragging{border-color:var(--accent);background:var(--bg-elevated);outline:none}.dropzone-icon{width:32px;height:32px;fill:none;stroke:var(--text-tertiary);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dropzone.is-dragging .dropzone-icon,.dropzone:hover .dropzone-icon{stroke:var(--accent)}.dropzone-title{margin:var(--space-sm) 0 0;font-size:var(--font-size-lg);font-weight:500}.dropzone-hint,.dropzone-formats{margin:0;color:var(--text-tertiary);font-size:var(--font-size-sm)}.dropzone-formats{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.04em;color:var(--text-muted);margin-top:var(--space-sm)}.intake-note{max-width:52ch;margin:var(--space-xl) auto 0;color:var(--text-tertiary);font-size:var(--font-size-sm)}.editor{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--space-xl);padding:var(--space-xl) 0}.stage-wrap{min-width:0}.stage{position:relative;width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.preview-canvas{display:block;width:100%;height:100%;object-fit:contain}.preview-video{display:none}.box-layer{position:absolute;inset:0;cursor:crosshair;touch-action:none}.box-handle{position:absolute;padding:0;background:transparent;border:1.5px solid var(--accent);border-radius:2px;cursor:pointer;transition:background var(--transition-fast)}.box-handle.is-detected{border-style:solid}.box-handle.is-manual{border-style:dashed;border-color:var(--status-info)}.box-handle:hover{background:var(--accent-dim)}.box-ghost{position:absolute;border:1.5px dashed var(--status-info);background:#6ea8d81f;pointer-events:none}.stage-hint{margin:var(--space-md) 0 0;color:var(--text-tertiary);font-size:var(--font-size-sm);text-align:center}.controls{display:flex;flex-direction:column;gap:var(--space-xl);align-content:start}.file-summary{padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.file-name{margin:0 0 var(--space-xs);font-weight:500;word-break:break-all}.file-meta{margin:0;color:var(--text-tertiary);font-size:var(--font-size-sm)}.control-group{display:flex;flex-direction:column;gap:var(--space-sm)}.control-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.control-label output{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0;color:var(--text-secondary)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden}.segmented button{background:var(--bg-surface);border:none;border-right:1px solid var(--border-default);color:var(--text-secondary);font:inherit;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-xs);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.segmented button:last-child{border-right:none}.segmented button:hover{background:var(--bg-hover);color:var(--text-primary)}.segmented button[aria-checked=true]{background:var(--accent-dim);color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}.checkbox{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;margin-top:var(--space-sm)}.checkbox input{accent-color:var(--accent)}.primary-button,.secondary-button{font:inherit;font-size:var(--font-size-base);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#16130c;font-weight:600}.primary-button:hover{background:var(--accent-hover)}.secondary-button{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.secondary-button:hover{border-color:var(--border-strong);color:var(--text-primary)}.progress-panel{max-width:560px;margin:0 auto;padding:var(--space-2xl) 0;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.progress-phase{margin:0;font-size:var(--font-size-lg)}.progress-track{width:100%;height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.progress-fill{height:100%;width:0;background:var(--accent);transition:width var(--transition-normal)}.progress-detail{margin:0;color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.result-panel{max-width:560px;margin:0 auto;padding:var(--space-2xl) 0;text-align:center}.result-title{margin:0 0 var(--space-sm);font-size:var(--font-size-2xl);font-weight:600;letter-spacing:-.02em}.result-meta{margin:0 0 var(--space-lg);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.result-warning{margin:0 auto var(--space-xl);max-width:46ch;padding:var(--space-md);border:1px solid var(--border-subtle);border-left:2px solid var(--status-warn);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:left}.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-top:var(--space-xl);padding:var(--space-md) var(--space-lg);border:1px solid var(--border-subtle);border-left:2px solid var(--status-bad);border-radius:var(--radius-sm);background:var(--bg-surface)}.error-banner p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.eventlog-toggle{position:fixed;right:var(--space-lg);bottom:var(--space-lg);z-index:40;display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:999px;color:var(--text-secondary);font:inherit;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.eventlog-toggle:hover{border-color:var(--border-strong);color:var(--text-primary)}.eventlog-count{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--accent);font-variant-numeric:tabular-nums}.eventlog{position:fixed;top:0;right:0;bottom:0;width:min(400px,100vw);z-index:50;display:flex;flex-direction:column;background:var(--bg-surface);border-left:1px solid var(--border-subtle);transform:translate(100%);transition:transform var(--transition-normal)}.eventlog.is-open{transform:translate(0)}.eventlog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.eventlog-close{background:none;border:none;color:var(--text-tertiary);font-size:1.5rem;line-height:1;padding:0 var(--space-sm);cursor:pointer;transition:color var(--transition-fast)}.eventlog-close:hover{color:var(--text-primary)}.eventlog-list{flex:1;overflow-y:auto;margin:0;padding:var(--space-md);list-style:none}.eventlog-item{display:flex;gap:var(--space-md);padding:var(--space-xs) 0;font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.6}.eventlog-time{color:var(--text-muted);flex-shrink:0;font-variant-numeric:tabular-nums}.eventlog-text{color:var(--text-secondary);word-break:break-word}.eventlog-item.is-good .eventlog-text{color:var(--status-good)}.eventlog-item.is-warn .eventlog-text{color:var(--status-warn)}.eventlog-item.is-bad .eventlog-text{color:var(--status-bad)}.modal-backdrop{position:fixed;inset:0;z-index:60;background:#050608b8;backdrop-filter:blur(2px)}.modal{position:fixed;z-index:70;top:50%;left:50%;transform:translate(-50%,-50%);width:min(660px,calc(100vw - 2rem));max-height:min(82vh,820px);overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2xl)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;color:var(--text-tertiary);font-size:1.5rem;line-height:1;padding:var(--space-xs) var(--space-sm);cursor:pointer}.modal-close:hover{color:var(--text-primary)}.modal h2{margin:0 0 var(--space-lg);font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.01em}.modal h3{margin:var(--space-xl) 0 var(--space-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.modal p,.modal li{color:var(--text-secondary);font-size:var(--font-size-base)}.modal ul,.modal ol{margin:0;padding-left:1.2rem}.modal li{margin-bottom:var(--space-md)}.modal strong{color:var(--text-primary);font-weight:600}.steps li::marker{color:var(--accent);font-variant-numeric:tabular-nums}.glossary-link{color:var(--text-primary);border-bottom:1px dotted var(--border-strong);cursor:help}.glossary-link:hover{border-bottom-color:var(--accent)}.glossary-tooltip{position:fixed;z-index:80;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;box-shadow:0 8px 32px #00000080}@media(max-width:860px){.editor{grid-template-columns:1fr}.main-content{padding:var(--space-lg)}.site-header{padding:var(--space-md) var(--space-lg)}.trust-more{display:none}}@media(max-width:520px){.site-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.site-nav{width:100%}.nav-button{padding:var(--space-xs) var(--space-sm)}.headline{margin-top:var(--space-lg)}.dropzone{min-height:200px;padding:var(--space-xl) var(--space-lg)}.modal{padding:var(--space-xl) var(--space-lg);max-height:88vh}.result-actions .primary-button,.result-actions .secondary-button{flex:1 1 auto}.eventlog{width:100vw}.site-footer{padding-bottom:4.5rem}}