.app-shell{width:min(1320px,100% - 64px);min-height:100vh;margin:0 auto}.topbar{border-bottom:1px solid #272c30;justify-content:space-between;align-items:center;height:74px;display:flex}.wordmark{color:#f1f0e9;letter-spacing:.1em;align-items:center;gap:10px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.wordmark-icon{color:#c6ef7a;font-size:25px;line-height:1}.wordmark-divider{color:#788076;padding:0 3px}.docs-link{color:#a9b0aa;font-size:12px;text-decoration:none}.docs-link:hover{color:#c6ef7a}.docs-link span{color:#c6ef7a;margin-left:4px}.studio{padding:58px 0 70px}.intro{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.eyebrow,.section-index{color:#89918a;letter-spacing:.14em;font-size:10px;font-weight:700}.eyebrow{margin:0 0 17px}.eyebrow span{color:#c6ef7a;padding:0 5px}.intro h1{color:#f0f1ec;letter-spacing:-.06em;margin:0;font-size:clamp(36px,5vw,60px);font-weight:600;line-height:1.04}.intro-highlight{color:#a5ada6}.intro-copy{color:#a2aaa4;max-width:445px;margin:17px 0 0;font-size:14px;line-height:1.65}.play-button{color:#14190f;background:#c6ef7a;border:0;border-radius:5px;justify-content:center;align-items:center;gap:12px;min-width:180px;min-height:52px;padding:0 16px;font-size:13px;font-weight:750;transition:background .13s,transform .13s;display:inline-flex}.play-button:hover{background:#d5f79a;transform:translateY(-1px)}.play-icon{font-size:11px}.button-shortcut{color:#596649;letter-spacing:.1em;border-left:1px solid #14190f3b;margin-left:4px;padding-left:12px;font-size:9px}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(350px,.78fr);align-items:start;gap:20px;display:grid}.controls-panel,.monitor-panel,.export-panel{background:#171b1f;border:1px solid #2b3033;border-radius:8px}.controls-panel{padding:24px}.panel-heading,.monitor-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-heading{margin-bottom:23px}.panel-heading h2,.monitor-heading h2{color:#e8e9e5;letter-spacing:-.03em;margin:6px 0 0;font-size:19px;font-weight:600}.preset-control,.name-control,.select-control{color:#a6ada7;flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}.preset-control select,.name-control input,.select-control select{color:#e2e4df;background:#202529;border:1px solid #353b3f;border-radius:4px;min-height:36px;padding:0 10px;font-size:12px}.preset-control select{min-width:140px}.name-control{margin-bottom:16px}.name-control input{width:100%}.name-control input::placeholder{color:#727a75}.layer-card{background:#1c2125;border:1px solid #303639;border-radius:6px;padding:16px;transition:opacity .15s}.layer-card+.layer-card{margin-top:12px}.layer-card.is-muted{opacity:.52}.layer-heading,.layer-title-wrap{align-items:center;display:flex}.layer-heading{justify-content:space-between;gap:12px;margin-bottom:16px}.layer-title-wrap{gap:11px}.layer-mark{border-radius:5px;place-items:center;width:34px;height:34px;font-size:21px;font-weight:700;display:grid}.tone-mark{color:#c6ef7a;background:#c6ef7a1a}.click-mark{color:#82c8e3;background:#82c8e31a}.layer-title-wrap h3{color:#e5e7e1;margin:0;font-size:13px;font-weight:650}.layer-title-wrap p{color:#838c85;margin:4px 0 0;font-size:10px}.layer-enable{color:#aeb6ae;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:inline-flex}.layer-enable input{accent-color:#c6ef7a;width:14px;height:14px;margin:0}.layer-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 19px;display:grid}.select-control{grid-column:1/-1}.select-control select{width:100%}.range-control{flex-direction:column;gap:9px;min-width:0;display:flex}.range-heading{color:#a9b0aa;justify-content:space-between;align-items:baseline;gap:6px;font-size:10px;font-weight:600;display:flex}.range-heading output{color:#e3e7dd;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.range-control input[type=range]{appearance:none;background:#3b4244;border-radius:9px;width:100%;height:4px;margin:5px 0}.range-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#c6ef7a;border:2px solid #171b1f;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #c6ef7a}.range-control input[type=range]::-moz-range-thumb{background:#c6ef7a;border:2px solid #171b1f;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #c6ef7a}.output-column{gap:16px;display:grid}.monitor-panel,.export-panel{padding:21px}.monitor-heading{align-items:flex-start}.live-indicator,.json-tag{color:#9ba49c;letter-spacing:.06em;align-items:center;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:inline-flex}.live-indicator i{background:#c6ef7a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #c6ef7aa6}.signal-display{background:linear-gradient(130deg,#1e2925,#202522 70%,#1c2421);border:1px solid #2e3833;border-radius:5px;justify-content:center;align-items:center;height:133px;margin-top:21px;display:flex;position:relative;overflow:hidden}.signal-grid{background-image:linear-gradient(#c9ddc20f 1px,#0000 1px),linear-gradient(90deg,#c9ddc20f 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0}.signal-bars{justify-content:space-between;align-items:center;gap:4px;width:74%;height:62px;display:flex;position:relative}.signal-bars i{background:#c6ef7a;border-radius:4px;width:3px;min-height:5px;box-shadow:0 0 9px #c6ef7a47}.signal-caption{color:#87938b;letter-spacing:.07em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;position:absolute;bottom:9px;right:10px}.summary-readout{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:19px 0 14px;display:grid}.summary-readout div{flex-direction:column;gap:7px;min-width:0;display:flex}.readout-label{color:#879089;letter-spacing:.08em;font-size:8px;font-weight:700}.summary-readout strong{overflow-wrap:anywhere;color:#e6e9e1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:500}.summary-readout small{color:#969e96;font-size:9px;font-weight:400}.play-status,.export-status{color:#a2aaa3;min-height:17px;margin:0;font-size:10px}.play-status{border-top:1px solid #2b3033;padding-top:12px}.export-heading{align-items:center}.json-tag{color:#c6ef7a;border:1px solid #454d46;border-radius:3px;padding:5px 7px}.export-copy{color:#9ba39c;margin:10px 0 13px;font-size:11px;line-height:1.5}.json-output{resize:vertical;color:#cdd7c1;tab-size:2;background:#111619;border:1px solid #2d3434;border-radius:4px;width:100%;min-height:278px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.65;display:block}.export-actions{grid-template-columns:1fr 1fr;gap:9px;margin:11px 0;display:grid}.copy-button,.download-button{color:#e4e8df;background:#242a29;border:1px solid #444b47;border-radius:4px;min-height:38px;font-size:11px;font-weight:650;transition:border-color .12s,background .12s}.copy-button{color:#17200e;background:#c6ef7a;border-color:#c6ef7a}.copy-button:hover,.download-button:hover{background:#2b332c;border-color:#c6ef7a}.copy-button:hover{background:#d5f79a}.export-status{color:#a2aaa3}.page-footer{color:#737d76;letter-spacing:.06em;border-top:1px solid #272c30;justify-content:space-between;align-items:center;gap:12px;min-height:52px;font-size:9px;display:flex}.page-footer span:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=920px){.studio-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:14px}.controls-panel,.monitor-panel,.export-panel{padding:17px}.panel-heading{flex-direction:column;align-items:flex-start}.preset-control select{width:100%}}@media (width<=720px){.app-shell{width:min(100% - 32px,540px)}.studio{padding:38px 0 48px}.intro{flex-direction:column;align-items:flex-start;gap:21px;margin-bottom:26px}.intro h1{font-size:clamp(38px,11vw,55px)}.play-button{width:100%}.studio-grid{grid-template-columns:1fr}.panel-heading{flex-direction:row;align-items:center}.preset-control select{width:auto}.page-footer{flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 0}}@media (width<=430px){.controls-panel,.monitor-panel,.export-panel{padding:15px}.layer-card{padding:13px}.panel-heading{flex-direction:column;align-items:flex-start}.summary-readout{grid-template-columns:1fr 1fr;row-gap:16px}}:root{color:#e8e9e5;font-synthesis:none;font-optical-sizing:auto;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101316;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 85% 7%,#3b5e4f21,#0000 29rem),#101316;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,select,input[type=checkbox],input[type=range]{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #c6ef7a}button:disabled{cursor:not-allowed}::selection{color:#101316;background:#c6ef7a}