:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:#f4fbf2;background:#070806;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}button,input,summary,select{font:inherit}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(30,181,143,.15),transparent 30%),linear-gradient(135deg,#070806,#10110d 44%,#050606)}.viewport{position:absolute;top:0;right:0;bottom:0;left:0}.viewport canvas{display:block;width:100%;height:100%;cursor:grab}.viewport canvas:active{cursor:grabbing}.title-lockup{position:absolute;top:clamp(18px,4vw,44px);left:clamp(18px,4.5vw,58px);padding-bottom:3px;pointer-events:none;text-shadow:0 12px 36px rgba(0,0,0,.7)}.eyebrow{display:block;margin-bottom:4px;color:#9fe9d5;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#fbfff7;font-size:clamp(2rem,5.5vw,5.8rem);font-weight:760;line-height:1.12;letter-spacing:0}.control-bar{position:absolute;right:clamp(14px,3vw,36px);bottom:clamp(14px,3vw,34px);width:min(380px,calc(100vw - 28px));padding:16px;border:1px solid rgba(244,251,242,.13);border-radius:8px;background:#090a08c2;box-shadow:0 24px 70px #00000061;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.control-row{display:grid;grid-template-columns:64px minmax(0,1fr) 68px;align-items:center;min-height:38px;gap:12px;color:#f4fbf2d1;font-size:.88rem}.select-row{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;min-height:40px;gap:12px;margin-bottom:6px;color:#f4fbf2d1;font-size:.88rem}.select-row select{width:100%;min-width:0;height:34px;border:1px solid rgba(244,251,242,.16);border-radius:8px;color:#f8fff3;background:#ffffff14;padding:0 10px;cursor:pointer}.advanced-controls{margin-top:8px;border-top:1px solid rgba(244,251,242,.12);border-bottom:1px solid rgba(244,251,242,.12)}.advanced-controls summary{display:grid;grid-template-columns:16px 82px minmax(0,1fr);align-items:center;min-height:38px;gap:10px;color:#f4fbf2db;cursor:pointer;font-size:.88rem;list-style:none}.advanced-controls summary::-webkit-details-marker{display:none}.advanced-controls summary:before{content:"›";display:inline-grid;width:16px;height:16px;grid-column:1;grid-row:1;place-items:center;color:#9fe9d5;transform:rotate(0);transition:transform .16s ease}.advanced-controls[open] summary:before{transform:rotate(90deg)}.advanced-controls summary span{grid-column:2;grid-row:1;font-weight:650}.advanced-controls summary strong{grid-column:3;grid-row:1;min-width:0;overflow:hidden;color:#f8fff3b8;font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:600;text-align:right;text-overflow:ellipsis;white-space:nowrap}.slider-stack{display:grid;gap:2px;padding-bottom:10px}.control-row strong{color:#f8fff3;font-size:.84rem;font-variant-numeric:tabular-nums;font-weight:650;text-align:right}input[type=range]{width:100%;accent-color:#29d1a7}.actions{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:10px}.toggle-stack{display:grid;gap:8px}.switch-row{display:inline-flex;align-items:center;gap:9px;color:#f4fbf2db;font-size:.9rem;font-weight:600}.switch-row input{width:18px;height:18px;accent-color:#f0ad43}button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid rgba(244,251,242,.18);border-radius:8px;color:#f7fff1;background:#ffffff14;cursor:pointer}button:hover{border-color:#9fe9d5b8;background:#29d1a726}button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid #f0ad43;outline-offset:3px}@media(max-width:720px){.app-shell{background:radial-gradient(circle at 50% 42%,rgba(30,181,143,.16),transparent 36%),linear-gradient(160deg,#070806,#11120e 52%,#050606)}.title-lockup{top:16px;left:16px}.control-bar{right:12px;bottom:70px;left:12px;width:auto;padding:13px}.control-row{grid-template-columns:58px minmax(96px,1fr) 60px;gap:8px;min-height:36px;font-size:.82rem}.select-row{grid-template-columns:58px minmax(0,1fr);gap:8px;min-height:36px;margin-bottom:4px;font-size:.82rem}.select-row select{height:32px}.advanced-controls{margin-top:6px}.advanced-controls summary{grid-template-columns:16px 72px minmax(0,1fr);min-height:36px;gap:8px;font-size:.82rem}.advanced-controls summary strong{font-size:.74rem}.slider-stack{padding-bottom:8px}}