:root{--bg:#061019;--panel:#0b1721;--line:#20333b;--text:#e4f1ef;--muted:#718c99;--cyan:#79e7e3;--copper:#c3916c;--sans:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:74px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:#09141d;border-bottom:1px solid #182b34}.brand{display:flex;align-items:center;gap:17px}.brand-mark{width:43px;height:42px;border:1px solid #78c8c3;color:var(--cyan);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;letter-spacing:-1px}.brand-small{font-weight:300;color:var(--copper)}.brand strong{display:block;font-size:12px;letter-spacing:.20em;font-weight:760}.brand small{font-size:9px;color:var(--muted);letter-spacing:.15em;display:block;margin-top:5px}.topbar-right{display:flex;gap:22px;align-items:center;color:#91aeb6;font-size:10px;letter-spacing:.14em}.signal i{display:inline-block;margin-right:8px;width:7px;height:7px;background:#6fdcc7;border-radius:50%;box-shadow:0 0 10px #4ceac3}.seed{border-left:1px solid var(--line);padding-left:18px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;flex:1;min-height:0}.stage{min-height:calc(100vh - 74px);position:relative;overflow:hidden;background:#070f18}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.stage #viewport{position:absolute;inset:0}.stage-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 32%,rgba(1,10,15,.58) 100%),linear-gradient(180deg,rgba(2,10,15,.32),transparent 45%,rgba(2,10,15,.52));}.stage-label{position:absolute;top:35px;left:37px;pointer-events:none}.kicker{color:var(--copper);font-size:10px;font-weight:720;letter-spacing:.22em}.stage-label h1{font-weight:360;font-size:clamp(34px,4.5vw,74px);letter-spacing:.06em;line-height:.97;margin:20px 0 10px}.stage-label h1 em{font-style:normal;color:#8bdfde}.stage-label p{font-size:12px;letter-spacing:.1em;color:#9eb6ba;margin:0}.microdata{position:absolute;top:34px;right:32px;text-align:right;color:#7b99a3;font-size:9px;letter-spacing:.15em;display:flex;gap:13px;flex-direction:column}.microdata b{color:#d8eae8;font-size:11px;margin-left:8px;font-weight:500}.stage-bottom{position:absolute;left:36px;bottom:35px;right:36px;display:flex;gap:15px;align-items:end;justify-content:space-between}.tip{color:#718b95;font-size:10px;letter-spacing:.07em;max-width:250px;line-height:1.8}.buttons{display:flex;gap:8px}.action{border:1px solid #40616b;background:#10212b;color:#d3e9e8;min-width:84px;padding:12px 15px;border-radius:3px;text-transform:uppercase;font-weight:650;font-size:10px;letter-spacing:.12em}.action:hover{background:#1c3642}.action.primary{background:#82d4ce;color:#08222b;border-color:#82d4ce}.action.primary:hover{background:#a4efe3}.crosshair{position:absolute;left:50%;top:50%;font-size:16px;font-weight:200;color:#a0d6ce;opacity:.21;transform:translate(-50%,-50%);pointer-events:none}.inspector{height:calc(100vh - 74px);min-height:590px;overflow-y:auto;background:var(--panel);border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#294b55 transparent}.inspector-title{padding:28px 26px 22px;border-bottom:1px solid var(--line)}.inspector-title h2{font-size:23px;font-weight:450;letter-spacing:-.02em;margin:13px 0 8px}.inspector-title p{color:#85a0aa;font-size:11px;line-height:1.7;margin:0}.settings{padding:20px 26px}.subhead{color:#bd9b7e;font-size:10px;letter-spacing:.18em;font-weight:700;margin-bottom:18px}.label{display:block;color:#adc3c9;font-size:10px;margin:0 0 7px}.select{width:100%;background:#101f2b;border:1px solid #2b444c;border-radius:2px;padding:11px 10px;color:#d2eeec;font-size:11px;font-weight:650;letter-spacing:.05em}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.line{height:1px;background:var(--line);margin:25px 0 22px}.range-field{margin:0 0 21px}.range-field label{display:flex;justify-content:space-between;align-items:center;color:#bacdd0;font-size:11px;margin-bottom:10px}.range-field output{color:#82d4ce;min-width:50px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}.range-field input{width:100%;accent-color:#79d8ce;display:block;height:3px}.range-field.compact{margin-bottom:0}.swatches{display:flex;align-items:center;gap:14px;color:#bacdd0;font-size:11px;margin:13px 0 26px}.swatches input{border:0;background:transparent;width:31px;height:30px;padding:0;cursor:pointer}.swatches span{font-size:11px;color:#8eabb3;letter-spacing:.1em}.toggle{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a9c2c6;margin:14px 0;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle i{display:block;background:#283a45;width:31px;height:16px;border-radius:11px;position:relative;transition:.2s}.toggle i:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;top:2px;left:2px;background:#8696a3;transition:.2s}.toggle input:checked+i{background:#1a645d}.toggle input:checked+i:before{transform:translateX(15px);background:#7be2d2}.toggle input:focus-visible+i{outline:2px solid var(--cyan);outline-offset:4px}.audio-button{width:100%;padding:13px;background:#142a34;border:1px solid #395d63;color:#bfe9e1;font-size:11px;letter-spacing:.1em;text-align:left;font-weight:650}.audio-button small{float:right;color:#d9a379}.audio-caption{color:#708e99;font-size:10px;line-height:1.6;margin:10px 0 19px}.foot{border-top:1px solid var(--line);padding:18px 26px 22px;display:flex;justify-content:space-between;gap:10px;color:#56737f;font-size:9px;letter-spacing:.06em}@media(max-width:950px){.workspace{grid-template-columns:minmax(0,1fr)}.stage{min-height:72vh}.inspector{height:auto;min-height:initial;overflow:visible}.settings{max-width:800px;display:block}.topbar-right{gap:10px}.tip{display:none}}@media(max-width:570px){.topbar{height:65px;padding:0 16px}.topbar-right .signal{display:none}.brand{gap:9px}.brand strong{font-size:10px}.brand small{font-size:8px}.stage{min-height:65vh}.stage-label{top:22px;left:17px}.stage-label h1{font-size:36px;margin:13px 0}.microdata{right:15px;top:23px;font-size:8px;gap:7px}.stage-bottom{left:16px;bottom:22px;right:16px}.action{padding:11px;min-width:70px;font-size:9px}.buttons{width:100%;justify-content:space-between}.inspector-title,.settings{padding-left:19px;padding-right:19px}}