:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#d9e5e2;background:#11191b;font-synthesis:none;--role-0: #efab7f;--role-1: #a8c995;--role-2: #d9c479;--role-3: #8bbdc6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #405052;background:#233033;color:#dde7e1;border-radius:5px;padding:9px 13px;transition:background .15s}button:hover{background:#354548}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #e8b38b;outline-offset:3px}header{padding:24px 34px;border-bottom:1px solid #344145;display:flex;align-items:center;justify-content:space-between;background:#172225}.brand{display:flex;gap:17px;align-items:center}.sigil{font-size:45px;color:#e4b28f}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:2px;color:#9bacaa}h1{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:4px 0}h2{font-family:Georgia,serif;font-weight:400;line-height:1.3;font-size:25px}.header-end{display:grid;gap:10px;justify-items:end;font-size:11px;color:#9bacaa}.pill{border:1px solid #476060;border-radius:20px;padding:6px 10px;letter-spacing:1px;font-size:9px}main{display:grid;grid-template-columns:290px minmax(0,1fr);max-width:1700px;margin:auto}.library{padding:35px 23px;border-right:1px solid #344145;background:#172123}.library p{font-size:13px;line-height:1.8;color:#a9b8b5}.specimen{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:12px 0;padding:16px 10px;background:transparent;border-color:#344245;font-size:13px;line-height:1.4}.specimen.active{background:#293738;border-color:#cda580}.spec-number{font:12px ui-monospace,monospace;color:#b18d70}.specimen small{display:block;color:#8da09c;font-size:10px;margin-top:5px}.specimen>span:last-child{margin-left:auto}.quiet{font-size:12px;width:100%;background:transparent}.guide{margin-top:43px}.guide>button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;text-align:left;font-size:12px;padding:10px 0}.guide>button>span{border:1px solid #50615f;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font:10px ui-monospace,monospace}.guide>button.chosen{color:#edb790}.guide small,.principle{font-size:11px;color:#9bacaa;line-height:1.7}.guide small{display:block;margin-top:15px}.principle{margin-top:35px;padding-top:25px;border-top:1px solid #344145}.principle p{font-size:11px}.bench{padding:35px 34px 70px;min-width:0}.bench-title{display:flex;justify-content:space-between;gap:25px;align-items:center}.title-label{font-size:0;display:block}.title-label input{font-family:Georgia,serif;font-size:30px;background:transparent;border:0;border-bottom:1px solid #374647;padding:8px 0;max-width:100%;width:440px}.duration{min-width:160px;max-width:200px}.duration input{font-family:ui-monospace,monospace}.duration small{white-space:nowrap}label{display:flex;flex-direction:column;gap:7px;color:#b6c7c2;font-size:11px}input,textarea,select{background:#142023;border:1px solid #425354;color:#e3eae6;padding:10px;border-radius:4px;min-width:0;width:100%}input:disabled{opacity:.5}textarea{resize:vertical;min-height:65px;font-size:13px}small{font-size:10px;color:#96aaa5}.transport{display:flex;gap:10px;align-items:center;margin:27px 0 30px}.play{background:#d6b18b;color:#192526;border-color:#d6b18b;padding:11px 19px}.play:hover{background:#e7c9a9}.transport>span{font:9px ui-monospace,monospace;letter-spacing:1px;color:#9eafa9}.audio-light{width:6px;height:6px;border-radius:50%;background:#536361;margin-left:12px}.audio-light.on{background:#b2d99c}.undo{margin-left:auto}.time-axis{display:flex;justify-content:space-between;margin-left:175px;margin-right:100px;font:9px ui-monospace,monospace;color:#8ba19b;padding-bottom:12px}.lanes{border-top:1px solid #415252}.lane{display:grid;grid-template-columns:175px minmax(60px,1fr) 88px;align-items:center;border-bottom:1px solid #344345;min-height:108px;background:linear-gradient(90deg,transparent 49.8%,#2b393b 50%,transparent 50.2%)}.lane.selected{background-color:#1d2b2d}.lane.muted .trace{opacity:.3}.lane-info{padding:12px}.role-name{background:transparent!important;border:0;padding:0;font-family:Georgia,serif;font-size:22px;text-transform:capitalize;text-align:left}.role-name i{display:inline-block;width:5px;height:17px;margin-right:9px}.role-name small{display:block;font:10px ui-sans-serif,system-ui;margin:6px 0 0 14px;text-transform:none}.switch{display:flex;flex-direction:row;gap:6px;align-items:center;font:9px ui-monospace,monospace;margin:10px 0 0 14px}.switch input{width:13px;accent-color:#d5b591;margin:0}.trace{padding:0;border:0;background:transparent!important;height:88px;color:#788e86}.trace svg{width:100%;height:100%;display:block}.lane-actions{padding:7px;display:grid;gap:8px}.lane-actions button{font-size:10px;padding:6px;background:transparent}.sum-strip{display:flex;align-items:center;gap:15px;margin:20px 0 30px;background:#1b292b;padding:14px}.sum-strip>span{font:30px Georgia,serif;color:#a9beb3}.sum-strip b{font-size:12px;font-weight:400}.sum-strip small{display:block;margin-top:4px}.meter{width:110px;height:5px;background:#384b46;margin-left:auto}.meter i{display:block;height:100%;background:#d4b28b}.editor{background:#1b272a;border:1px solid #3a4d4e;padding:24px}.editor-head h2{text-transform:capitalize;margin:9px 0 20px}.editor-head h2 span{font-family:ui-sans-serif,system-ui;font-size:12px;text-transform:none;color:#9aaea8}.parameter-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:18px;margin:20px 0}.parameter-grid.two{grid-template-columns:1fr 1fr}.knot-head{display:flex;align-items:center;gap:15px;margin-top:25px}.knot-head b{font-size:12px}.knot-head>span{font-size:10px;color:#9cafaa}.knot-head button{margin-left:auto;font-size:11px}.knots{display:flex;gap:12px;overflow:auto;padding:17px 0}.knot{min-width:185px;width:185px;display:grid;grid-template-columns:20px 1fr 1fr 20px;gap:5px;align-items:end;padding:10px;background:#142023;border:1px solid #34494a}.knot>span{align-self:center;font:10px ui-monospace,monospace;color:#8da39b}.knot input{padding:7px 4px;font:11px ui-monospace,monospace}.knot label{font-size:9px}.knot button{padding:6px 0;border:0;background:none}.source-footer{display:flex;align-items:center;gap:20px;margin-top:12px}.source-footer button{font-size:11px}.source-footer small{line-height:1.6}.exports{padding:30px 0;border-bottom:1px solid #334747}.exports h2{margin:10px 0}.exports p{font-size:12px;color:#9cafaa}.export-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.export-buttons button{font-size:12px}.exports>small{line-height:1.7}.local{display:flex;gap:9px;flex-wrap:wrap;padding:22px 0}.local button{font-size:10px;background:transparent}.privacy{color:#92a59f;font-size:11px;line-height:1.8}.privacy summary{cursor:pointer}.privacy button{font-size:11px;margin-right:10px}footer{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;padding:13px 25px;background:#293938;border-top:1px solid #50635d;font-size:11px;z-index:2}.status-dot{width:5px;height:5px;background:#bcd3b5;border-radius:50%}.footer-tag{margin-left:auto;font:9px ui-monospace,monospace;color:#a9bbb2;letter-spacing:1px}@media(min-width:1500px){.bench{padding-left:65px;padding-right:65px}}@media(max-width:1000px){main{grid-template-columns:230px 1fr}.library{padding:28px 16px}.bench{padding:28px 20px}.bench-title{align-items:start;flex-direction:column;gap:12px}.duration{max-width:none;display:grid;grid-template-columns:120px 110px;align-items:center}.duration small{grid-column:1/3}.parameter-grid{grid-template-columns:1fr 1fr}.parameter-grid>label:last-child{grid-column:1/3}.lane{grid-template-columns:140px 1fr 75px}.time-axis{margin-left:140px;margin-right:75px}.knot-head>span{display:none}.footer-tag{display:none}}@media(max-width:700px){header{padding:18px}.header-end{display:none}h1{font-size:22px}main{display:block}.library{border-right:0;border-bottom:1px solid #344145;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.library>h2,.library>p,.guide,.principle{display:none}.library>.eyebrow,.library>.quiet{grid-column:1/4}.specimen{padding:10px 6px;font-size:11px;margin:5px 0;gap:6px}.specimen small,.specimen>span:last-child,.spec-number{display:none}.bench{padding:25px 14px 40px}.title-label input{font-size:27px}.transport{flex-wrap:wrap}.transport>span{display:none}.lane{grid-template-columns:115px 1fr 67px}.role-name{font-size:19px}.role-name small{font-size:8px}.time-axis{margin-left:115px;margin-right:67px}.time-axis>span:nth-child(2){display:none}.editor{padding:17px}.parameter-grid{gap:12px}.source-footer{align-items:start;flex-direction:column;gap:10px}.sum-strip{gap:10px}.meter{display:none}footer{padding:12px 15px;line-height:1.5}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.fullscreen{font-size:10px}.transport{flex-wrap:wrap}.specimen,.title-label input,.editor textarea,.editor select{white-space:pre-wrap}
