:root{--bg:#f6f7f5;--paper:#fff;--ink:#25382f;--muted:#7b837d;--line:#e5e8e2;--accent:#dd805d;--accent-light:#fcf2eb;--room:#9aabb7;--street:#99aa87;--event:#e99374;--green:#526c54;--rail:76px;--radius:13px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}svg{display:block}button svg,[data-icon] svg{width:18px;height:18px}h1,h2,h3,p{margin:0}h2{font-size:15px;font-weight:600}h3{font-size:14px}input[type=range]{appearance:none;width:100%;height:4px;background:#e7eae5;border-radius:10px;cursor:pointer;margin:16px 0 6px;accent-color:var(--green)}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;border:2px solid white;background:var(--green);box-shadow:0 0 0 1px #728772}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid white;background:var(--green);border-radius:50%}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none;margin:0}[hidden]{display:none!important}.rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail);background:#eef0eb;border-right:1px solid #e1e5dc;display:flex;flex-direction:column;align-items:center;padding:23px 0;gap:13px;z-index:30}.brand-mark{width:37px;height:37px;border-radius:10px;background:var(--ink);color:#f1c8a9;display:grid;place-items:center}.brand-mark svg{width:27px;height:27px}.rail-divider{width:25px;height:1px;background:#dce1d7;margin:13px 0 6px}.rail-button{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#859081}.rail-button:hover{background:#e5e9df;color:var(--ink)}.rail-button.active{background:#fff;color:#3f5946;box-shadow:0 2px 6px #263d2908}.rail-button svg{width:20px;height:20px}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:18px}.avatar{background:#dfe5d7;border:3px solid #f4f5f1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:13px}.app-shell{margin-left:var(--rail)}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:#f9faf7}.topbar-title{font-weight:650;font-size:15px;letter-spacing:.03em}.topbar-title>span:first-child{margin:0 19px;font-weight:400;color:#b4bcb1}.topbar-sub{font-weight:400;color:#747f72;font-size:13px}.topbar-right{display:flex;align-items:center;gap:18px;font-size:12px;color:#858d81}.private-badge{display:flex;align-items:center;gap:6px;color:#52644e}.private-badge svg{width:13px;height:13px}.vertical-rule{height:14px;width:1px;background:#dce1d7}.save-status{display:flex;gap:7px;align-items:center}.save-status i{width:5px;height:5px;background:#91a57e;border-radius:100%}main{max-width:1690px;margin:0 auto;padding:37px 38px 0}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:9px;font-weight:600;color:#75826f;margin-bottom:13px}.eyebrow>span:first-child{display:block;width:15px;height:2px;background:var(--accent)}.edition{margin-left:5px;color:#a9b0a5}h1{font-family:"Songti SC","Noto Serif CJK SC","STSong",serif;font-size:35px;line-height:1.35;letter-spacing:1px;font-weight:600}h1 em{font-style:normal;color:#748467}.intro p{color:#7d8579;font-size:12px;margin-top:12px;letter-spacing:.025em}.intro-actions{display:flex;align-items:center;gap:8px;align-self:flex-end;padding-bottom:3px}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:7px;padding:9px 14px;font-size:12px;font-weight:500;white-space:nowrap;min-height:38px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button svg{width:15px;height:15px}.button.dark{background:#304538;color:white;box-shadow:0 2px 3px #1f31270d}.button.dark:hover{background:#445d49}.button.light{background:#fff;border:1px solid #dfe4db}.button.light:hover{background:#f1f4ed}.button.subtle{color:#7e897a}.button.subtle:hover{background:#eaeee5}.section-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#53604f;font-size:12px;font-weight:500;margin-bottom:12px}.section-caption>span:nth-child(2){color:#929b8d;font-size:10px;font-weight:400}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.preset-card{position:relative;padding:17px 18px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:left;transition:border-color .15s,box-shadow .15s;overflow:hidden;min-height:124px}.preset-card:hover{border-color:#a3af9a;box-shadow:0 3px 10px #243d2910}.preset-card.active{border-color:#8fa280;background:#f5f8f0;box-shadow:0 0 0 1px #8fa28022}.preset-title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;line-height:1.3}.preset-card .tag{font-size:9px;font-weight:400;color:#839079;border:1px solid #dce4d4;border-radius:4px;padding:2px 5px;line-height:1.4}.preset-check{margin-left:auto;border:1px solid #d7ded1;flex-shrink:0;width:14px;height:14px;border-radius:50%;color:transparent;display:grid;place-items:center;font-size:9px}.active .preset-check{background:#687f5f;border-color:#687f5f;color:white}.preset-description{font-size:10px;color:#8b9286;line-height:1.7;max-width:220px;margin-top:8px;padding-right:25px;min-height:34px}.mini-bars{position:absolute;right:16px;bottom:17px;display:flex;align-items:flex-end;gap:4px;height:27px;width:46px;opacity:.65}.mini-bars i{flex:1;background:#afba9c;border-radius:2px 2px 0 0}.preset-card:nth-child(3) .mini-bars i{background:#d9a88e}.preset-card:nth-child(4) .mini-bars i{background:#a0b2b6}.preset-meta{font-size:10px;margin-top:6px;color:#647a58;display:flex;gap:10px}.workspace{display:grid;grid-template-columns:278px minmax(0,1fr);gap:22px;margin-top:27px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.settings{overflow:hidden;position:sticky;top:18px}.panel-heading{padding:20px 20px 16px;border-bottom:1px solid #edf0e9;display:flex;align-items:center;justify-content:space-between}.panel-heading h2{display:flex;align-items:center;gap:8px;font-size:14px}.panel-heading svg{width:16px;height:16px;color:#83937a}.text-button{font-size:10px;color:#86937c;padding:3px 0}.text-button:hover{color:#314c36;text-decoration:underline}.setting-block{padding:20px 20px 0}.setting-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500}.tiny-note{font-size:9px;font-weight:400;color:#a0a698}.setting-label output{font-size:12px;color:#617d55;font-weight:600;font-variant-numeric:tabular-nums}.setting-label output small{font-size:9px;color:#99a18f;font-weight:400}.number-control{display:flex;align-items:center;margin-top:12px;border:1px solid #e3e7dc;border-radius:6px;height:38px;background:#fbfcf8}.number-control button{width:37px;height:36px;color:#8a9580;font-size:17px;flex-shrink:0}.number-control button:last-child{margin-left:auto;border-left:1px solid #e3e7dc}.number-control button:first-child{border-right:1px solid #e3e7dc}.number-control button:hover{background:#e9eee2}.number-control input{width:48px;background:transparent;border:0;text-align:right;color:#30472f;font-size:16px;padding:0 4px;font-weight:550}.number-control>span{font-size:10px;color:#9aa18f;padding-left:5px}.range-labels{display:flex;justify-content:space-between;color:#a4ab9c;font-size:9px;line-height:1.3}.ratio-preview{display:flex;gap:3px;height:7px;margin:13px 0 14px;border-radius:5px;overflow:hidden}.ratio-preview span{height:100%;transition:width .12s}.ratio-row{display:grid;grid-template-columns:40px 1fr 33px;align-items:center;gap:8px;height:29px;font-size:10px}.ratio-row label{display:flex;align-items:center;gap:5px;color:#858f80}.ratio-row i,.chart-legend i{width:6px;height:6px;display:inline-block;border-radius:2px}.ratio-row input[type=range]{margin:0;height:3px}.ratio-row input::-webkit-slider-thumb{width:10px;height:10px;background:var(--color)}.ratio-row output{text-align:right;font-size:10px;color:#6c7e61;font-variant-numeric:tabular-nums}.field-note{font-size:9px;color:#a0a998;line-height:1.8;margin-top:10px}.chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.choice-chip{padding:7px 6px;font-size:10px;border:1px solid #e6e9e0;border-radius:5px;color:#9ca392;text-align:left;display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.choice-chip.selected{background:#f4f7ef;border-color:#d5dfca;color:#667e55}.choice-chip:hover{border-color:#91a27e}.choice-chip .check{width:11px;height:11px;border:1px solid #cdd9be;border-radius:3px;font-size:8px;line-height:9px;text-align:center;color:transparent}.choice-chip.selected .check{background:#889d75;border-color:#889d75;color:#fff}.branch-block{padding-bottom:21px}.settings-footer{background:#f7f9f2;display:flex;align-items:flex-start;padding:14px 18px;gap:9px;color:#9ba68c;font-size:9px;line-height:1.8;border-top:1px solid #e8ecdf}.settings-footer svg{width:15px;height:15px;margin-top:2px;flex-shrink:0}.workspace-main{min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px}.metric{padding:17px 17px 14px;background:white;border:1px solid var(--line);border-radius:10px;position:relative}.metric-label{font-size:10px;color:#8d9787;display:flex;align-items:center;gap:6px}.metric-label svg{width:13px;height:13px;color:#a4ae9d}.metric-value{font-size:29px;letter-spacing:-1px;line-height:1.25;margin-top:9px;font-weight:500;font-variant-numeric:tabular-nums;color:#31442f}.metric-value small{font-size:12px;margin-left:3px;letter-spacing:0;color:#9aa68c;font-weight:400}.metric-note{font-size:9px;color:#9aa38e;margin-top:7px;line-height:1.6;white-space:nowrap}.metric-note.good{color:#829b68}.metric-note.warn{color:#bd906b}.metric-value.warm{color:#c48661}.metric-value.total{font-size:24px;line-height:1.5;letter-spacing:-.5px}.analysis-panel{overflow:hidden}.analysis-header{display:flex;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e8ece2;align-items:center;gap:14px}.tabs{display:flex;gap:24px;align-items:center}.tabs>button{position:relative;font-size:11px;padding:17px 0;color:#939e89;white-space:nowrap}.tabs>button.active{color:#405c34;font-weight:600}.tabs>button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#81986c}.tab-count{font-size:8px;background:#eef2e7;padding:1px 4px;margin-left:5px;border-radius:3px}.reflow{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px}.reflow svg{width:13px;height:13px}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:23px 22px 0}.chart-heading h2{font-size:13px;font-weight:550}.chart-heading p{color:#a1a996;font-size:10px;margin-top:4px}.chart-legend{display:flex;gap:12px;margin-top:4px;flex-wrap:wrap;font-size:9px;color:#919d83}.chart-legend>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.room{background:var(--room)}.street{background:var(--street)}.event{background:var(--event)}.chart-legend i.line{border-top:1.5px solid #c79a70;width:12px;height:0;border-radius:0}.chart-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding:0 18px 0 8px}#timelineChart{position:relative;padding:22px 25px 25px 28px;margin-top:16px;min-width:580px;height:269px}.y-axis{position:absolute;top:22px;bottom:25px;left:0;width:22px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:#b0b6a7;font-size:9px;font-variant-numeric:tabular-nums}.y-axis.right{left:auto;right:0;text-align:right;width:23px;color:#bdaa8f}.plot{position:relative;height:100%}.gridlines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.gridlines i{display:block;width:100%;height:1px;border-top:1px dashed #e9ece3}.bars{position:absolute;inset:0;display:flex;gap:5px;align-items:flex-end}.story-bar{padding:0;display:flex;position:relative;align-items:flex-end;flex:1;min-width:0;height:100%;z-index:2}.bar-fill{width:100%;display:flex;flex-direction:column-reverse;position:relative;border-radius:4px 4px 1px 1px;gap:1px;overflow:hidden;opacity:.84;transition:height .25s,opacity .15s;box-shadow:0 0 0 2px transparent}.story-bar:hover .bar-fill,.story-bar.selected .bar-fill{opacity:1}.story-bar.selected .bar-fill{box-shadow:0 0 0 2px white,0 0 0 3px #6d8362;overflow:visible;border-radius:3px}.bar-fill>span{width:100%;min-height:1px}.bar-label{position:absolute;bottom:-22px;width:100%;text-align:center;color:#aab39e;font-size:8px;font-variant-numeric:tabular-nums}.story-bar.selected .bar-label{color:#4d6840;font-weight:700}.tension-line{width:100%;height:100%;position:absolute;inset:0;z-index:3;pointer-events:none;overflow:visible}.tension-line path{stroke:#be986a;stroke-width:1.5;fill:none;stroke-linejoin:round}.tension-line circle{stroke:#b1885f;stroke-width:1;fill:#fff}.chart-foot{display:flex;align-items:center;justify-content:space-between;padding:15px 22px 18px;font-size:9px;color:#a6af9a}.chart-foot>span:first-child{display:flex;align-items:center;gap:5px}.selected-dot{width:5px;height:5px;border:1px solid #8c9d76;border-radius:50%}.dot-sep{margin:0 7px;color:#bbc2b3}.story-detail{margin-top:15px;padding:19px 22px 18px}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-title{display:flex;align-items:center;gap:12px}.story-number{font-family:Georgia,serif;font-size:24px;color:#a8b795;line-height:1;border-right:1px solid #e5eada;padding-right:12px}.detail-title h2{font-size:13px;font-weight:550}.detail-title p{font-size:9px;color:#9ba68d;margin-top:3px}.detail-top .detail-badge{font-size:9px;color:#bd956e;background:#faf6ed;padding:3px 8px;border-radius:4px}.detail-nav{display:flex;align-items:center;gap:7px}.icon-button{display:grid;place-items:center;min-width:26px;height:26px;font-size:18px;color:#8b9980;border:1px solid #e6ebde;border-radius:5px}.icon-button:hover{background:#f0f4e9}.detail-bottom{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr;gap:17px;margin-top:20px}.detail-field-label{font-size:9px;color:#a0ac91;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:6px}.flow-mini{display:flex;gap:3px;height:5px;margin-bottom:7px;overflow:hidden;border-radius:3px}.stage-timings{display:flex;flex-wrap:wrap;gap:7px;font-size:9px;color:#86967b}.stage-timings span{white-space:nowrap}.detail-select{width:100%;border:1px solid #e7ecdf;padding:5px 8px;background:#fcfdf9;color:#6a8158;border-radius:5px;font-size:10px;min-height:29px}.detail-input{width:100%;border:1px solid #e7ecdf;padding:5px 8px;background:#fcfdf9;color:#6a8158;border-radius:5px;font-size:10px;min-height:29px}.reset-story{font-size:8px;color:#9b9e88;text-decoration:underline}.insight-section{margin-top:24px}.small-badge{margin-left:6px;font-size:7px;font-weight:600;background:#eaf0e1;border-radius:3px;padding:2px 4px;letter-spacing:1px;color:#8aa16f;vertical-align:middle}.insights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.insight{border:1px solid #e5e9de;background:#f4f6ee;border-radius:9px;padding:15px 14px;text-align:left;position:relative;display:flex;align-items:flex-start;gap:9px}.insight:hover{background:#edf2e4;border-color:#ccd9bc}.insight.warning{background:#fbf7ee;border-color:#eee5d5}.insight.warning:hover{background:#f6efdf}.insight-icon{margin-top:1px;color:#99aa7c}.warning .insight-icon{color:#c6ab7b}.insight-icon svg{width:15px;height:15px}.insight h3{font-size:10px;color:#6d815a;font-weight:550}.insight.warning h3{color:#a18d66}.insight p{font-size:9px;line-height:1.9;color:#9da88c;margin-top:5px}.insight.warning p{color:#b3a38b}.page-footer{margin-top:31px;padding:20px 0 24px;border-top:1px solid #e2e7dc;display:flex;justify-content:space-between;font-size:9px;color:#a5af99;gap:15px}.footer-brand{color:#7c8a70;font-size:10px}.footer-brand>span{font-size:9px;margin-left:15px;color:#a7b19d}.menu-wrap{position:relative}.dropdown{position:absolute;top:calc(100% + 7px);right:0;background:#fff;border:1px solid #e1e8d9;border-radius:8px;box-shadow:0 8px 25px #27392115;width:215px;padding:5px;z-index:40}.dropdown button{display:block;width:100%;font-size:11px;text-align:left;padding:10px;border-radius:5px}.dropdown button:hover{background:#f0f4e9}#toast{position:fixed;bottom:24px;left:calc(50% + 38px);transform:translate(-50%,15px);background:#2f4734;color:#f7faed;padding:11px 20px;border-radius:8px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;box-shadow:0 5px 20px #30482f1a}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e1e8d7;border-radius:16px;padding:26px;max-width:min(550px,92vw);color:var(--ink);box-shadow:0 25px 100px #23352126}dialog::backdrop{background:#23301f55;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:12px}.dialog-heading h2{font-size:19px;font-family:"Songti SC",serif}dialog p{color:#8c9a7f;font-size:11px;line-height:1.9}dialog h3{font-size:12px;margin:18px 0 5px;color:#647c50}dialog label{display:block;font-size:11px;margin:20px 0 7px}dialog input{width:100%;padding:10px 12px;border:1px solid #d9e2ce;border-radius:6px;background:#fcfdf9;color:var(--ink);font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.dialog-note{font-size:9px!important;margin-top:15px!important;color:#a5b095!important}.method-bottom{margin-top:18px;padding-top:15px;border-top:1px solid #e5ebdc}.matrix-container{padding:22px}.matrix-container h2{font-size:13px}.matrix-container>p{font-size:10px;color:#a1ac94;margin-top:5px}.matrix-scroll{overflow-x:auto;margin-top:22px}.matrix-grid{min-width:600px;display:grid;gap:5px;align-items:center}.matrix-label{font-size:9px;color:#8f9e7e;white-space:nowrap;position:sticky;left:0;background:white;z-index:3}.matrix-cell{height:21px;border-radius:3px;background:#f2f5ed;border:1px solid transparent;min-width:0;padding:0;font-size:8px;color:#a7b39b}.matrix-cell.on{background:#b5c4a0}.matrix-cell.clue-on{background:#c2d0d6}.matrix-cell.risk-high{background:#edb99d;color:#a47155}.matrix-cell.risk-low{background:#e6eddb;color:#8ea27b}.matrix-cell.risk-mid{background:#e9dfc1;color:#a5966d}.matrix-cell.selected{border:1px solid #536c42;box-shadow:0 0 0 1px #fff}.matrix-heading{font-size:8px;color:#a6b497;text-align:center;height:23px;display:grid;place-items:center}.matrix-group-label{grid-column:1/-1;font-size:9px;letter-spacing:1px;color:#b4bda7;margin:10px 0 3px}.matrix-note{font-size:9px;color:#a6b497;margin-top:15px}.compare-content{padding:22px}.compare-content>h2{font-size:13px}.compare-content>p{font-size:10px;color:#9da98e;margin-top:4px}.compare-scroll{overflow-x:auto;margin-top:18px}.compare-table{width:100%;border-collapse:collapse;font-size:10px;min-width:570px;text-align:left}.compare-table th{color:#a1ae91;font-weight:400;padding:10px 8px;border-bottom:1px solid #e5ebdc;font-size:9px}.compare-table td{padding:13px 8px;border-bottom:1px solid #eef2e8;font-variant-numeric:tabular-nums}.compare-table tr.current{background:#f5f8f0}.compare-table td:first-child{font-weight:500;color:#617752}.compare-table td .current-label{font-size:7px;color:#8c9d75;background:#e8eedf;padding:2px 4px;margin-left:5px;border-radius:3px}.table-action{border:1px solid #dce5d0;border-radius:4px;font-size:9px;padding:3px 7px;color:#82966c;background:white}.table-action:hover{background:#e9f0df}.compare-score{color:#b08b64}.compare-score.low{color:#7c9662}.compare-table .muted{color:#b0b9a3}.saved-header{font-size:11px;color:#83966d;display:flex;align-items:center;justify-content:space-between;margin-top:24px}.saved-plans{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:12px}.saved-plan{border:1px solid #e1e8d6;border-radius:8px;padding:12px;display:flex;align-items:center;gap:8px}.saved-plan>div{flex:1;min-width:0}.saved-plan h3{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-plan p{font-size:9px;color:#a2af92;margin-top:3px}.saved-plan .delete-plan{color:#b1bba6;font-size:15px;padding:2px}.empty-saved{font-size:10px;color:#a9b69c;padding:16px;background:#f8faf4;border:1px dashed #dfe8d2;border-radius:7px;margin-top:10px}.compare-chart-title{font-size:10px;margin-top:24px;color:#8b9e77}.compare-lines{height:95px;margin-top:12px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 30px,#edf1e7 30px,#edf1e7 31px);border-bottom:1px solid #e9eee0}.compare-lines svg{width:100%;height:100%;overflow:visible}.compare-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:8px;color:#99a78a;margin-top:10px}.compare-legend>span{display:flex;align-items:center;gap:5px}.compare-legend i{width:10px;height:2px}.compare-info{background:#f7f9f2;border-left:2px solid #cad9b6;font-size:9px;color:#9eae8b;padding:10px 12px;margin-top:20px;line-height:1.9}.modified-note{color:#b18f67;font-size:8px;margin-left:4px}.legend-chip{font-size:8px;padding:2px 5px;border:1px solid #e0e9d4;border-radius:4px;color:#98aa82;margin-left:6px}@media(min-width:1650px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:27px}.setting-block{padding:23px 23px 0}.branch-block{padding-bottom:23px}.settings-footer{padding:16px 23px}.metrics{gap:15px}.metric{padding:21px 22px 17px}.metric-value{font-size:33px}#timelineChart{height:300px}.preset-description{font-size:11px}.insight p{font-size:10px}}@media(max-width:1180px){:root{--rail:62px}main{padding:28px 25px 0}.topbar{padding:0 25px}.workspace{grid-template-columns:240px minmax(0,1fr);gap:16px}.setting-block{padding-left:16px;padding-right:16px}.panel-heading{padding-left:16px;padding-right:16px}.intro{align-items:flex-start}h1{font-size:29px}.intro p{font-size:10px;max-width:400px}.intro-actions{gap:5px}.button{padding:8px 10px;font-size:10px}.preset-card{padding:15px 13px}.preset-title{font-size:12px;gap:6px}.preset-description{font-size:9px;padding-right:20px}.preset-card .tag{font-size:8px}.mini-bars{width:36px;right:11px;gap:3px}.metric{padding:15px 12px}.metric-value{font-size:25px}.metric-value.total{font-size:20px}.metric-note{font-size:8px}.chart-legend{gap:7px;font-size:8px}.tabs{gap:18px}.analysis-header{padding:0 17px}.chart-heading{padding:19px 17px 0}.story-detail{padding:17px}.detail-bottom{gap:10px}.insights{gap:8px}.insight{padding:12px 10px;gap:6px}.insight h3{font-size:9px}.insight p{font-size:8px}.page-footer{font-size:8px}}@media(max-width:960px){.topbar-right .save-status,.topbar-right .vertical-rule{display:none}.intro{flex-wrap:wrap;margin-bottom:22px}.intro-actions{margin-left:auto}.workspace{grid-template-columns:210px minmax(0,1fr);gap:13px}.chip-grid{gap:5px}.choice-chip{font-size:9px;padding:6px 5px}.tiny-note{font-size:8px}.preset-grid{grid-template-columns:repeat(2,1fr)}.preset-card{min-height:105px}.preset-description{max-width:none;padding-right:50px;min-height:0}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:12px 13px}.metric-value{font-size:24px;display:inline-block;margin-top:5px}.metric-value.total{line-height:1.4}.metric-note{margin-top:2px;font-size:9px}.chart-heading{flex-direction:column;gap:8px}.chart-legend{font-size:9px;gap:12px}.analysis-header{padding:0 13px}.tabs{gap:14px}.tabs>button{font-size:10px}.reflow{font-size:0;gap:0}.reflow svg{width:14px;height:14px}.story-detail{padding:15px}.detail-bottom{grid-template-columns:1fr 1fr}.insights{grid-template-columns:1fr}.insight p{font-size:10px}.insight h3{font-size:11px}.insight{padding:12px 14px}.insight-icon svg{width:16px;height:16px}.footer-brand>span{display:none}.settings{position:static}.page-footer{font-size:9px}.saved-plans{grid-template-columns:1fr}.detail-top .detail-badge{display:none}}@media(max-width:660px){:root{--rail:0px}.rail{display:none}.topbar{height:58px;padding:0 18px}.topbar-title{font-size:13px}.topbar-title>span:first-child{margin:0 9px}.topbar-sub{font-size:11px}.private-badge{font-size:10px}.private-badge svg{width:11px;height:11px}main{padding:24px 16px 0}.intro{gap:18px}.intro h1{font-size:29px;letter-spacing:.5px}.intro p{font-size:11px;max-width:330px;line-height:1.9}.eyebrow{font-size:9px;margin-bottom:10px}.intro-actions{margin-left:0;width:100%;justify-content:flex-start;gap:8px}.button{font-size:11px;padding:9px 12px}.intro-actions>.menu-wrap{margin-left:auto}.section-caption{font-size:10px}.section-caption>span:nth-child(2){font-size:8px}.preset-grid{gap:8px}.preset-card{padding:13px 12px;min-height:129px}.preset-title{font-size:12px;gap:5px;flex-wrap:wrap}.preset-card .tag{font-size:7px;padding:1px 3px}.preset-check{position:absolute;right:9px;top:12px;width:11px;height:11px;font-size:7px}.preset-description{font-size:9px;padding-right:0;margin-top:8px;max-width:150px;min-height:32px}.preset-meta{font-size:8px;gap:8px;margin-top:10px}.mini-bars{right:11px;bottom:12px;width:30px;gap:3px;height:17px}.mini-bars i{max-height:21px}.workspace{display:flex;flex-direction:column;margin-top:18px;gap:18px}.settings{width:100%}.settings .panel-heading{padding:14px 16px}.settings .setting-block{display:inline-block;vertical-align:top;width:49.3%;padding:16px 13px 0}.setting-block.ratio-block{width:100%;padding:17px 16px 0}.setting-block.branch-block{width:100%;padding:19px 16px 17px}.settings-footer{padding:10px 16px;font-size:10px}.setting-label{font-size:11px}.tiny-note{font-size:9px}.chip-grid{gap:7px}.choice-chip{font-size:10px;padding:7px 6px}.field-note{font-size:9px}.workspace-main{width:100%}.metrics{gap:9px;margin-bottom:13px}.metric{padding:15px}.metric-value{font-size:27px}.metric-label{font-size:10px}.metric-note{font-size:9px}.metric-value.total{font-size:23px}.tabs{gap:22px}.tabs>button{font-size:11px}.reflow{font-size:0}.chart-heading{padding:18px}.chart-heading p{font-size:9px}.chart-scroll{padding:0 10px 0 3px}#timelineChart{height:255px}.chart-foot{padding:14px 16px;font-size:8px}.story-detail{padding:16px}.detail-top .detail-badge{display:inline-block;font-size:8px}.detail-top{gap:5px}.detail-title{gap:8px}.detail-title h2{font-size:12px}.detail-title p{font-size:8px}.story-number{font-size:23px;padding-right:9px}.detail-nav{gap:4px}.detail-nav .icon-button{min-width:23px;height:23px}.detail-bottom{gap:16px;margin-top:18px}.detail-select,.detail-input{font-size:11px;min-height:32px}.stage-timings{font-size:10px}.detail-field-label{font-size:10px}.insight-section{margin-top:21px}.insights{gap:9px}.insight h3{font-size:11px}.insight p{font-size:10px}.page-footer{margin-top:25px;font-size:8px;align-items:flex-start}.page-footer>span:last-child{text-align:right;max-width:155px}.footer-brand{font-size:9px}.compare-content,.matrix-container{padding:18px}.compare-content>p{font-size:9px}dialog{padding:22px}.dialog-heading h2{font-size:18px}#toast{left:50%;font-size:11px;width:max-content}input[type=range]::-webkit-slider-thumb{width:16px;height:16px}.ratio-row{height:34px}.ratio-row input::-webkit-slider-thumb{width:14px;height:14px}.settings .setting-block:nth-last-child(2){padding-bottom:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Keep secondary text legible on bright displays. */
.preset-description{color:#858e7f}.metric-label{color:#7d8c72}.field-note{color:#909b84}.chart-heading p{color:#919d84}.metric-note{color:#8c9a7c}.insight p{color:#8b9b77}.insight.warning p{color:#a6967c}

@media(max-width:660px){.number-control>span{white-space:nowrap}.number-control input{flex:1;min-width:0;width:30px}.number-control button{width:28px}.settings>.setting-block:nth-child(2) .tiny-note{display:none}}