:root{--paper:var(--paper);--ink:var(--ink);--muted:var(--muted);--line:var(--line);--panel:var(--panel);--c:#0788a6;--m:#bd3565;--y:#b68c14;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button{background:none;border:0}button:disabled{cursor:default;opacity:.36}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--c);outline-offset:3px}button:hover:not(:disabled){color:var(--c)}[hidden]{display:none!important}p,h1,h2{margin:0}.micro,.eyebrow{font:10px/1.6 var(--mono);letter-spacing:.05em}.eyebrow{letter-spacing:.11em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-60px;left:10px;padding:15px;background:var(--ink);color:white;z-index:30}.skip:focus{top:10px}
.masthead{height:88px;max-width:1800px;margin:auto;padding:0 3.7%;display:flex;align-items:center;border-bottom:1px solid var(--line);justify-content:space-between}.wordmark{display:flex;align-items:center;gap:15px;text-decoration:none;font:11px/1.5 var(--mono);letter-spacing:.09em}.wordmark b{font-weight:400;color:var(--muted);font-size:9px}.mark{font-size:45px;line-height:1}.mast-meta{font:9px/1.7 var(--mono);letter-spacing:.1em;margin-right:auto;margin-left:64px}.mast-meta span{color:var(--muted)}.notes-link{font-size:12px;text-decoration:none}.notes-link span{margin-left:24px;font-size:20px}main{max-width:1700px;margin:auto;padding:0 3.7%}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:34px 0 33px}.intro h1{font-size:clamp(56px,6vw,94px);letter-spacing:-.075em;font-weight:500;line-height:1.04;margin-top:9px}.intro h1 span{font-family:Georgia,serif;font-style:normal;font-weight:400}.intro h1 i{font-size:.65em;font-style:normal;display:inline-block;transform:translate(20px,-12px);font-weight:300}.intro-note{padding-bottom:3px;text-align:left;min-width:300px}.intro-note p{font-size:18px;letter-spacing:-.035em;line-height:1.35}.intro-note p+p{color:var(--muted)}.intro-note>span{display:block;font:8px var(--mono);letter-spacing:.07em;margin-top:20px}
.workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--line);scroll-margin-top:16px}.workspace{min-width:0}.toolbar{height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.context-tabs{display:flex;gap:22px;align-self:stretch}.context-tabs button{font:10px var(--mono);padding:0;position:relative;color:var(--muted);white-space:nowrap}.context-tabs button.on{color:var(--ink)}.context-tabs button.on:after{position:absolute;content:'';height:2px;background:var(--ink);bottom:-1px;left:0;right:0}.quiet{font:10px/1.4 var(--mono);padding:9px 5px;min-height:36px;white-space:nowrap}.toolbar .quiet{font-size:10px}.toolbar .quiet span{color:var(--muted);margin-left:6px}.stage{height:550px;position:relative;background-color:var(--paper);background-image:radial-gradient(var(--line) .65px,transparent .65px);background-size:18px 18px;isolation:isolate;overflow:hidden}.stage:before{content:'';position:absolute;inset:49px 25px 51px;border:1px solid var(--panel);pointer-events:none}.stage:after{content:'';position:absolute;left:50%;top:47px;bottom:49px;border-left:1px dashed var(--panel);z-index:-1}.stage-ruler{position:absolute;top:18px;left:22px;right:22px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.09em;z-index:3;pointer-events:none}.stage-ruler>span+span{color:var(--muted);display:flex;align-items:center;gap:8px}.live-dot,.hold-dot{width:5px;height:5px;display:inline-block;background:var(--c);border-radius:50%}.stage-coordinates{position:absolute;inset:auto 16px 57px;font:8px var(--mono);display:flex;justify-content:space-between;color:var(--muted);pointer-events:none}.stage-caption{position:absolute;bottom:17px;left:22px;right:22px;display:flex;justify-content:space-between;gap:10px;font:9px var(--mono);color:var(--muted);z-index:3;pointer-events:none}.stage-caption #state-readout{font-size:8px;letter-spacing:.08em}.menu-layer,.routes,.material,.choices,.spline-handles,#context-mount{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.menu-layer{z-index:2}.routes,.material{display:block}.choices,.spline-handles{opacity:0}.node-select{position:absolute;transform:translateX(-50%);height:88px;padding:49px 3px 0;pointer-events:auto;font-size:11px;line-height:1.25;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);transition:background .15s}.node-select .node-number{font:8px var(--mono);color:var(--muted)}.node-select .node-label{max-width:120px;overflow-wrap:anywhere}.node-arrow{display:none}.node-select.selected .node-label{font-weight:bold;text-decoration:underline;text-underline-offset:4px}.node-select.selected .node-arrow{display:inline}.node-select:focus-visible{outline-offset:-2px;background:var(--paper)}.menu-layer:not(.is-open) .choices,.menu-layer:not(.is-open) .spline-handles{visibility:hidden;pointer-events:none}.spline-handle{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:25px;height:25px;border:1px solid var(--c);border-radius:50%;background:var(--paper);font:18px var(--mono);color:var(--c)}.authoring .node-select{cursor:move}.compact .node-select{transform:none;display:flex;justify-content:flex-start;height:46px;padding:0 16px 0 52px;background:var(--paper);border-bottom:1px solid var(--panel);gap:10px;font-size:12px}.compact .node-select .node-label{max-width:none}.compact .node-arrow{display:block;margin-left:auto}.compact .spline-handles{display:none}
#context-mount{z-index:3}.anchor-button{position:absolute;width:70px;height:70px;transform:translate(-50%,-50%);pointer-events:auto;background:transparent;border:1px solid var(--muted);border-radius:50%;z-index:4}.anchor-button:after{content:'OPEN ↗';position:absolute;left:50%;transform:translateX(-50%);bottom:-22px;white-space:nowrap;font:8px var(--mono);letter-spacing:.09em}.anchor-button[aria-expanded=true]{border-color:transparent}.anchor-button[aria-expanded=true]:after{content:'RETURN ↶';color:var(--muted)}.project-card{position:absolute;width:254px;height:172px;border:1px solid var(--muted);background:var(--panel);transform:translate(-84%,-80%);padding:19px;pointer-events:auto;transition:opacity .2s}.project-card .eyebrow{font-size:8px}.project-card h3{font:27px/1.05 Georgia,serif;font-weight:400;letter-spacing:-.035em;margin:14px 0}.project-card .anchor-button{left:84%;top:80%;width:40px;height:40px;background:var(--ink);color:var(--paper);border:0;border-radius:0;font:8px var(--mono)}.project-card .anchor-button:after{content:none}.project-card:has([aria-expanded=true]){background:var(--panel)}.project-card:has([aria-expanded=true]) h3{opacity:.13}.inline-context{position:absolute;transform:translate(-70%,-50%);width:290px;font:25px/1.3 Georgia,serif;pointer-events:auto}.inline-context .anchor-button{position:relative;display:inline-block;width:auto;height:auto;transform:none;left:auto;top:auto;border:0;border-radius:0;font:normal 25px Georgia,serif;text-decoration:underline;text-underline-offset:5px}.inline-context .anchor-button:after{content:none}.stage[data-menu-state=OPEN] .inline-context,.stage[data-menu-state=FOCUSED] .inline-context{font-size:0;color:transparent}.stage[data-menu-state=OPEN] .inline-context .anchor-button,.stage[data-menu-state=FOCUSED] .inline-context .anchor-button{font-size:16px;color:var(--ink)}
.transport{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding:13px 19px;min-height:65px}.solid{background:var(--ink);color:var(--paper);font:10px var(--mono);padding:13px 16px;min-height:40px;display:flex;gap:32px;align-items:center}.solid:hover:not(:disabled){background:var(--ink);color:white}.transport>.micro{margin-left:auto;font-size:8px;max-width:210px}.selection{border-top:1px solid var(--line);min-height:80px;display:flex;align-items:center;gap:14px;padding:14px 20px}.selection-number{font:11px var(--mono);color:var(--muted);min-width:20px}.selection strong{font-size:13px;font-weight:500}.selection p{font-size:11px;color:var(--muted);margin-top:3px}.selection #selection-action{margin-left:auto}.selection .activate{font:10px var(--mono);display:block;text-decoration:none;white-space:nowrap;border:1px solid var(--ink);padding:11px 13px;min-height:40px}.selection .activate:disabled{border-color:var(--line)}
.inspector{border-left:1px solid var(--line);padding:20px 20px 14px;min-width:0;background:var(--paper)}.inspector-top{display:flex;align-items:center;justify-content:space-between}.inspector-top>.eyebrow{font-size:8px}.mode-switch{display:flex;border:1px solid var(--line);padding:2px}.mode-switch button{font:10px var(--mono);min-height:30px;min-width:42px}.mode-switch button.on{background:var(--ink);color:white}.expression-heading{padding:25px 0 23px;border-bottom:1px solid var(--line);position:relative}.expression-heading>span{font:normal 42px Georgia,serif;color:var(--muted);position:absolute;right:1px;top:18px}.expression-heading h2{font-size:21px;letter-spacing:-.045em;font-weight:500;padding-right:40px}.expression-heading p{font:11px Georgia,serif;font-style:normal;color:var(--muted);margin-top:5px}#controls{padding:15px 0 6px}.control{margin:0 0 12px}.control-top{display:flex;justify-content:space-between;font:10px var(--mono);gap:8px}.control-top output{color:var(--muted)}input[type=range]{width:100%;accent-color:var(--ink);height:16px;margin:6px 0 0;cursor:ew-resize}details{border-top:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);padding:15px 0;cursor:pointer;min-height:45px;list-style:none}summary::-webkit-details-marker{display:none}summary>span{color:var(--muted);font-size:9px}details[open]>summary{font-weight:bold}label:not(.check){font:9px/1.5 var(--mono);display:block;margin-bottom:10px;color:var(--muted)}input:not([type=range]):not([type=checkbox]):not([type=file]),select{background:var(--paper);border:1px solid var(--line);width:100%;min-height:36px;padding:7px 8px;display:block;margin-top:4px;border-radius:0;font:11px var(--sans);color:var(--ink)}select{cursor:pointer}label select option{font-size:13px}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two label{min-width:0}.destination-row{display:flex;align-items:center;gap:8px;margin:10px 0}.destination-row .check{margin-right:auto}.check{display:flex;align-items:center;gap:7px;font:9px var(--mono);cursor:pointer;min-height:32px}.check input{accent-color:var(--ink);width:14px;height:14px}.edit-controls .micro{font-size:9px;margin-bottom:10px;overflow-wrap:anywhere}.history-row{display:flex;gap:9px;border-top:1px solid var(--line);padding-top:10px;flex-wrap:wrap}.history-row .quiet{font-size:9px}.history-row .quiet:last-child{margin-left:auto}.access-controls{display:flex;align-items:center;justify-content:space-between;gap:6px}.access-controls>.micro{font-size:6px;letter-spacing:0}.file-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:8px;padding-top:7px}.file-row .quiet{font-size:9px}
.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:39px 0 17px;gap:16px}.section-head h2{font-size:15px;letter-spacing:-.025em;font-weight:500}.section-head h2 span{font:10px var(--mono);color:var(--muted);margin-left:15px}.section-head p{font:10px var(--mono);color:var(--muted)}.experiment-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.experiment-card{border-right:1px solid var(--line);padding:15px 15px 17px;text-align:left;position:relative;min-width:0;min-height:194px;display:flex;flex-direction:column}.experiment-card:first-child{border-left:1px solid var(--line)}.experiment-card.active{background:var(--panel)}.experiment-card.active:before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--ink)}.experiment-card .micro{font-size:8px;display:flex;justify-content:space-between}.experiment-card .mini-art{height:76px;position:relative;display:flex;align-items:center;justify-content:center}.experiment-card svg{width:100%;height:72px}.experiment-card h3{font-weight:500;letter-spacing:-.035em;font-size:13px;margin:0 0 6px}.experiment-card p{font:8px/1.5 var(--mono);letter-spacing:.01em;color:var(--muted)}.experiment-card .card-arrow{position:absolute;bottom:14px;right:13px;font-size:16px}.experiment-card .judgment-dot{font-size:8px;margin-left:6px}
.notebook{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;border-bottom:1px solid var(--line);padding:57px 0}.notebook-intro .eyebrow{font-size:9px}.notebook-intro h2{font-weight:500;font-size:44px;line-height:1;letter-spacing:-.05em;margin:17px 0}.notebook-intro em{font-family:Georgia,serif;font-weight:400}.notebook-intro p{font-size:12px;color:var(--muted);line-height:1.6}.notebook-stamp{font:8px var(--mono);letter-spacing:.08em;display:block;margin-top:35px}.notebook-stamp span{font-size:20px;margin-left:25px}.note-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.note-title>.eyebrow{font-size:9px}.judgments{display:flex;gap:7px;margin-bottom:16px;flex-wrap:wrap}.judgments button{border:1px solid var(--line);min-height:38px;padding:8px 12px;font:10px var(--mono)}.judgments button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}textarea{width:100%;height:103px;background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);resize:vertical;padding:16px 0;font:normal 17px/1.5 Georgia,serif;border-radius:0}textarea::placeholder{color:var(--muted)}.model-detail{font:10px/1.7 var(--mono);color:var(--muted);margin-top:18px}.captures{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.captures button{font:9px var(--mono);padding:7px;border:1px solid var(--line);min-height:32px}.lineage{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;padding:40px 0 53px}.lineage .eyebrow{font-size:8px}.lineage h2{font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin-top:15px}.lineage p{font-size:11px;line-height:1.7;color:var(--muted);max-width:640px}.lineage p+p{margin-top:9px}.lineage-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:20px;font:9px var(--mono)}footer{border-top:1px solid var(--line);padding:20px 3.7%;display:flex;justify-content:space-between;gap:20px;font:8px/1.5 var(--mono);color:var(--muted);max-width:1800px;margin:auto}footer>span:last-child{white-space:nowrap}.hold-dot{background:var(--y);margin-left:5px}.notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(120px);background:var(--ink);color:var(--paper);padding:14px 21px;font:11px/1.5 var(--mono);max-width:90%;z-index:40;transition:transform .2s}.notice.show{transform:translateX(-50%) translateY(0)}.comparison{border-top:1px solid var(--line);padding:20px}.compare-head{display:flex;align-items:center;justify-content:space-between}.compare-head .eyebrow{font-size:9px}.compare-selects{display:flex;align-items:center;gap:18px;margin:8px 0}.compare-selects label{flex:1}.compare-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-card{border:1px solid var(--line);padding:15px;text-align:left;min-height:100px}.compare-card.on{background:var(--panel);border-color:var(--muted)}.compare-card p{font-size:10px;margin-top:8px;color:var(--muted)}.comparison>.micro{margin-top:15px;font-size:9px}.mini-art .c{stroke:var(--c)}.mini-art .m{stroke:var(--m)}.mini-art .y{stroke:var(--y)}
@media(min-width:1600px){.stage{height:610px}.workbench{grid-template-columns:minmax(0,1fr) 320px}.inspector{padding:22px 25px}}
@media(max-width:1100px){.workbench{grid-template-columns:minmax(0,1fr) 270px}.toolbar{padding:0 13px}.context-tabs{gap:14px}.toolbar .quiet span{display:none}.inspector{padding:17px}.transport{gap:10px;padding:12px}.transport>.micro{display:none}.intro-note{min-width:250px}.experiment-card{padding:13px 10px}.experiment-card h3{font-size:12px}.experiment-card p{font-size:7px}.notebook,.lineage{gap:35px}}
@media(max-width:830px){.masthead{height:73px}.mast-meta{margin-left:30px}.intro{padding:27px 0}.intro h1{font-size:65px}.intro-note{min-width:auto}.intro-note p{font-size:15px}.intro-note>span{font-size:7px;max-width:190px;line-height:1.6}.workbench{grid-template-columns:minmax(0,1fr)}.inspector{border-left:0;border-top:1px solid var(--line);padding:18px 22px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.inspector-top,.expression-heading,.edit-controls,.history-row,.access-controls,.file-row{grid-column:1/-1}.expression-heading{padding:14px 0;margin-bottom:8px}.expression-heading>span{top:5px}.inspector #controls{grid-column:1;grid-row:3}.inspector>.advanced{grid-column:2;grid-row:3;border-top:0}.expression-heading p{margin-top:3px}.history-row{margin-top:10px}.advanced summary{padding-top:15px}.experiment-grid{grid-template-columns:repeat(3,1fr)}.experiment-card{border-bottom:1px solid var(--line);min-height:177px;padding:14px}.experiment-card:nth-child(4){border-left:1px solid var(--line)}.experiment-card h3{font-size:14px}.experiment-card p{font-size:8px}.notebook{grid-template-columns:1fr 1.4fr;gap:28px}.notebook-intro h2{font-size:37px}.notebook-intro p{font-size:11px}.notebook-stamp{font-size:7px}.judgments button{font-size:9px;padding:8px}.note-title{align-items:flex-start}.note-title>.quiet{font-size:8px}.lineage{grid-template-columns:1fr 1.4fr;gap:28px}footer>span:nth-child(2){display:none}}
@media(max-width:570px){main{padding:0 15px}.masthead{padding:0 16px;height:68px}.wordmark{font-size:9px;gap:10px}.wordmark b{font-size:7px}.mark{font-size:35px}.mast-meta{display:none}.notes-link{font-size:10px}.notes-link span{margin-left:10px}.intro{display:block;padding:23px 0 25px}.intro .eyebrow{font-size:7px}.intro h1{font-size:60px;white-space:nowrap;margin-top:9px}.intro h1 i{transform:translate(12px,-7px)}.intro-note{display:flex;flex-wrap:wrap;gap:0 6px;margin-top:16px}.intro-note p{font-size:12px}.intro-note>span{display:none}.toolbar{padding:0 11px;height:52px}.context-tabs{gap:16px}.context-tabs button{font-size:9px}.toolbar .quiet{font-size:9px}.stage{height:530px}.stage-ruler{font-size:7px;left:15px;right:15px;top:16px}.stage-ruler>span+span{font-size:6px}.stage:before{inset:39px 13px 43px}.stage:after{display:none}.stage-caption{left:15px;right:15px;bottom:14px;font-size:8px}.stage-coordinates{display:none}.anchor-button{width:50px;height:50px}.anchor-button:after{font-size:6px;bottom:-13px}.project-card{width:186px;height:94px;padding:10px;transform:translate(-62%,-55%);}.project-card h3{font-size:16px;margin:7px 0}.project-card .eyebrow{font-size:6px}.project-card .anchor-button{width:38px;height:32px;left:84%;top:72%}.inline-context{width:240px;font-size:19px;transform:translate(-65%,-50%)}.inline-context .anchor-button{font-size:19px}.transport{padding:11px;gap:14px;flex-wrap:wrap}.solid{font-size:9px;padding:11px 12px;gap:20px}.transport .quiet{font-size:9px}.selection{padding:13px;gap:9px;min-height:90px}.selection strong{font-size:12px}.selection p{font-size:10px;max-width:205px}.selection .activate{font-size:8px;padding:10px}.selection-number{font-size:9px;min-width:12px}.inspector{padding:17px 16px;gap:0 20px}.expression-heading h2{font-size:20px}.control-top{font-size:9px}.inspector-top>.eyebrow{font-size:7px}.mode-switch button{min-height:32px}.history-row{gap:8px}.history-row .quiet{font-size:9px}.section-head{align-items:flex-start;margin-top:29px;display:block}.section-head h2{font-size:15px}.section-head p{margin-top:7px;font-size:8px}.experiment-card{padding:10px;min-height:166px}.experiment-card h3{font-size:11px}.experiment-card p{font-size:6px;max-width:92px}.experiment-card .micro{font-size:7px}.experiment-card .card-arrow{font-size:12px;bottom:10px;right:8px}.experiment-card .mini-art{height:75px}.notebook{grid-template-columns:1fr;padding:34px 0;gap:25px}.notebook-intro h2{font-size:38px;display:inline-block;margin:12px 20px 0 0}.notebook-intro p{display:inline-block;vertical-align:top;margin-top:15px}.notebook-stamp{margin-top:15px}.note-title{align-items:center}.note-title>.quiet{font-size:9px}.lineage{grid-template-columns:1fr;gap:20px;padding:28px 0 35px}.lineage h2{font-size:22px}.lineage-links{gap:16px;font-size:9px}footer{padding:18px 15px;font-size:7px;gap:10px}.compare-head .eyebrow{font-size:7px}.comparison{padding:14px}.compare-card{padding:12px}.compare-card strong{font-size:12px}.compare-selects label select{font-size:10px}}
@media(max-width:350px){.intro h1{font-size:52px}.context-tabs{gap:11px}.context-tabs button{font-size:8px}.toolbar{gap:4px}.inspector{gap:0 12px}.solid{gap:13px}.experiment-card{padding:8px}.experiment-card h3{font-size:10px}.experiment-card p{font-size:6px}.access-controls>.micro{font-size:5px}.selection .activate{padding:9px 6px}.notebook-intro p{font-size:10px}.judgments button{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.depth-legend{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);z-index:4;background:var(--paper);padding:6px 9px;border:1px solid var(--line);font:8px var(--mono);white-space:nowrap;pointer-events:none}
@media(min-width:571px) and (max-width:830px){.intro h1{white-space:nowrap;font-size:57px}.intro-note{max-width:170px}.intro h1 i{transform:translate(10px,-9px)}}
.compare-preview{height:auto;aspect-ratio:400/330;position:relative;overflow:hidden;margin-top:12px;pointer-events:none;background:var(--paper)}.compare-preview .routes,.compare-preview .material{width:100%;height:100%}.compare-preview .choices,.compare-preview .spline-handles{display:none}
#context-mount{z-index:1}.project-card{pointer-events:none}.node-label{background:var(--paper);padding:2px 3px}.compact .node-label{background:transparent;padding:0}
.stage[data-menu-state] .inline-context{font-size:25px;color:var(--ink)}.stage[data-menu-state] .inline-context .anchor-button{font-size:25px;color:var(--ink)}.stage[data-menu-state=OPEN] .inline-copy,.stage[data-menu-state=FOCUSED] .inline-copy{opacity:.15}
@media(max-width:570px){.stage[data-menu-state] .inline-context,.stage[data-menu-state] .inline-context .anchor-button{font-size:19px}}
.inspector{max-height:752px;overflow-y:auto;scrollbar-width:thin}.notice:empty{display:none}.notice:not(.show){visibility:hidden}
@media(min-width:1600px){.inspector{max-height:812px}}
@media(max-width:830px){.inspector{max-height:none;overflow:visible}}
.compare-preview{aspect-ratio:4/3}

/* Isolated candidate shell. Original 01-A typography and six studies retained. */
.candidate-passport{border-bottom:1px solid var(--line);padding:18px 0;font:10px/1.7 var(--mono)}.candidate-passport strong{letter-spacing:.07em;margin-right:18px}.candidate-passport>span{color:var(--ink)}.candidate-passport p{font-size:9px;color:var(--muted);margin-top:4px}.workbench:not(.editor-open){grid-template-columns:minmax(0,1fr)}.atomic-proof{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}.atomic-proof p{margin-top:8px}.atomic-proof .solid{margin:8px 0;width:100%;justify-content:center}.toolbar{height:auto;min-height:56px;flex-wrap:wrap;padding-block:8px}.toolbar .context-tabs{min-height:36px}.inspector .atomic-proof{grid-column:1/-1}.workbench.editor-open .stage{position:sticky;top:0}#show-editor{font-size:10px;min-height:44px}.candidate-passport+section{padding-top:24px}
@media(max-width:830px){.workbench.editor-open{grid-template-columns:minmax(0,1fr)}.inspector{display:block;max-height:60vh;overflow:auto}.workbench.editor-open .workspace{position:relative;z-index:1;background:var(--paper)}.workbench.editor-open .stage{height:530px}}

/* 02-C public surface. Conserved paper, grid, type, and six-study composition. */
.intro h1 .headline-leading{font-family:var(--sans);font-style:normal;font-weight:500}.intro h1{white-space:normal;overflow-wrap:anywhere;max-width:13ch}.intro>div:first-child{min-width:0;flex:1}.intro-note{max-width:36%;overflow-wrap:anywhere;margin-left:28px}.intro h1 i{margin-right:18px}.toolbar{flex-wrap:nowrap;padding:7px 16px;min-height:58px}.toolbar .mode-switch button{min-width:60px;min-height:40px}.toolbar #mode-label{margin-right:auto;margin-left:8px;font-size:8px}.toolbar #session-reset{min-height:44px}.mode-switch button.on{background:var(--ink)}.mode-switch button#edit-mode.on{background:var(--c)}.motion-bar{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 18px;min-height:52px}.motion-bar>.micro{font-size:8px}.motion-bar>div{display:flex;gap:5px}.motion-bar button{font:10px var(--mono);min-height:44px;padding:0 10px;border-bottom:2px solid transparent}.motion-bar button[aria-pressed=true]{border-color:var(--ink);font-weight:bold}.motion-bar>span:last-child{margin-left:auto;color:var(--muted);font:normal 12px Georgia,serif}.action-feedback{padding:11px 20px 0;min-height:33px;font:11px/1.5 var(--mono);color:var(--c)}.selection-vocabulary{padding:10px 20px 0;color:var(--muted);font-size:8px}.selection{border-top:0;padding-top:8px}.node-select.selected .node-label,.node-select.selected .node-number,.node-select.selected .node-arrow{color:var(--c)}.node-select.selected .node-number:before{content:'• ';font-size:9px}.authoring .node-select,.spline-handle{touch-action:none}.editor-boundary{font:10px/1.6 var(--mono);color:var(--muted);margin:8px 0}.inspector-top{gap:8px}.inspector-top .quiet{min-height:44px;font-size:9px}.inspector .context-tabs{height:44px;gap:20px}.inspector .atomic-proof{margin:12px 0 0;border:0}.inspector .atomic-proof .solid{gap:0}.inspector textarea{font:12px/1.6 var(--sans);height:80px;padding:9px;border:1px solid var(--line);background:var(--paper);margin-top:4px}#motion-timing{margin-bottom:12px}#motion-range-value{float:right}.workbench.editor-open .stage{position:relative;top:auto}.candidate-passport{padding:0 0 22px;border-bottom:0}.candidate-passport summary{justify-content:flex-start;gap:25px;font-size:9px;letter-spacing:.05em}.candidate-passport a{font-size:9px;display:inline-block;margin-top:12px}.destination-arrival{color:var(--c);padding:12px 0}.notebook>.destination-arrival{grid-column:1/-1;margin-bottom:-30px}.node-select:disabled .node-label{text-decoration:line-through}.inspector{max-height:855px}.stage-caption{line-height:1.6}.selection .activate{white-space:normal;min-width:110px;max-width:190px;min-height:44px}.inspector input:not([type=range]):not([type=checkbox]),.inspector select{min-height:40px}.quiet{min-height:40px}
@media(max-width:830px){.inspector{display:block;max-height:65vh}.motion-bar>span:last-child{display:none}.intro-note{max-width:36%;margin-left:18px}.candidate-passport summary{flex-wrap:wrap;gap:8px}.workbench.editor-open .workspace{z-index:auto}.inspector input:not([type=range]):not([type=checkbox]),.inspector select,.inspector textarea{font-size:16px}.inspector input[type=range]{height:28px}}
@media(max-width:570px){.intro h1{font-size:clamp(42px,15.2vw,60px);max-width:100%}.intro-note{max-width:100%;margin-left:0;display:block}.intro-note p{font-size:13px;line-height:1.5}.intro h1 i{font-size:.55em;transform:translate(8px,-6px);margin-right:10px}.toolbar{padding:5px 12px}.toolbar #mode-label{font-size:7px;margin-left:0;max-width:95px}.toolbar .mode-switch button{min-width:48px;min-height:44px}.motion-bar{padding:0 12px;gap:10px;min-height:50px}.motion-bar button{padding:0 9px}.motion-bar>.micro{font-size:7px}.stage-ruler{gap:12px;line-height:1.5}.stage-ruler>span:last-child{white-space:nowrap}.selection{flex-wrap:wrap;gap:8px}.selection>div:nth-child(2){flex:1;min-width:150px}.selection #selection-action{margin-left:22px;width:100%}.selection .activate{width:100%;max-width:none;text-align:center;font-size:11px}.selection p{max-width:none}.action-feedback{padding:11px 13px 0;font-size:10px;min-height:42px}.selection-vocabulary{padding:8px 13px 0}.stage-caption{font-size:8px;max-width:92%}.stage-caption #state-readout{font-size:7px}.candidate-passport summary{font-size:8px}.transport .solid,.transport .quiet{min-height:44px}.inspector{max-height:62vh}}

/* 02-D: functional wayfinding, legible welcome, and a non-overlapping editor. */
:root{--c:#00758c}
.intro h1{max-width:17ch;font-size:clamp(48px,5.9vw,84px);line-height:1.06}
.intro-note{max-width:31%;min-width:0}.intro-note p{font-size:17px;line-height:1.5}
.intro .eyebrow{line-height:1.7}.action-feedback[data-phase=signal]:before{content:'→ ';font-weight:bold}
.action-feedback[data-phase=selection]:before{content:'◇ ';font-weight:bold}
.action-feedback[data-phase=unavailable]{color:var(--ink)}
.selection-number{color:var(--c)}.selection .activate{border-color:var(--c);color:var(--c)}
.selection .activate:disabled{color:var(--muted);opacity:1}
.node-select.selected{outline:1px solid var(--c);outline-offset:-1px}
.node-select:disabled{opacity:.65}.node-select:disabled .node-arrow{display:none}

.inspector-top{position:sticky;top:-20px;background:var(--paper);z-index:5;min-height:48px}
.mode-switch button.on:hover{color:white}.mode-switch button:focus-visible{outline-offset:1px}
.transport:has(#send-signal[hidden]){min-height:42px;padding-block:6px}
.transport:has(#send-signal[hidden]) #outcome{margin-left:0}
#outcome{font-size:8px}.masthead .notes-link{min-height:44px;display:flex;align-items:center}
@media(max-width:830px){.intro h1{font-size:clamp(44px,7.2vw,65px)}.intro-note p{font-size:15px}.inspector-top{top:-18px}.inspector{max-height:none;overflow:visible}.toolbar{position:sticky;top:0;background:var(--paper);z-index:8}.workbench.editor-open .toolbar{position:relative}}
@media(max-width:570px){.intro h1{font-size:clamp(39px,11.5vw,62px);max-width:16ch}.intro-note{max-width:100%;margin-top:15px}.intro-note p{font-size:14px;max-width:35ch}.intro .eyebrow{font-size:8px;letter-spacing:.07em}.stage{height:530px}.toolbar #mode-label{max-width:80px;font-size:7px}.stage-ruler{font-size:7px}.stage-ruler>span:last-child{font-size:6px}.inspector-top{position:static}.experiment-card p{font-size:8px}.experiment-card h3{font-size:12px}.experiment-card .micro{font-size:8px}.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experiment-card:nth-child(odd){border-left:1px solid var(--line)}.experiment-card:nth-child(4){border-left:0}.inspector .quiet{min-height:44px}.check{min-height:44px}.context-tabs button{min-height:44px}.anchor-button{min-width:50px;min-height:50px}footer{flex-wrap:wrap;font-size:8px}}

/* 02-E / four P0 expressions. Strict neutral foundation. */
:root{color-scheme:light;--paper:#fff;--ink:#171717;--muted:#626262;--line:#d5d5d5;--panel:#f4f4f4;--grid:#dedede;--c:#00758c;--m:#d62976;--y:#dec000}
:root[data-theme=dark]{color-scheme:dark;--paper:#080808;--ink:#f4f4f4;--muted:#aaa;--line:#373737;--panel:#151515;--grid:#242424;--c:#37d9f0;--m:#ff5da8;--y:#f4d83d}
body{font-size:15px}.masthead{height:78px;padding-inline:4%;max-width:1800px}.wordmark{font-size:10px}.wordmark b{font-size:8px}.mast-meta{font-size:9px;margin-left:55px}.header-actions{display:flex;gap:28px;align-items:center}.theme-toggle{font:11px var(--mono);min-width:75px;min-height:44px;border:1px solid var(--line);padding:0 12px}.theme-toggle:hover{background:var(--panel)}
main{padding-inline:4%;max-width:1800px}.intro{padding:30px 0 28px;gap:24px;align-items:center}.intro h1,.intro h1 span{font-family:var(--sans);font-style:normal;font-weight:500}.intro h1{font-size:clamp(60px,7.5vw,116px);letter-spacing:-.075em;line-height:1;max-width:15ch;margin-top:11px}.intro h1 i{display:none}.intro .eyebrow{font-size:9px;letter-spacing:.13em}.intro-note{max-width:320px;width:30%;margin-left:0}.intro-note p{font-size:16px;line-height:1.5;letter-spacing:-.02em}.welcome-open{display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:13px;min-height:44px;margin-top:15px;padding:0 0 3px;border-bottom:1px solid var(--c);color:var(--c)}.welcome-open span{font-size:23px}
.workbench{border:1px solid var(--line)}.toolbar{min-height:60px;padding:8px 20px}.mode-switch{border-color:var(--line)}.toolbar .mode-switch button{min-height:40px}.mode-switch button.on,.mode-switch button.on:hover{color:var(--paper)}.mode-switch button#edit-mode.on{background:var(--ink)}.toolbar #mode-label{font-size:9px}.motion-bar{min-height:50px;padding-inline:22px}.motion-bar>span:last-child{font:11px var(--sans)}.motion-bar button{font-size:11px;min-width:65px}.motion-bar button[aria-pressed=true]{border-color:var(--c);color:var(--c)}
.stage{height:clamp(480px,53vw,650px);background-color:var(--paper);background-image:radial-gradient(var(--grid) .7px,transparent .7px);background-size:22px 22px}.stage:before{border-color:var(--line);inset:48px 24px 48px}.stage:after{border-color:var(--line);opacity:.45}.stage-ruler{font-size:9px}.stage-ruler>span:last-child{font-size:8px}.stage-caption{font-size:10px}.stage-coordinates{color:var(--muted)}.node-label{background:var(--paper);padding:3px 5px}.node-select{font-size:12px}.node-select .node-number{font-size:9px}.node-select.selected{outline:0}.node-select.selected .node-label{text-decoration-thickness:2px}.node-select.selected:after{content:'';position:absolute;bottom:8px;left:22%;right:22%;border-bottom:1px solid var(--c);opacity:.4}.compact .node-select{background:var(--paper);border-color:var(--line)}.anchor-button{border-color:var(--muted);background:transparent}.anchor-button:after{font-size:9px;bottom:-23px;letter-spacing:.1em}.anchor-button[aria-expanded=false]{border-color:var(--c);box-shadow:0 0 0 8px color-mix(in srgb,var(--c) 5%,transparent)}.node-select:focus-visible{background:var(--panel)}
.inspector,.inspector-top{background:var(--panel)}.inspector{max-height:920px}.expression-heading>span{font-family:var(--sans);font-style:normal;font-size:46px;color:var(--muted)}.expression-heading p,.notebook-intro em,textarea{font-family:var(--sans);font-style:normal}.expression-heading p{font-size:13px}.inspector input:not([type=range]):not([type=checkbox]),.inspector select,.inspector textarea{background:var(--paper)}.panel-switch{display:flex;border-bottom:1px solid var(--line);gap:6px;margin:14px 0}.panel-switch button{min-height:44px;font:10px var(--mono);padding:0 8px;border-bottom:2px solid transparent}.panel-switch button[aria-pressed=true]{border-color:var(--c);color:var(--c)}.editor-panel{min-width:0}.editor-panel .expression-heading{margin-top:0}.editor-panel .access-controls{flex-wrap:wrap}.editor-boundary{font-size:10px}.editor-panel .control-top{font-size:11px}.inspector-top{top:-20px}
.experiments{margin-top:12px}.section-head h2{font-size:20px}.experiment-card{min-height:205px;padding:18px}.experiment-card.active,.compare-card.on{background:var(--panel);border-color:var(--line)}.experiment-card.active:before{background:var(--c)}.experiment-card h3{font-size:15px}.experiment-card p{font-size:9px}.experiment-card .micro{font-size:9px}.notebook{padding:42px 0;gap:40px}.notebook-intro h2{font-size:40px}.notebook-intro em{font-weight:500}.notebook textarea{font:16px/1.6 var(--sans)}.notebook textarea::placeholder{color:var(--muted)}.transport>.micro{color:var(--muted)}.selection p{font-size:12px}.selection strong{font-size:14px}
@media(min-width:1200px){.workbench.editor-open{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1199px){.workbench.editor-open{grid-template-columns:minmax(0,1fr)}.inspector{display:block;max-height:none;overflow:visible;border-left:0;border-top:1px solid var(--line);padding:22px}.inspector-top{position:static}.editor-panel{max-width:760px}.editor-panel #controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.workbench.editor-open .stage{height:clamp(480px,60vw,600px)}.mast-meta{margin-left:28px}.header-actions{gap:14px}.intro h1{font-size:clamp(64px,8vw,90px)}.stage{height:clamp(500px,61vw,620px)}.intro-note{width:32%;max-width:290px}.experiment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experiment-card:nth-child(4){border-left:1px solid var(--line)}}
@media(max-width:830px){.mast-meta{display:none}.intro{gap:16px}.intro h1{font-size:clamp(52px,8.4vw,72px)}.intro-note{width:35%;max-width:none}.intro-note p{font-size:14px}.stage,.workbench.editor-open .stage{height:560px}.stage-ruler{font-size:8px}.stage-ruler>span:last-child{font-size:7px}.motion-bar>span:last-child{display:none}.toolbar{position:static}.notebook{grid-template-columns:1fr 1.4fr}.experiment-card p{font-size:9px}}
@media(max-width:570px){main{padding-inline:16px}.masthead{height:72px;padding-inline:16px}.wordmark{font-size:9px;gap:8px}.wordmark b{font-size:6px}.mark{font-size:30px}.header-actions{gap:0}.notes-link{display:none!important}.theme-toggle{min-width:64px;font-size:10px;padding:0 8px}.intro{display:block;padding:25px 0}.intro .eyebrow{font-size:8px}.intro h1{font-size:clamp(52px,13vw,74px);white-space:normal;max-width:none}.intro-note{width:100%;max-width:none;margin-top:18px}.intro-note p{max-width:33ch;font-size:15px}.welcome-open{margin-top:12px;min-width:180px}.toolbar{padding:5px 12px}.toolbar #mode-label{font-size:7px;max-width:80px}.motion-bar{padding-inline:12px;gap:8px}.motion-bar button{min-width:0;padding-inline:10px}.stage,.workbench.editor-open .stage{height:530px}.stage-ruler{font-size:7px}.stage-ruler>span:last-child{font-size:6px}.stage:before{inset:40px 12px}.stage-caption{font-size:8px}.compact .node-select{font-size:13px}.compact .node-select.selected:after{display:none}.anchor-button:after{font-size:7px;bottom:-16px}.inspector{padding:18px 14px}.editor-panel #controls{display:block}.panel-switch button{font-size:9px;padding-inline:7px}.notebook{grid-template-columns:1fr;gap:20px}.notebook-intro h2{font-size:36px}.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experiment-card{padding:13px;min-height:185px}.experiment-card:nth-child(4){border-left:0}.experiment-card h3{font-size:13px}.experiment-card p{font-size:8px}.section-head h2{font-size:18px}.stage-caption #state-readout{font-size:7px}.selection p{font-size:12px}.notebook>.destination-arrival{margin-bottom:0}}
/* Keep the full Rose in the first desktop view; tablets retain a broad stage. */
@media(min-width:1200px){.stage,.workbench.editor-open .stage{height:clamp(480px,calc(100svh - 400px),650px)}}
@media(min-width:831px) and (max-width:1199px) and (orientation:landscape){.stage,.workbench.editor-open .stage{height:clamp(440px,calc(100svh - 340px),620px)}}
/* 02-E.4 / W00-W04. Composition reference: invitation + instrument + context. */
.masthead{max-width:1480px;height:72px;padding-inline:3%}.mast-meta{margin-left:auto;margin-right:40px;font-size:8px}.wordmark{font-size:11px}.wordmark b{font-size:8px}.header-actions{gap:24px}.notes-link{font-size:11px}main{max-width:1480px;padding:24px 3% 0}.living-marquee{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(570px,2fr);grid-template-areas:'intro instrument' 'context instrument' 'experiments experiments';column-gap:28px;row-gap:24px;align-items:start}.intro{grid-area:intro;display:block;padding:12px 0 0;margin:0;min-width:0}.intro h1{font-size:clamp(37px,4.1vw,61px);line-height:1.06;letter-spacing:-.055em;max-width:10ch;margin-top:18px}.intro h1 .headline-leading,.intro h1 #headline-end{font-weight:400}.intro h1 #headline-end{color:var(--c);white-space:nowrap}.intro .eyebrow{font-size:9px;letter-spacing:.07em}.intro-note{width:100%;max-width:none;margin:20px 0 0}.intro-note p{font-size:15px;line-height:1.5;letter-spacing:-.02em;max-width:28ch}.welcome-open{font:12px var(--sans);border:1px solid var(--c);padding:0 14px;min-height:46px;min-width:220px;max-width:100%;margin:22px 0 0;gap:15px}.welcome-open span{font-size:22px}.invitation-note{margin-top:25px!important;font-size:11px!important;line-height:1.6!important;color:var(--muted)}.invitation-note span{display:block;font:8px var(--mono);letter-spacing:.12em;margin-bottom:7px}.marquee-context{grid-area:context;border-top:1px solid var(--line);padding-top:20px;min-width:0}.marquee-context .eyebrow{color:var(--c);font-size:9px}.marquee-context h2{font-size:26px;font-weight:400;letter-spacing:-.04em;margin:8px 0}.marquee-context>p{font-size:13px;line-height:1.5;color:var(--muted)}.context-facts{display:flex;gap:15px;margin:17px 0}.context-facts div{min-width:0}.context-facts dt{font:8px var(--mono);color:var(--muted)}.context-facts dd{margin:5px 0 0;font:11px var(--mono)}.context-edit{min-height:44px;padding:0;font-size:12px;color:var(--c);display:flex;align-items:center;gap:24px}.context-detail{border-top:1px solid var(--line);margin-top:10px}.context-detail summary{font:10px var(--mono);min-height:44px}.context-detail p{font:11px/1.6 var(--sans);color:var(--muted);margin:6px 0 12px}
.workbench{grid-area:instrument;display:block!important;min-width:0;scroll-margin-top:15px}.workspace{min-width:0}.toolbar{min-height:50px;padding:4px 14px}.toolbar .mode-switch button{min-height:38px;min-width:50px}.toolbar #mode-label{font-size:8px}.motion-bar{min-height:46px;padding:0 15px;gap:12px}.motion-bar>span:last-child{display:none}.motion-bar button{font-size:10px;min-height:44px;min-width:62px}.stage,.workbench.editor-open .stage{height:clamp(420px,46vw,510px)!important;background-size:20px 20px}.stage:before{inset:40px 16px 40px;border-color:var(--line)}.stage:after{display:none}.stage-ruler{top:14px;left:16px;right:16px;font-size:8px}.stage-ruler>span:last-child{font-size:7px}.stage-caption{left:16px;right:16px;bottom:10px;font-size:8px}.stage-coordinates{display:none}.node-select{font-size:11px}.node-select .node-number{font-size:8px}.node-select.selected:after{display:none}.node-label{background:color-mix(in srgb,var(--paper) 90%,transparent)}.anchor-button{box-shadow:none!important}.anchor-button:after{bottom:-24px}.anchor-button[aria-expanded=false]{border-color:var(--muted)}
.signal-readout{padding:7px 16px;border-top:1px solid var(--line);font:9px/1.4 var(--mono);color:var(--muted);min-height:27px}.signal-readout[data-phase=travel]{color:var(--c)}.signal-readout[data-phase=overlap]{color:var(--m)}.signal-readout[data-phase=arrival]{color:var(--ink)}.stage-footer{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 10px;border-top:1px solid var(--line);padding:4px 14px 10px;min-height:96px}.stage-footer .transport{padding:0;gap:10px;border:0;min-height:44px;flex-wrap:wrap}.stage-footer .transport .solid{font-size:9px;min-height:38px;padding:9px 12px;gap:10px}.stage-footer .transport .quiet{font-size:9px}.stage-footer #outcome{display:none}.stage-footer #action-feedback{padding:0;font:9px/1.5 var(--mono);grid-column:1;min-height:0}.stage-footer .selection-vocabulary{display:none}.stage-footer .selection{grid-column:2;grid-row:1/3;padding:6px 0 0 10px;border-left:1px solid var(--line);gap:8px;align-items:start;min-height:0;flex-wrap:wrap}.stage-footer .selection-number{font-size:9px;margin-top:3px}.stage-footer .selection>div:nth-child(2){min-width:100px;flex:1}.stage-footer .selection strong{font-size:12px}.stage-footer .selection p{font-size:10px;line-height:1.4;max-width:none}.stage-footer #selection-action{width:100%;margin:0 0 0 20px}.stage-footer .activate{padding:5px 10px;font-size:10px;min-height:36px;max-width:none;width:100%;display:flex;align-items:center;justify-content:center}.stage-footer .transport:has(#send-signal[hidden]){padding:0}
.living-marquee>.experiments{grid-area:experiments;margin:0}.living-marquee .section-head{margin:0 0 12px;align-items:center}.living-marquee .section-head h2{font:10px var(--mono);letter-spacing:.06em}.living-marquee .section-head h2 span{font-size:9px;margin-left:4px}.living-marquee .section-head p{font-size:9px}.experiment-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;border:0}.experiment-card{min-height:95px;padding:10px;display:grid;grid-template-columns:1fr 48px;grid-template-rows:18px 1fr;border:1px solid var(--line)!important;gap:4px 8px}.experiment-card.active{border-color:var(--c)!important;background:color-mix(in srgb,var(--c) 5%,var(--paper))}.experiment-card.active:before{display:none}.experiment-card .micro{grid-row:1;grid-column:1/-1;font-size:8px}.experiment-card .mini-art{grid-column:2;grid-row:2;height:44px}.experiment-card .mini-art svg{height:42px;width:48px}.experiment-card h3{grid-column:1;grid-row:2;font-size:12px;line-height:1.3;align-self:center;margin:0}.experiment-card p,.experiment-card .card-arrow{display:none}.notebook{margin-top:32px;padding:30px 0;border-top:1px solid var(--line)}.notebook-intro h2{font-size:36px}.inspector{max-height:none;overflow:visible;border-left:0;border-top:1px solid var(--line);padding:20px}.inspector-top{position:static}.editor-panel #controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.editor-panel .control-top{font-size:10px}.panel-switch{margin-top:10px}.signal-authoring label{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:12px}.signal-authoring input[type=color]{width:68px;height:40px;padding:3px}
@media(max-width:1199px){.living-marquee{grid-template-columns:minmax(215px,.75fr) minmax(570px,2fr);column-gap:22px}.intro h1{font-size:43px}.intro .eyebrow{font-size:8px}.intro-note p{font-size:14px}.invitation-note{margin-top:20px!important}.marquee-context h2{font-size:24px}.context-facts{gap:10px}.context-facts dt{font-size:7px}.stage,.workbench.editor-open .stage{height:450px!important}.welcome-open{min-width:0;width:100%;font-size:11px}.mast-meta{display:none}}
@media(max-width:959px){main{padding-top:22px}.living-marquee{grid-template-columns:1fr;grid-template-areas:'intro' 'instrument' 'experiments' 'context';gap:22px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0;align-items:center}.intro h1{font-size:clamp(42px,6.4vw,56px);max-width:10ch}.intro-note{margin:0}.intro-note p{font-size:14px;max-width:28ch}.welcome-open{max-width:230px;margin-top:16px}.invitation-note{display:none}.stage,.workbench.editor-open .stage{height:510px!important}.marquee-context{display:grid;grid-template-columns:1fr 1fr;gap:5px 24px;padding:20px;border:1px solid var(--line)}.marquee-context>.eyebrow,.marquee-context>h2,.marquee-context>p{grid-column:1}.marquee-context>.context-facts{grid-column:2;grid-row:1/4;align-self:center}.marquee-context>.context-edit{grid-column:1}.marquee-context>.context-detail{grid-column:2;grid-row:4}.experiment-card{grid-template-columns:1fr;grid-template-rows:16px 36px auto;min-height:116px;padding:8px}.experiment-card .mini-art{grid-column:1;grid-row:2;height:36px;justify-content:flex-start}.experiment-card .mini-art svg{height:36px;width:44px}.experiment-card h3{grid-column:1;grid-row:3;font-size:11px}.experiment-card .micro{font-size:7px}}
@media(max-width:570px){.masthead{height:64px;padding-inline:16px}.wordmark{font-size:10px}.wordmark b{font-size:7px}.header-actions{gap:8px}main{padding:22px 16px 0}.living-marquee{gap:22px}.intro{display:block}.intro h1{font-size:46px;max-width:10ch;margin-top:12px}.intro-note{margin-top:16px}.intro-note p{font-size:14px;max-width:32ch}.welcome-open{min-height:44px;max-width:240px;font-size:12px}.stage,.workbench.editor-open .stage{height:530px!important}.toolbar #mode-label{font-size:7px}.stage-footer{grid-template-columns:1fr;padding:6px 12px 12px}.stage-footer .selection{grid-column:1;grid-row:auto;border:0;padding:8px 0 0}.stage-footer #action-feedback{grid-column:1;font-size:9px}.stage-footer #selection-action{margin-left:20px}.stage-footer .activate{min-height:44px}.stage-footer .transport .solid,.stage-footer .transport .quiet{min-height:44px}.signal-readout{font-size:8px}.experiment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.living-marquee .section-head{display:block}.living-marquee .section-head p{font-size:8px;margin-top:7px}.experiment-card .micro{font-size:7px}.experiment-card h3{font-size:11px}.marquee-context{display:block;padding:16px}.context-facts{gap:20px}.context-facts dt{font-size:8px}.editor-panel #controls{display:block}.inspector{padding:16px}.node-label{background:transparent}.anchor-button:after{bottom:-16px}.notebook{margin-top:28px}.theme-toggle{min-width:60px}.section-head h2 span{font-size:9px}}

/* 02-E.4-R1: original 25px circle, independent 44px transparent hit target. */
.spline-handle{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:move}
.spline-handle::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:25px;height:25px;border:1px solid var(--c);border-radius:50%;background:var(--paper);pointer-events:none}
.spline-handle:focus-visible{outline:none}
.spline-handle:focus-visible::before{outline:2px solid var(--c);outline-offset:3px}

/* 02-E.4-R2: contextual action and substantial collection specimens. */
.stage-shell{position:relative;container-type:inline-size;display:flex;flex-direction:column}
.stage-shell .stage-action{order:-1;position:absolute;z-index:5;top:34px;right:14px;width:190px;min-height:0;margin:0;padding:9px;display:grid;grid-template-columns:1fr 62px;gap:5px 8px;background:var(--paper);border:1px solid var(--line);border-left:2px solid var(--c);box-shadow:none}
.stage-shell .stage-action[hidden]{display:none}
.stage-action .selection-number{font:9px var(--mono);color:var(--c);position:absolute;left:9px;top:10px}
.stage-action>div:nth-child(2){grid-column:1/-1;min-width:0;display:contents}
.stage-action strong{grid-column:1/-1;padding-left:23px;font:10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.02em;min-width:0;overflow-wrap:anywhere}
.stage-action p{grid-column:1;grid-row:2;margin:0!important;font:11px/1.35 var(--sans);color:var(--muted);max-width:none;align-self:center}
.stage-action #selection-action{grid-column:2;grid-row:2;margin:0!important;min-width:0;align-self:center}
.stage-action .activate{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;padding:5px 2px;font:10px/1.3 var(--mono);white-space:normal;color:var(--c);border:1px solid var(--c);text-align:center;text-decoration:none}
.stage-action .activate:disabled{color:var(--muted);border-color:var(--line)}
.stage-feedback{display:flex;align-items:center;gap:10px;min-height:28px;padding:5px 16px;border-top:1px solid var(--line)}
.stage-feedback .signal-readout{border:0;margin:0;padding:0;min-height:0;font-size:9px}
.stage-feedback #action-feedback:not(.sr-only){padding:0;margin:0;min-height:0;font:9px/1.4 var(--mono)}
.stage-feedback:has(#action-feedback:not(.sr-only)) .signal-readout{display:none}
.stage-tools{display:flex;align-items:center;gap:10px;margin-left:auto;order:2}
.stage-tools:has(#recall[hidden]):has(#depth-view[hidden]){display:none}
.stage-tools .quiet{font-size:9px;min-height:44px;padding:0 8px}
.legacy-actions{display:none}
.experiment-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.experiment-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:148px minmax(66px,auto);gap:0;padding:0;min-height:214px;overflow:hidden;align-content:stretch;text-align:left}
.experiment-card .mini-art{grid-column:1;grid-row:1;display:block;width:100%;height:148px;margin:0;padding:0;color:var(--ink)}
.experiment-card canvas{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.experiment-card .specimen-label{grid-column:1;grid-row:2;min-width:0;padding:10px 11px 12px;border-top:1px solid var(--line)}
.experiment-card .micro{display:flex;justify-content:space-between;font-size:8px;line-height:1.3;letter-spacing:.03em;margin:0 0 6px}
.experiment-card h3{display:block;margin:0;font:13px/1.35 var(--sans);overflow-wrap:normal;align-self:auto}
.experiment-card:hover{background:var(--panel)}
.experiment-card:focus-visible{outline:2px solid var(--c);outline-offset:3px}
@container(max-width:569px){
  .stage-shell .stage-action{position:relative;inset:auto;margin:12px 12px 0 auto;width:min(300px,calc(100% - 24px));grid-template-columns:1fr 78px}
  .stage-action strong{font-size:11px}.stage-action p{font-size:12px}.stage-action .activate{font-size:11px}
}
@media(max-width:959px){.experiment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:570px){
  .experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .experiment-card{grid-template-rows:136px minmax(68px,auto);min-height:204px}
  .experiment-card .mini-art{height:136px}.experiment-card .micro{font-size:8px}
  .experiment-card h3{font-size:13px}.experiment-card .specimen-label{padding:10px}
  .stage-feedback{padding-inline:12px;min-height:28px}
}

.stage-action .activate:not(:disabled){white-space:nowrap}

/* 02-E.4-R3: the stage and editor always have their own visible space. */
.preview-bar{display:none}.stage-viewport{position:relative;min-width:0}
.compact .node-select{padding:0 10px;gap:8px;background:transparent;border-bottom:1px solid var(--line)}
.compact .node-select .node-label{max-width:none}.compact .node-select.selected{background:color-mix(in srgb,var(--c) 8%,transparent)}
body.editing{overflow:hidden}
.workbench.editor-open{display:grid!important;position:fixed;z-index:60;top:calc(var(--editor-top,0px) + 12px);left:12px;right:12px;height:calc(var(--editor-height,100dvh) - 24px);grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:minmax(0,1fr);background:var(--paper);border:1px solid var(--line);box-shadow:0 0 0 20px var(--paper);isolation:isolate;overflow:hidden}
.editor-open .workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:52px 46px 44px minmax(0,1fr);min-height:0;overflow:hidden}
.editor-open .toolbar{height:auto;min-height:0;grid-row:1;position:relative;padding:4px 14px}
.editor-open .motion-bar{grid-row:2}
.editor-open .preview-bar{grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:8px;border-block:1px solid var(--line);padding:0 14px}
.preview-bar label{display:flex!important;align-items:center;gap:10px;font:10px var(--mono)!important;margin:0!important;white-space:nowrap}
.preview-bar select{width:auto;min-height:36px;margin:0;font:11px var(--mono);padding:5px 22px 5px 8px}
.preview-scale{font-size:9px;white-space:nowrap;color:var(--muted)}
.editor-open .stage-shell{grid-row:4;min-height:0;display:block;container-type:normal;overflow:hidden}
.editor-open .stage-viewport{position:absolute;inset:0;overflow:hidden;background:var(--panel)}
.editor-open .stage{position:absolute;transform-origin:top left;max-width:none;border:1px solid var(--line)}
.editor-open .stage-action,.editor-open .stage-feedback{display:none!important}
.editor-open .inspector{display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden;border-top:0;border-left:1px solid var(--line);padding:0;background:var(--paper)}
.editor-open .inspector-top{position:relative;top:0;flex-shrink:0;min-height:52px;padding:4px 16px;border-bottom:1px solid var(--line)}
.editor-open .inspector-top>.eyebrow{font-size:9px}.editor-open #close-editor{font-size:12px;min-height:44px;padding:8px}
.editor-open .editor-boundary{font-size:10px;line-height:1.5;margin:0;padding:10px 16px;flex-shrink:0}
.editor-open .panel-switch{flex-shrink:0;display:flex;gap:0;margin:0;padding:0 12px;border-bottom:1px solid var(--line)}
.editor-open .panel-switch button{min-height:44px;padding:8px;font-size:10px;white-space:nowrap;flex:1}
.editor-open .editor-panel{min-height:0;max-width:none;flex:1;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 18px 32px;scroll-padding-block:16px}
.editor-open .editor-panel #controls{display:block;padding-top:20px}
.editor-open .expression-heading{padding:12px 0 18px;margin:0}.editor-open .expression-heading h2{font-size:22px}
.editor-open .editor-expression{margin:0 0 12px}.editor-open .editor-expression select{min-height:44px;font-size:14px}
.editor-open .editor-panel label:not(.check){font-size:11px}.editor-open .control-top{font-size:11px}
.editor-open .control{margin-bottom:18px}.editor-open input[type=range]{height:28px;touch-action:pan-y}
.editor-open .editor-panel input:not([type=range]):not([type=checkbox]):not([type=color]),.editor-open .editor-panel select,.editor-open .editor-panel textarea{font-size:16px;min-height:44px}
.editor-open summary{font-size:11px;min-height:48px}.editor-open .check{font-size:11px;min-height:44px}
.editor-open .spline-handle{width:max(44px,calc(44px / var(--stage-scale,1)));height:max(44px,calc(44px / var(--stage-scale,1)))}
.editor-open .node-select,.editor-open .spline-handle{touch-action:none}
.editor-open .stage-caption{bottom:12px}
.notice{z-index:80}
@media(min-width:701px) and (max-width:1000px){
  .workbench.editor-open{grid-template-columns:minmax(0,1fr) 290px}
  .editor-open .toolbar #mode-label{display:none}.editor-open .preview-scale{font-size:8px}
}
@media(max-width:700px){
  .marquee-context,.signal-readout{display:none!important}
  .stage-feedback:not(:has(#action-feedback:not(.sr-only))):not(:has(.stage-tools .quiet:not([hidden]))){display:none}
  .workbench.editor-open{top:var(--editor-top,0px);inset-inline:0;height:var(--editor-height,100dvh);border:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,44%) minmax(0,1fr);box-shadow:none;padding-top:env(safe-area-inset-top)}
  .editor-open .workspace{grid-template-rows:48px 40px minmax(0,1fr)}
  .editor-open .toolbar{grid-row:1;padding:2px 12px;border-top:1px solid var(--line)}
  .editor-open .toolbar #mode-label{display:none}.editor-open .toolbar .mode-switch button{min-height:40px;min-width:62px}
  .editor-open .motion-bar{display:none}.editor-open .preview-bar{grid-row:2;padding-inline:12px}
  .editor-open .stage-shell{grid-row:3}.editor-open .stage-ruler,.editor-open .stage-caption{display:none}
  .editor-open .inspector{grid-row:2;border-left:0;border-top:2px solid var(--c)}
  .editor-open .inspector-top{min-height:44px;padding:0 12px}.editor-open .inspector-top>.eyebrow{font-size:9px}
  .editor-open .editor-boundary{display:none}.editor-open .panel-switch{padding-inline:4px}
  .editor-open .panel-switch button{min-height:42px;font-size:11px;padding:6px 8px}
  .editor-open .editor-panel{padding:14px 16px calc(32px + env(safe-area-inset-bottom))}
  .editor-open .expression-heading{display:none}.editor-open .editor-panel #controls{padding-top:6px}
  .editor-open .node-select:not(.compact .node-select){width:calc(44px / var(--stage-scale,1))!important;height:calc(44px / var(--stage-scale,1));padding:0;transform:translate(-50%,0);align-items:center}
  .editor-open .node-select:not(.compact .node-select) .node-label,.editor-open .node-select:not(.compact .node-select) .node-arrow{display:none}
  .editor-open .node-select:not(.compact .node-select) .node-number{font-size:calc(10px / var(--stage-scale,1));color:var(--ink);background:var(--paper);padding:2px}
  .editor-open .anchor-button{width:max(70px,calc(44px / var(--stage-scale,1)));height:max(70px,calc(44px / var(--stage-scale,1)))}
  .editor-open .anchor-button:after{display:none}
}

.editor-open .comparison{padding:12px 0}.editor-open .compare-cards{grid-template-columns:1fr}.editor-open #depth-view{color:var(--c)}
.build-stamp{display:block!important;font:8px var(--mono);color:var(--muted)}

/* 02E4-R4: editorial composition only; instrument and specimens retain R3 rules. */
.living-marquee{grid-template-areas:'editorial instrument' 'experiments experiments'}
.marquee-editorial{grid-area:editorial;display:flex;flex-direction:column;gap:24px;min-width:0}
.marquee-context{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px 16px;padding:18px 0 0;border:0;border-top:1px solid var(--line)}
.context-primary{min-width:0}.context-primary p{font-size:13px;line-height:1.5;color:var(--muted)}
.marquee-context h2{font-size:24px;line-height:1.15;margin:9px 0}
.marquee-context>.context-facts{grid-column:2;grid-row:1;display:grid;gap:12px;align-self:start;margin:0;padding-left:12px;border-left:1px solid var(--line)}
.context-facts dt{font-size:8px;line-height:1.4}.context-facts dd{font-size:11px;margin-top:4px}
.context-edit{font-size:11px;gap:12px;margin-top:6px;line-height:1.3;text-align:left}
.marquee-context>.context-detail{grid-column:1/-1;grid-row:2;border:0;margin:0}
.context-detail summary{min-height:32px;font-size:9px;color:var(--muted);padding:4px 0;justify-content:flex-start;gap:12px}
.notebook-intro .notebook-purpose{font-size:14px;line-height:1.5;color:var(--ink);max-width:30ch}
.notebook-intro .notebook-guide{font-size:12px;line-height:1.6;margin-top:12px;max-width:38ch}
.notebook-stamp{margin-top:20px}.note-prompt{display:block;font:12px var(--sans);margin-bottom:10px;color:var(--ink)}
.notebook-entry .judgments{margin:14px 0 0}.notebook-entry .judgments button{min-height:44px;padding-inline:16px}
.notebook-storage{font:10px/1.7 var(--mono);color:var(--muted);margin:14px 0 0;max-width:70ch}
@media(max-width:1199px) and (min-width:960px){.marquee-context{grid-template-columns:minmax(0,1fr) 80px;column-gap:12px}.marquee-context h2{font-size:22px}.context-edit{font-size:10px}}
@media(max-width:959px){
  .living-marquee{grid-template-areas:'intro' 'instrument' 'context' 'experiments'}
  .marquee-editorial{display:contents}
  .marquee-context{grid-template-columns:minmax(0,1fr) 160px;gap:4px 24px;padding:18px 0 0}
  .marquee-context h2{font-size:26px}.marquee-context>.context-facts{gap:10px;padding-left:20px}
}
@media(max-width:700px){.living-marquee{grid-template-areas:'intro' 'instrument' 'experiments'}}
@media(max-width:570px){
  .notebook-intro h2{display:block;margin:12px 0 18px}
  .notebook-intro .notebook-purpose,.notebook-intro .notebook-guide{display:block;margin-top:12px;max-width:35ch}
  .notebook-storage{font-size:10px}.notebook-entry .note-title{gap:14px}
}