:root{--paper:#f5f1e8;--ink:#1d1c19;--muted:#79746a;--line:#d7d0c4;--accent:#de5b35;--teal:#2f686f;--panel:#ece6dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}.site-shell{grid-template-columns:320px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#f8f5ef;flex-direction:column;height:100vh;padding:38px 42px 30px;display:flex;position:sticky;top:0}.wordmark{color:var(--ink);letter-spacing:-.06em;font:700 30px Georgia,serif;text-decoration:none}.wordmark span{color:var(--accent);vertical-align:top;margin-left:6px;font:11px Arial,sans-serif}.sidebar-copy{margin:auto 0}.eyebrow,.section-number{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font:700 11px/1.2 ui-monospace,monospace}.sidebar h1{letter-spacing:-.06em;margin:0 0 24px;font:500 42px/1.18 Georgia,Songti SC,serif}.sidebar-copy>p:last-child,.method-grid p,.limits p{color:var(--muted);font-size:12px;line-height:1.8}.privacy-note{color:var(--muted);margin-bottom:28px;font-size:11px}.status-dot{background:#6e8c62;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 3px #6e8c621f}.sidebar nav{border-top:1px solid var(--line);gap:8px;padding-top:20px;display:grid}.sidebar nav a{color:var(--muted);font-size:12px;text-decoration:none}.sidebar nav a:hover{color:var(--accent)}.version{color:#aaa397;margin:26px 0 0;font:10px ui-monospace,monospace}.content{min-width:0}.topbar{border-bottom:1px solid var(--line);height:76px;color:var(--muted);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:0 5vw;font-size:11px;display:flex}.formula{color:var(--teal);font:600 12px ui-monospace,monospace}.hero,.output-section,.explain,.limits{border-bottom:1px solid var(--line);padding:70px 5vw}.hero-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px;display:flex}.hero h2,.output-section h2,.explain h2,.limits h2{letter-spacing:-.045em;margin:0;font-family:Georgia,Songti SC,serif;font-weight:500}.hero h2{font-size:clamp(38px,5vw,68px)}.hero-heading p{max-width:300px;color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.6}.upload-panel{background-color:var(--panel);background-image:linear-gradient(#00000009 1px,#0000 1px),linear-gradient(90deg,#00000009 1px,#0000 1px);background-size:28px 28px;border:1px dashed #b9b1a5;place-items:center;min-height:390px;transition:all .2s;display:grid;position:relative;overflow:hidden}.upload-panel.is-dragging{border-color:var(--accent);background-color:#f0dfd5}.upload-empty{cursor:pointer;background:0 0;border:0;justify-items:center;gap:10px;display:grid}.upload-empty strong{font:500 21px Georgia,Songti SC,serif}.upload-empty small{color:var(--muted);font-size:11px}.upload-mark{border:1px solid var(--ink);border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:6px;font-size:26px;transition:all .2s;display:grid}.upload-empty:hover .upload-mark{background:var(--ink);color:var(--paper);transform:rotate(90deg)}.image-canvas{object-fit:contain;max-width:100%;max-height:570px;display:none}.has-image{min-height:440px;padding:28px}.has-image .image-canvas{display:block}.image-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);background:#f5f1e8eb;justify-content:space-between;align-items:center;padding:9px 11px 9px 14px;font-size:11px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.image-actions button{background:var(--ink);color:#fff;cursor:pointer;border:0;padding:7px 12px}.image-controls{border:1px solid var(--line);border-top:0;grid-template-columns:1fr;display:grid}.image-controls label,.controls label{padding:20px}.image-controls label+label{border-top:1px solid var(--line)}.image-controls span,.controls span{color:var(--muted);justify-content:space-between;margin-bottom:13px;font-size:11px;display:flex}.image-controls b,.controls b{color:var(--ink);font:600 12px ui-monospace,monospace}.controls{border:1px solid var(--line);border-top:0;grid-template-columns:repeat(4,1fr);display:grid}.controls label{border-right:1px solid var(--line)}.controls label:last-child{border-right:0}input[type=range]{width:100%;accent-color:var(--accent)}.stitch-target-input{border:1px solid var(--line);width:100%;height:32px;color:var(--ink);background:#f9f6f0;border-radius:0;outline:none;padding:5px 8px;font:12px ui-monospace,monospace}.stitch-target-input:focus{border-color:var(--accent)}.model-toggle{flex-direction:column;justify-content:center;display:flex}.model-toggle>input{width:20px;height:20px;accent-color:var(--teal);cursor:pointer;margin:0}.row-choice{border-top:1px solid var(--line);grid-template-columns:1fr;gap:6px;padding-top:11px;margin:12px 0 0!important;display:grid!important}.row-choice em{font-style:normal}.row-choice input{border:1px solid var(--line);width:100%;height:32px;color:var(--ink);background:#f9f6f0;border-radius:0;outline:none;padding:5px 7px;font:11px ui-monospace,monospace}.row-choice input:focus{border-color:var(--teal)}.output-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.output-section h2,.explain h2,.limits h2{font-size:38px}.output-actions{gap:8px;display:flex}.output-actions button{border:1px solid var(--ink);cursor:pointer;background:0 0;padding:10px 14px;font-size:11px}.output-actions .primary{background:var(--ink);color:#fff}.output-actions button:disabled{opacity:.35;cursor:not-allowed}.demo-label{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;border-bottom:0;margin:0;padding:10px 14px;font-size:10px}.sequence-card{border:1px solid var(--line);background:#f9f6f0}.bars{flex-direction:column-reverse;justify-content:center;gap:9px;min-height:380px;padding:34px;display:flex}.bar-row{grid-template-columns:26px minmax(0,1fr) 58px;align-items:center;gap:12px;display:grid}.bar-row span{color:#aaa397;font:9px ui-monospace,monospace}.bar-row i{background:var(--accent);opacity:.78;border-radius:999px;justify-self:center;max-width:100%;height:8px;display:block}.bar-row b{color:var(--teal);text-align:right;font:600 10px ui-monospace,monospace}.bar-row input{border:1px solid var(--line);background:var(--paper);width:58px;height:27px;color:var(--teal);text-align:center;border-radius:0;outline:none;padding:3px 6px;font:600 11px ui-monospace,monospace}.bar-row input:focus{border-color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.calculation-note{color:var(--muted);margin:14px 0 0;font-size:11px;line-height:1.7}.pattern-editor{border-top:1px solid var(--line);margin-top:52px;padding-top:48px}.pattern-editor-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.pattern-editor textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:430px;color:var(--ink);background:#f9f6f0;border-radius:0;outline:none;padding:26px;font:14px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.pattern-editor textarea:focus{border-color:var(--teal);box-shadow:inset 3px 0 0 var(--teal)}.pattern-editor textarea:disabled{color:var(--muted);background:var(--panel)}.explain>h2{max-width:620px;margin-bottom:40px}.method-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.method-grid article{border-right:1px solid var(--line);padding:28px 26px 10px 0}.method-grid article+article{padding-left:26px}.method-grid article:last-child{border-right:0}.method-grid span{color:var(--accent);font:11px ui-monospace,monospace}.method-grid h3{margin:35px 0 12px;font:500 20px Georgia,Songti SC,serif}.limits{grid-template-columns:.7fr 1.3fr;gap:50px;display:grid}.limits p{max-width:620px;margin:4px 0 0}footer{color:#9d968b;letter-spacing:.08em;justify-content:space-between;padding:32px 5vw;font-size:10px;display:flex}@media (width<=900px){.site-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:24px 5vw;position:relative}.sidebar-copy,.privacy-note,.sidebar nav,.version{display:none}.topbar{height:58px}.hero,.output-section,.explain,.limits{padding:50px 5vw}.hero-heading{flex-direction:column;align-items:start}.sequence-card{grid-template-columns:1fr}}@media (width<=640px){.formula{display:none}.hero h2{font-size:42px}.pattern-editor-header{flex-direction:column;align-items:start}.pattern-editor-header .output-actions{flex-wrap:wrap}.pattern-editor textarea{min-height:360px;padding:18px}.controls{grid-template-columns:1fr}.controls label{border-right:0;border-bottom:1px solid var(--line)}.controls label:last-child{border-bottom:0}.output-header{flex-direction:column;align-items:start}.output-actions{width:100%}.output-actions button{flex:1}.bars{padding:26px 14px}.method-grid{grid-template-columns:1fr}.method-grid article,.method-grid article+article{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.method-grid h3{margin-top:18px}.limits{grid-template-columns:1fr;gap:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}