:root{--paper:#f5ecd8;--light:#fcf8ec;--ink:#49321c;--muted:#887454;--line:#d2bf95;--panel-width:300px;--workspace-height:660px;--hist-height:160px;--ui-size:14px}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:Georgia,'Times New Roman',serif}button,input,select{font:var(--ui-size)/1.4 Arial,sans-serif;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:9px 11px;background:#fffdf6;min-width:0}button{cursor:pointer;white-space:nowrap}button:hover{background:#eadbb9}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #917c4c;outline-offset:3px}select{width:100%}input[type=range]{accent-color:#705031;padding:0;flex:1;min-width:60px}h1,h2,p{margin:0}h1{font-size:36px;font-weight:400;margin:4px 0}h2{font-size:21px;font-weight:400;margin-bottom:17px}.eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:.14em;color:var(--muted)}.subtitle{font-size:14px;color:var(--muted)}#app{width:100%;padding:22px 28px 10px}.masthead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}nav{display:flex;gap:6px}.stage-note{border:1px solid var(--line);padding:12px 15px;font:12px/1.7 Arial,sans-serif;display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:14px;color:var(--muted)}.stage-note strong{color:var(--ink);font-weight:500}.workbench{height:var(--workspace-height);min-height:420px;display:grid;grid-template-columns:minmax(0,1fr) 12px var(--panel-width);border:1px solid var(--line);background:var(--light);overflow:hidden}#chartColumn{grid-column:1;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0}.chart-toolbar{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;font:12px/1.5 Arial,sans-serif;color:var(--muted)}.price-pane{position:relative;flex:1;min-height:140px;margin:0 12px;background:repeating-linear-gradient(to bottom,transparent,transparent 89px,#e5d9be 90px);border:1px solid #deceb0;display:flex;align-items:center;justify-content:center}.empty-chart{text-align:center;background:var(--light);padding:18px;max-width:500px;color:var(--muted)}.empty-mark{font:48px/1.5 Georgia,serif;color:#bba37a}.empty-chart h2{margin:6px 0 12px}.empty-chart p{font:12px/1.8 Arial,sans-serif}.hist-pane{flex:0 0 var(--hist-height);padding:12px 16px;display:flex;flex-direction:column;justify-content:space-around;font:11px/1.4 Arial,sans-serif;color:var(--muted)}.zero-line{width:100%;border-bottom:1px solid #d7c9ad}.chart-footer{padding:10px 16px;font:10px/1.5 Arial,sans-serif;color:var(--muted)}.divider{touch-action:none;position:relative}.vertical{grid-column:2;grid-row:1;cursor:col-resize}.vertical:after{content:'';height:34px;width:3px;border-left:1px solid var(--line);border-right:1px solid var(--line);position:absolute;top:48%;left:5px}.horizontal{flex:0 0 12px;cursor:row-resize}.horizontal:after{content:'';width:38px;height:3px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:absolute;top:5px;left:calc(50% - 19px)}aside{grid-column:3;grid-row:1;padding:19px 15px;overflow:auto;min-width:0}label{font:var(--ui-size)/1.4 Arial,sans-serif;display:flex;flex-direction:column;gap:6px;margin-bottom:18px;color:var(--muted)}.range-pair{display:flex;align-items:center;gap:12px}output{font:12px/1.4 Arial,sans-serif;min-width:37px;text-align:right}.small,.next-step p{font:12px/1.8 Arial,sans-serif;color:var(--muted);margin-top:16px}.quiet{background:transparent}.next-step{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.next-step h2{margin-bottom:0}footer{display:flex;justify-content:space-between;gap:10px;padding:15px 0 0;font:10px/1.5 Arial,sans-serif;color:var(--muted)}.panel-left .workbench{grid-template-columns:var(--panel-width) 12px minmax(0,1fr)}.panel-left #chartColumn{grid-column:3}.panel-left aside{grid-column:1}.panel-hidden .workbench{grid-template-columns:minmax(0,1fr)}.panel-hidden #chartColumn{grid-column:1}.panel-hidden aside,.panel-hidden #panelDivider{display:none}#app:fullscreen{background:var(--paper);height:100vh;overflow:auto}#app:fullscreen .workbench{height:calc(100vh - 185px)}@media(max-width:780px){#app{padding:15px 10px}.masthead{align-items:flex-start}h1{font-size:29px}nav{flex-wrap:wrap;justify-content:flex-end}nav button{font-size:11px;padding:8px}.workbench,.panel-left .workbench{height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(420px,calc(var(--workspace-height) * .75)) auto}#chartColumn,.panel-left #chartColumn{grid-column:1;grid-row:1}aside,.panel-left aside{grid-column:1;grid-row:2;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px;max-height:560px}.vertical{display:none}.next-step{border-top:0;margin-top:0;padding-top:0}.stage-note{display:block}.stage-note span{display:block}.panel-hidden .workbench{grid-template-rows:minmax(420px,var(--workspace-height))}.chart-footer{font-size:9px}}@media(max-width:480px){aside,.panel-left aside{display:block}.next-step{margin-top:20px}.empty-chart p{font-size:11px}footer span:last-child{display:none}}