*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#14141f;--bg-surface:#1b1c2c;--bg-card:#20223a;--bg-raised:#262845;--text:#eee;--text-dim:#9a9ab0;--accent:#ff5d73;--border:#2f3150;--green:#4caf50;--yellowgreen:#9acd32;--blue:#4fc3f7;--purple:#b388ff;--gray:#666876;--red-gray:#9a6060;--amber:#ffb300;--good:#4caf50;--ok:#ffb300;--bad:#ff5d73}html{font-size:14px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{flex-direction:column;min-height:100vh;display:flex}.muted{color:var(--text-dim)}.app-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.app-header h1{font-size:1.05rem;font-weight:600}.header-badges{gap:.6rem;margin-left:auto;display:flex}.menu-badge{background:var(--bg-card);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.35rem .9rem;font-size:.8rem;font-weight:600}.menu-badge-btn{color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}.menu-badge-btn:hover{border-color:var(--accent);background:var(--bg-raised)}.hamburger-btn{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:2.2rem;height:2.2rem;display:flex}.hamburger-btn span{background:var(--text);border-radius:1px;width:1.1rem;height:2px;display:block}.hamburger-btn:hover{border-color:var(--accent)}.drawer-overlay{z-index:40;background:#0000008c;position:fixed;inset:0}.side-drawer{background:var(--bg-surface);border-right:1px solid var(--border);z-index:50;flex-direction:column;gap:.75rem;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.menu-drawer{width:min(380px,90vw)}.md-drawer{border-right:none;border-left:1px solid var(--border);width:min(640px,94vw);left:auto;right:0}.md-drawer-body{padding-right:.25rem;overflow-y:auto}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-head h2{font-size:1rem}.drawer-close{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;width:1.8rem;height:1.8rem;font-size:1.1rem;line-height:1}.drawer-close:hover{border-color:var(--accent)}.drawer-search{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem;font-size:.85rem}.drawer-search:focus{border-color:var(--accent);outline:none}.drawer-meta{color:var(--text-dim);font-size:.75rem}.drawer-list{flex-direction:column;flex:1;gap:.4rem;display:flex;overflow-y:auto}.menu-drawer details{border:1px solid var(--border);background:var(--bg-card);border-radius:6px}.menu-drawer summary{cursor:pointer;justify-content:space-between;align-items:center;padding:.5rem .7rem;font-size:.85rem;font-weight:600;list-style:none;display:flex}.menu-drawer summary::-webkit-details-marker{display:none}.drawer-count{color:var(--text-dim);font-size:.75rem;font-weight:400}.menu-drawer ul{flex-direction:column;gap:.35rem;padding:0 .7rem .6rem;list-style:none;display:flex}.menu-drawer li{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.4rem;padding-top:.35rem;font-size:.8rem;display:flex}.drawer-item-name{flex:1;min-width:120px}.drawer-item-type{background:var(--bg-raised);color:var(--text-dim);white-space:nowrap;border-radius:3px;padding:.1rem .4rem;font-size:.68rem}.drawer-item-extra{color:var(--blue);white-space:nowrap;font-size:.68rem}.app-main{flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:900px;margin:0 auto;padding:1.5rem;display:flex}.section-title{color:var(--text-dim);margin-top:.5rem;font-size:1rem;font-weight:600}.input-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.input-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.input-header label{font-size:.9rem;font-weight:600}.scenario-select{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:4px;max-width:260px;padding:.3rem .5rem;font-size:.8rem}textarea{background:var(--bg-card);width:100%;color:var(--text);border:1px solid var(--border);resize:vertical;border-radius:6px;padding:.75rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.88rem}textarea:focus{border-color:var(--accent);outline:none}.input-options{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.toggle-label{color:var(--text-dim);cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.toggle-label input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;flex-shrink:0;width:2.1rem;height:1.15rem;transition:background .15s;position:relative}.toggle-thumb{background:var(--text-dim);border-radius:50%;width:.95rem;height:.95rem;transition:transform .15s,background .15s;position:absolute;top:1px;left:1px}.toggle-label input:checked+.toggle-track{border-color:var(--accent);background:#ff5d7359}.toggle-label input:checked+.toggle-track .toggle-thumb{background:var(--accent);transform:translate(.95rem)}.toggle-label input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.analyze-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-left:auto;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;transition:opacity .15s}.analyze-btn:disabled{opacity:.4;cursor:not-allowed}.analyze-btn:not(:disabled):hover{opacity:.85}.error-msg{border:1px solid var(--accent);color:var(--accent);background:#3a1a1a;border-radius:6px;padding:.75rem;font-size:.85rem}.stage-empty,.loading{color:var(--text-dim);text-align:center;background:var(--bg-surface);border:1px dashed var(--border);border-radius:10px;padding:2rem;font-size:.85rem}.info-tooltip{cursor:help;display:inline-flex;position:relative}.info-tooltip-icon{background:var(--bg-raised);border:1px solid var(--border);width:1.05rem;height:1.05rem;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:.68rem;font-style:italic;display:flex}.info-tooltip-bubble{color:#f0f0f5;white-space:normal;opacity:0;visibility:hidden;z-index:30;background:#05050c;border:1px solid #33344f;border-radius:6px;width:max-content;max-width:280px;padding:.55rem .7rem;font-size:.75rem;font-weight:400;line-height:1.4;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0006}.info-tooltip:hover .info-tooltip-bubble,.info-tooltip:focus-visible .info-tooltip-bubble,.info-tooltip:focus .info-tooltip-bubble{opacity:1;visibility:visible}.pipeline-view{flex-direction:column;display:flex;position:relative}.step-card{gap:.9rem;padding-bottom:1.25rem;display:flex;position:relative}.step-card:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:2.1rem;bottom:0;left:.95rem}.step-marker{background:var(--bg-raised);border:1px solid var(--border);width:1.9rem;height:1.9rem;color:var(--text);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.step-body{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex:1;min-width:0;padding:.9rem 1rem}.step-head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.step-head h3{font-size:.9rem;font-weight:600}.step-trusty{flex-wrap:wrap;gap:.35rem;margin-left:auto;display:flex}.step-content{overflow-x:auto}.trusty-badge{cursor:default;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .45rem;font-size:.68rem;display:inline-flex}.trusty-label{color:inherit;opacity:.85}.trusty-value{font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:700}.trusty-good{color:var(--good);background:#4caf501f;border-color:#4caf5066}.trusty-ok{color:var(--ok);background:#ffb3001f;border-color:#ffb30066}.trusty-bad{color:var(--bad);background:#ff5d731f;border-color:#ff5d7366}.text-diff{flex-direction:column;gap:.4rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8rem;display:flex}.text-diff-row{align-items:baseline;gap:.6rem;display:flex;overflow-x:auto}.text-diff-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;width:4.5rem;font-size:.65rem}.text-diff-value{white-space:pre-wrap;word-break:break-word}.token-chips{word-break:break-word;line-height:2.1}.chip{cursor:default;white-space:nowrap;border-radius:4px;align-items:baseline;gap:2px;margin:0 2px 2px 0;padding:.1rem .45rem;font-size:.8rem;font-weight:500;display:inline-flex}.chip-match{opacity:.75;margin-left:2px;font-size:.6em}.chip-product{background:var(--green);color:#000}.chip-product.chip-fuzzy{background:var(--yellowgreen)}.chip-blue{background:var(--blue);color:#000}.chip-modifier{background:var(--purple);color:#000}.chip-noise{background:var(--gray);color:#ddd;opacity:.7;text-decoration:line-through}.chip-unknown{border:1px dashed var(--red-gray);color:var(--red-gray);background:0 0}.chip-legend{opacity:.85;flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.chip-legend .chip{font-size:.7rem}.dropped-list{flex-wrap:wrap;gap:.4rem;display:flex}.dropped-chip{background:var(--bg-raised);color:var(--gray);border-radius:4px;padding:.2rem .5rem;font-size:.8rem;text-decoration:line-through}.table-wrap{overflow-x:auto}.counts-table{border-collapse:collapse;width:100%;min-width:360px;font-size:.8rem}.counts-table th,.counts-table td{border:1px solid var(--border);text-align:left;padding:.35rem .6rem;font-family:SF Mono,Fira Code,Consolas,monospace}.counts-table th{color:var(--text-dim);background:var(--bg-card);font-weight:600}.counts-table .row-mismatch{background:#ffb30014}.binding-list{flex-direction:column;gap:.3rem;display:flex}.binding-row{background:var(--bg-card);border-radius:4px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.8rem;display:flex}.binding-icon{color:var(--blue);text-align:center;width:1rem;font-weight:700}.binding-kind{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;width:4.5rem;font-size:.65rem}.binding-value{color:var(--blue);font-family:SF Mono,Fira Code,Consolas,monospace}.binding-arrow{color:var(--text-dim)}.binding-target{font-weight:600}.correction-list{flex-direction:column;gap:.4rem;display:flex}.correction-row{background:var(--bg-card);border-left:3px solid var(--border);border-radius:5px;flex-direction:column;gap:.15rem;padding:.35rem .6rem;font-size:.82rem;display:flex}.correction-kind{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:.65rem}.correction-combo{border-left-color:var(--purple)}.correction-restated,.correction-rebind{border-left-color:var(--blue)}.correction-restatement,.correction-redescription{border-left-color:var(--amber)}.correction-correction{border-left-color:var(--accent)}.removed{color:var(--accent);text-decoration:line-through}.arrow{color:var(--text-dim)}.added{color:var(--green);font-weight:600}.kid-list{flex-wrap:wrap;gap:.4rem;display:flex}.kid-chip{color:var(--amber);background:#ffb3001f;border:1px solid #ffb30066;border-radius:999px;padding:.25rem .6rem;font-size:.8rem}.warning-list{flex-direction:column;gap:.3rem;display:flex}.warning-item{color:var(--amber);border-left:3px solid var(--amber);background:#ffb3001a;border-radius:4px;gap:.5rem;padding:.3rem .6rem;font-size:.8rem;display:flex}.warning-code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.7rem;font-weight:700}.order-panel{flex-direction:column;gap:.75rem;display:flex}.order-panel.empty{color:var(--text-dim);text-align:center;background:var(--bg-surface);border:1px dashed var(--border);border-radius:10px;padding:2rem}.order-card{background:var(--bg-card);border:2px solid var(--accent);border-radius:10px;padding:1.1rem 1.25rem}.order-card h2{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;display:flex}.order-lang{color:var(--text-dim);text-transform:uppercase;font-size:.75rem;font-weight:400}.order-items{flex-direction:column;gap:.5rem;list-style:none;display:flex}.order-items li{border-bottom:1px solid var(--border);padding:.4rem 0;font-size:.95rem}.order-items li:last-child{border-bottom:none}.qty{color:var(--blue);font-weight:700}.product-name{font-weight:600}.size-tag{color:var(--blue);text-transform:capitalize;margin-left:.4rem;font-size:.78rem}.mods{flex-wrap:wrap;gap:.3rem;margin-top:.25rem;display:flex}.mod-chip{background:var(--purple);color:#000;border-radius:3px;padding:.05rem .4rem;font-size:.72rem;display:inline-block}.for-tag{color:var(--amber);margin-left:.4rem;font-size:.78rem}.order-warnings{flex-direction:column;gap:.25rem;margin-top:.6rem;display:flex}.warning-badge{color:var(--amber);background:#ffb3001a;border-radius:3px;padding:.25rem .5rem;font-size:.8rem}.json-inspector{margin-top:.25rem}.json-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.3rem 0;font-size:.8rem}.json-toggle:hover{color:var(--text)}.json-block{border:1px solid var(--border);color:var(--text-dim);white-space:pre;background:#0d0d1a;border-radius:6px;max-height:400px;margin-top:.5rem;padding:1rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.75rem;overflow:auto}.markdown-body{flex-direction:column;gap:.6rem;font-size:.85rem;line-height:1.6;display:flex}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:.6rem;font-weight:700;line-height:1.35}.markdown-body h1{font-size:1.25rem}.markdown-body h2{color:var(--accent);font-size:1.1rem}.markdown-body h3{color:var(--blue);font-size:1rem}.markdown-body h4{color:var(--text-dim);font-size:.9rem}.markdown-body p{word-break:break-word}.markdown-body strong{color:var(--text);font-weight:700}.markdown-body em{color:var(--text-dim);font-style:italic}.markdown-body code{background:var(--bg-raised);border-radius:3px;padding:.05rem .35rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85em}.markdown-body a{color:var(--blue)}.markdown-body ul,.markdown-body ol{flex-direction:column;gap:.25rem;padding-left:1.3rem;display:flex}.markdown-body blockquote{border-left:3px solid var(--border);color:var(--text-dim);padding-left:.75rem}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:.4rem 0}.md-code{border:1px solid var(--border);background:#0d0d1a;border-radius:6px;padding:.75rem;font-size:.78rem;overflow-x:auto}.md-code code{white-space:pre;background:0 0;padding:0;font-family:SF Mono,Fira Code,Consolas,monospace}.md-table-wrap{overflow-x:auto}.markdown-body table{border-collapse:collapse;min-width:100%;font-size:.8rem}.markdown-body th,.markdown-body td{border:1px solid var(--border);text-align:left;padding:.35rem .6rem}.markdown-body th{background:var(--bg-card);color:var(--text-dim)}@media (width<=640px){.app-main{padding:1rem}.step-card{gap:.6rem}.step-marker{width:1.6rem;height:1.6rem;font-size:.7rem}}@media (prefers-color-scheme:light){:root{--bg:#f4f4f8;--bg-surface:#fff;--bg-card:#f0f0f6;--bg-raised:#e6e6f0;--text:#1a1a2e;--text-dim:#6a6a80;--border:#dcdce6}.json-block,.md-code{background:#f0f0f6}}