:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#263d43;background:#f3f2e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:1px solid #cbd0c7;border-radius:5px;padding:10px 13px}button:hover{background:#e6e8db}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d15f36;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}header{min-height:88px;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;background:#17303a;color:#f8f3df}.brand{display:flex;gap:16px;align-items:center}.logo{font:italic 28px Georgia;border:1px solid #95aaa7;border-radius:50%;padding:9px}.brand b{letter-spacing:3px;font-size:16px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:#acc0bc}.head-actions{display:flex;gap:9px}header button{border-color:#587079;color:#eef0dc}.accent{background:#f0a06e!important;color:#21383e!important;border-color:#f0a06e}.workspace{display:grid;grid-template-columns:260px minmax(400px,1fr) 260px;min-height:calc(100vh - 145px)}aside{padding:30px 24px;border-right:1px solid #d5d9ce}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#748579;margin:0 0 20px}h1{font:32px/1.14 Georgia;margin:0 0 16px;letter-spacing:-1px}h1 em{font-weight:400;color:#b85e3b}h2{font:25px Georgia;margin:0 0 15px}.intro,.muted,.note p{font-size:12px;line-height:1.7;color:#64736a}.intro{margin-bottom:28px}.study{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid #d9dbd2;border-radius:0;padding:16px 5px;font-size:12px}.study span{font:11px monospace;color:#89968c}.study b{margin-left:auto}.study.selected{background:#e3e7d9;border-left:3px solid #3a655c;padding-left:10px}.wide{width:100%;margin:8px 0;font-size:12px}.note{margin-top:38px;padding:20px 0;border-top:1px solid #cbd0c7}.note span{font-size:10px;letter-spacing:2px;font-weight:700}.note small{font-size:10px;color:#75867a}.stage-wrap{padding:28px 30px 16px;background:#eaece2;min-width:0}.stage-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.stage-title .eyebrow{margin-bottom:6px}.stage-title input{font:24px Georgia;border:0;background:transparent;color:inherit;width:100%;min-width:0}.badge{font-size:9px;color:#426e57;letter-spacing:1px;white-space:nowrap;padding:8px;background:#dce5d4;border-radius:20px}.stage{display:block;width:100%;max-height:52vh;min-height:280px;touch-action:none;-webkit-user-select:none;user-select:none}.meter{display:flex;justify-content:space-between;border-top:1px solid #cbd0c7;border-bottom:1px solid #cbd0c7;padding:16px 3px;gap:8px}.meter small{display:block;font-size:9px;letter-spacing:1px;color:#728177}.meter strong{display:block;font:22px Georgia;margin-top:6px}.meter i{font:11px sans-serif}.green{color:#50735d}.timeline{display:flex;align-items:center;gap:8px;margin:18px 0}.play{background:#263d43;color:#fff;width:44px;height:48px}.keys{display:flex;gap:5px;flex:1;overflow:auto}.keys button{padding:7px 13px;min-width:52px}.keys small{display:block;font-size:8px}.keys span{font-size:20px}.keys .active{border-color:#d17b53;background:#f5dfc8}.timeline>button{font-size:11px}.scrub{font-size:10px;color:#5c7066;display:flex;align-items:center;gap:15px}.scrub input{flex:1;accent-color:#3d655e}.status{font-size:12px;color:#526d61;min-height:30px}.inspector{border-left:1px solid #d5d9ce;border-right:0}label{display:block;font-size:11px;margin:16px 0 8px;color:#52685f}input,select{width:100%;border:1px solid #cbd0c7;background:#faf9f2;border-radius:4px;padding:9px;color:#263d43;margin-top:6px}.coords{display:flex;gap:10px}.coords label{width:50%}.exports{border-top:1px solid #cbd0c7;padding-top:15px;margin-top:25px;display:grid;gap:7px}.exports button{text-align:left;font-size:12px;border:0;background:#e9eadf}.test{font-size:10px;margin-top:20px;border:0;text-align:left;text-decoration:underline}.draw{padding:10px;background:#f4d9bd;font-size:12px}footer{padding:16px 30px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ccd2c7;font-size:9px;letter-spacing:1px}footer details{max-width:600px}footer p{font-size:12px;line-height:1.6;letter-spacing:0}summary{cursor:pointer}@media(max-width:1100px){.workspace{grid-template-columns:210px minmax(330px,1fr)}.inspector{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:15px;align-items:center}.inspector>*{max-width:220px}.inspector .eyebrow{width:100%;max-width:none}header{padding:18px}.head-actions{flex-wrap:wrap}}@media(max-width:700px){header{display:block}.head-actions{margin-top:16px}.workspace{display:block}aside{padding:22px}.intro,.note{display:none}.study{display:inline-flex;width:33%;font-size:10px;min-height:64px}.study span,.study b{display:none}h1{font-size:25px}.stage-wrap{padding:20px 15px}.badge{font-size:7px}.stage-title input{font-size:19px}.meter strong{font-size:18px}.stage{min-height:250px}.inspector{display:block}.inspector>*{max-width:none}footer{display:block}footer details{margin-top:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}