*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#010202;overflow:hidden}body{color:#bed9cb;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#app-shell{width:100%;height:100%;display:flex;align-items:stretch}#stage{position:relative;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}#canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 38%,rgba(170,214,192,.1),transparent 28%),linear-gradient(to bottom,rgba(255,120,70,.02),transparent 12%,transparent 88%,rgba(255,120,70,.015)),repeating-linear-gradient(to right,rgba(180,220,200,.012) 0 1px,transparent 1px 96px);mix-blend-mode:screen;opacity:.32}#stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 58%,rgba(0,0,0,.08) 100%),repeating-linear-gradient(to bottom,rgba(255,255,255,.005) 0 1px,transparent 1px 3px)}#panel-drawer{width:0;overflow:hidden;background:#0b1210;border-left:1px solid rgba(170,206,187,.2);transition:width .22s ease;display:flex;flex-direction:column}body.panel-open #panel-drawer{width:360px}#panel-header{flex:0 0 auto;height:48px;border-bottom:1px solid rgba(170,206,187,.2);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:#101a17}#panel-title{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#cde4d8}#panel-close-btn,#panel-open-btn{border:1px solid rgba(170,206,187,.4);background:#14211d;color:#d8efe3;padding:6px 10px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}#panel-close-btn:hover,#panel-open-btn:hover{background:#1a2b25}#panel-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px}#panel-open-btn{position:fixed;top:10px;right:10px;z-index:20}body.panel-open #panel-open-btn{display:none}#controls{width:100%}.ctrl-section{border:1px solid rgba(166,204,184,.22);background:#0a120fc7;margin-bottom:10px;padding:8px}.ctrl-heading{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#c9e3d6;margin-bottom:8px}.ctrl-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;margin-bottom:8px}.ctrl-label{font-size:11px;color:#adc8ba}.ctrl-value{font-size:11px;color:#d8eee2}.ctrl-slider{grid-column:1 / -1;width:100%;accent-color:#9ec8b4}.ctrl-color{width:38px;height:22px;border:1px solid rgba(185,218,200,.45);background:transparent;padding:1px}