#sbody{--c-bg:#0b0d18;--c-surface:#10121e;--c-panel:#0d0f1a;--c-border:#1c1f33;--c-border2:#252843;--c-text:#c0c8e4;--c-muted:#505878;--c-dim:#2a2e48;--c-accent:#00c8e8;--c-accent2:#9b72f8;--c-accentd:#008baa;--c-success:#34d399;--c-warn:#f59e0b;--c-code-bg:#070912;--sidebar-w:272px;--r:6px;--font-ui:"Barlow Condensed","Arial Narrow",sans-serif;--font-body:"Barlow Semi Condensed",sans-serif;--font-code:"Fira Code","Consolas",monospace}#sbody *,#sbody :after,#sbody :before{box-sizing:border-box;margin:0;padding:0}#sbody{background:var(--c-bg);color:var(--c-text);display:flex;font-family:var(--font-ui);font-size:15px;height:100%;letter-spacing:.02em;overflow:hidden}#sbody .font-heading,#sbody h1,#sbody h2,#sbody h3,#sbody h4,#sbody h5,#sbody h6{font-family:var(--font-ui)!important}#sbody ::-webkit-scrollbar{height:5px;width:5px}#sbody ::-webkit-scrollbar-track{background:transparent}#sbody ::-webkit-scrollbar-thumb{background:var(--c-dim);border-radius:3px}#sbody .sidebar{background:var(--c-panel);border-right:1px solid var(--c-border);display:flex;flex-direction:column;min-width:var(--sidebar-w);overflow:hidden;position:relative;width:var(--sidebar-w)}#sbody .sidebar:after{background:linear-gradient(180deg,var(--c-accent) 0,transparent 60%);content:"";height:100%;opacity:.25;pointer-events:none;position:absolute;right:0;top:0;width:1px}#sbody .sidebar-head{border-bottom:1px solid var(--c-border);flex-shrink:0;padding:16px 18px 14px}#sbody .sidebar-head h1{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:9px;letter-spacing:.12em;text-transform:uppercase}#sbody .logo-glyph{background:var(--c-accent);border-radius:3px;display:grid;flex-shrink:0;gap:2px;grid-template-columns:repeat(4,1fr);height:22px;padding:3px;width:22px}#sbody .logo-glyph span{background:var(--c-panel);border-radius:1px;display:block}#sbody .logo-glyph span:nth-child(2n){background:rgba(0,200,232,.4)}#sbody .sidebar-head p{color:var(--c-muted);font-family:var(--font-code);font-size:12px;margin-top:3px}#sbody .sidebar-body{flex:1;overflow-y:auto;padding-bottom:16px}#sbody .s-sec{border-bottom:1px solid var(--c-border);padding:12px 18px}#sbody .s-lbl{align-items:center;color:var(--c-muted);display:flex;font-size:10px;font-weight:700;gap:7px;letter-spacing:.14em;margin-bottom:9px;text-transform:uppercase}#sbody .s-lbl:before{background:var(--c-accent);border-radius:1px;content:"";display:block;flex-shrink:0;height:11px;width:2px}#sbody .upload-zone{background:hsla(0,0%,100%,.02);border:1.5px dashed var(--c-border2);border-radius:var(--r);cursor:pointer;padding:14px 12px 12px;position:relative;text-align:center;transition:all .18s}#sbody .upload-zone.drag,#sbody .upload-zone:hover{background:rgba(0,200,232,.05);border-color:var(--c-accent)}#sbody .upload-zone input{cursor:pointer;inset:0;opacity:0;position:absolute}#sbody .uz-icon{font-size:20px;margin-bottom:5px}#sbody .uz-text{color:var(--c-muted);font-size:12px}#sbody .file-badge,#sbody .uz-text strong{color:var(--c-accent)}#sbody .file-badge{align-items:center;background:rgba(0,200,232,.07);border:1px solid rgba(0,200,232,.15);border-radius:var(--r);display:none;font-family:var(--font-code);font-size:11px;gap:8px;margin-top:8px;overflow:hidden;padding:6px 10px}#sbody .file-badge.visible{display:flex}#sbody .file-badge .fname{color:#7ae8f8;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#sbody .file-badge .fdims{color:var(--c-muted);flex-shrink:0;font-size:10px}#sbody select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:hsla(0,0%,100%,.04);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5'%3E%3Cpath fill='%23505878' d='m0 0 4.5 5L9 0z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--c-border2);border-radius:var(--r);color:var(--c-text);cursor:pointer;font-family:var(--font-ui);font-size:13px;letter-spacing:.04em;outline:none;padding:7px 28px 7px 10px;transition:border-color .15s;width:100%}#sbody select:focus{border-color:var(--c-accent)}#sbody select optgroup{background:#12152a;font-family:var(--font-ui)}#sbody select option{background:#12152a}#sbody .disp-chip{background:hsla(0,0%,100%,.02);border:1px solid var(--c-border2);border-radius:var(--r);display:none;line-height:1.5;margin-top:8px;padding:7px 10px}#sbody .disp-chip.visible{display:block}#sbody .disp-chip .dc-name{color:#e0e8ff;font-size:13px;font-weight:700}#sbody .disp-chip .dc-meta{color:var(--c-muted);font-family:var(--font-code);font-size:11px;margin-top:1px}#sbody .dc-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}#sbody .dc-badge{border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.08em;padding:2px 7px;text-transform:uppercase}#sbody .b-vfd{background:rgba(0,160,200,.15);border:1px solid rgba(0,160,200,.3);color:#5ad8f0}#sbody .b-oled{background:rgba(100,120,255,.12);border:1px solid rgba(100,120,255,.25);color:#8aadff}#sbody .b-lcd{background:rgba(60,140,70,.15);border:1px solid rgba(60,140,70,.3);color:#70c87a}#sbody .b-led{background:rgba(200,80,0,.15);border:1px solid rgba(200,80,0,.3);color:#f84}#sbody .b-epaper{background:hsla(48,25%,61%,.12);border:1px solid hsla(48,25%,61%,.25);color:#c4ba8a}#sbody .b-tft{background:rgba(220,60,30,.14);border:1px solid rgba(220,60,30,.28);color:#f75}#sbody .b-ws{background:rgba(30,180,60,.12);border:1px solid rgba(30,180,60,.28);color:#4e8}#sbody .b-sharp{background:rgba(160,200,240,.1);border:1px solid rgba(160,200,240,.22);color:#ace}#sbody .b-dim{background:hsla(240,9%,43%,.1);border:1px solid var(--c-border2);color:var(--c-muted)}#sbody #ws2812Config{display:none;margin-top:9px}#sbody #ws2812Config.visible{display:block}#sbody .ws-grid{display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-top:4px}#sbody .ws-opt{background:hsla(0,0%,100%,.03);border:1px solid var(--c-border2);border-radius:4px;color:var(--c-muted);cursor:pointer;font-family:var(--font-code);font-size:10px;line-height:1.3;padding:5px 6px;text-align:center;transition:all .13s}#sbody .ws-opt:hover:not(.active){background:hsla(0,0%,100%,.06);color:var(--c-text)}#sbody .ws-opt.active{background:rgba(44,238,136,.1);border-color:rgba(44,238,136,.3);color:#4e8}#sbody .ctrl-row{margin-top:9px}#sbody input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--c-accent) var(--pct,50%),var(--c-dim) var(--pct,50%));border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}#sbody input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--c-accent);border:2px solid var(--c-panel);border-radius:50%;box-shadow:0 0 8px rgba(0,200,232,.5);height:13px;-webkit-transition:transform .1s;transition:transform .1s;width:13px}#sbody input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}#sbody .cb-row{align-items:center;cursor:pointer;display:flex;gap:9px;margin-top:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#sbody .cb-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:hsla(0,0%,100%,.03);border:1.5px solid var(--c-border2);border-radius:3px;cursor:pointer;flex-shrink:0;height:15px;position:relative;transition:all .15s;width:15px}#sbody .cb-row input[type=checkbox]:checked{background:var(--c-accent);border-color:var(--c-accent)}#sbody .cb-row input[type=checkbox]:checked:after{border:2px solid #000;border-left:none;border-top:none;content:"";height:8px;left:3px;position:absolute;top:1px;transform:rotate(40deg);width:5px}#sbody .cb-row span{color:var(--c-muted);font-size:12px;letter-spacing:.05em}#sbody .rot-grid{display:grid;gap:4px;grid-template-columns:repeat(4,1fr);margin-top:2px}#sbody .rot-btn{background:hsla(0,0%,100%,.03);border:1px solid var(--c-border2);border-radius:4px;color:var(--c-muted);cursor:pointer;font-family:var(--font-code);font-size:11px;padding:5px 2px;text-align:center;transition:all .13s}#sbody .rot-btn.active{background:rgba(0,200,232,.15);border-color:rgba(0,200,232,.35);color:var(--c-accent)}#sbody .rot-btn:hover:not(.active){background:hsla(0,0%,100%,.06);color:var(--c-text)}#sbody .btn{align-items:center;border:none;border-radius:var(--r);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:13px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.06em;padding:9px 14px;text-transform:uppercase;transition:all .15s}#sbody .btn-primary{background:var(--c-accent);box-shadow:0 2px 16px rgba(0,200,232,.2);color:#000;width:100%}#sbody .btn-primary:hover{background:#10daf8;box-shadow:0 4px 20px rgba(0,200,232,.35)}#sbody .btn-primary:disabled{background:var(--c-dim);box-shadow:none;color:var(--c-muted);cursor:default}#sbody .btn-sm{background:hsla(0,0%,100%,.04);border:1px solid var(--c-border2);color:var(--c-muted);flex:1;font-size:11px;padding:6px 8px}#sbody .btn-sm:hover:not(:disabled){background:hsla(0,0%,100%,.08);border-color:var(--c-accent);color:var(--c-text)}#sbody .btn-sm:disabled{cursor:default;opacity:.35}#sbody .pane{display:flex;flex-direction:column;overflow:hidden}#sbody .pane-header,#sbody .preview-pane{border-bottom:1px solid var(--c-border)}#sbody .pane-header{align-items:center;background:var(--c-panel);display:flex;flex-shrink:0;gap:10px;height:40px;padding:0 14px}#sbody .pane-title{color:var(--c-muted);flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}#sbody .tab-group{background:rgba(0,0,0,.3);border-radius:5px;display:flex;gap:1px;padding:2px}#sbody .tab-btn{background:transparent;border:none;border-radius:4px;color:var(--c-muted);cursor:pointer;font-family:var(--font-code);font-size:11px;letter-spacing:.03em;padding:3px 12px;transition:all .13s}#sbody .tab-btn.active{background:rgba(0,200,232,.15);color:var(--c-accent)}#sbody .pa-btn{align-items:center;background:transparent;border:1px solid var(--c-border2);border-radius:4px;color:var(--c-muted);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:10px;gap:4px;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase;transition:all .13s}#sbody .pa-btn:hover:not(:disabled){background:rgba(0,200,232,.07);border-color:var(--c-accent);color:var(--c-accent)}#sbody .pa-btn:disabled{cursor:default;opacity:.3}#sbody .display-stage{align-items:center;background:radial-gradient(ellipse at 50% 40%,#0e1428 0,#070912 55%,#04060e 100%);display:flex;flex:1;justify-content:center;overflow:hidden;position:relative}#sbody .stage-empty{align-items:center;color:var(--c-dim);display:flex;flex-direction:column;gap:8px;pointer-events:none}#sbody .stage-empty .se-icon{font-size:36px;opacity:.5}#sbody .stage-empty .se-text{font-size:12px;letter-spacing:.08em;text-transform:uppercase}#sbody .stage-empty .se-hint{color:var(--c-muted);font-family:var(--font-code);font-size:10px}#sbody #previewCanvas{animation:fadeIn .25s ease;border-radius:4px;display:none;max-height:calc(100% - 32px);max-width:calc(100% - 32px)}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}#sbody #cropOverlay{background:#000;display:none;flex-direction:column;inset:0;overflow:hidden;position:absolute}#sbody #cropOverlay.active{display:flex}#sbody .crop-editor-region{cursor:-webkit-grab;cursor:grab;flex:1;min-height:0;overflow:hidden;position:relative}#sbody .crop-editor-region.grabbing{cursor:-webkit-grabbing!important;cursor:grabbing!important}#sbody #cropCanvas{display:block;height:100%;touch-action:none;width:100%}#sbody .crop-bar{align-items:center;background:rgba(4,6,18,.92);border-bottom:1px solid var(--c-border);border-top:1px solid var(--c-border);display:flex;flex-shrink:0;gap:8px;padding:6px 12px}#sbody .crop-bar-hint{color:var(--c-muted);flex:1;font-family:var(--font-code);font-size:10px;letter-spacing:.04em;pointer-events:none}#sbody .crop-zoom-val{font-size:11px;min-width:42px;text-align:right}#sbody .crop-bar-btn,#sbody .crop-zoom-val{color:var(--c-accent);flex-shrink:0;font-family:var(--font-code)}#sbody .crop-bar-btn{background:rgba(0,200,232,.07);border:1px solid rgba(0,200,232,.25);border-radius:4px;cursor:pointer;font-size:10px;letter-spacing:.05em;padding:3px 10px;transition:all .13s}#sbody .crop-bar-btn:hover{background:rgba(0,200,232,.18);border-color:rgba(0,200,232,.5)}#sbody #cropZoomSlider{flex-shrink:0;width:90px}#sbody .crop-preview-strip{align-items:center;background:radial-gradient(ellipse at 50% 60%,#0a0e1e 0,#04060e 100%);display:flex;flex-shrink:0;gap:12px;justify-content:center;min-height:60px;overflow:hidden;padding:10px 16px 12px}#sbody .cpstrip-label{color:var(--c-muted);flex-shrink:0;font-family:var(--font-code);font-size:9px;letter-spacing:.1em;text-transform:uppercase;transform:rotate(180deg);-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}#sbody #pipCanvas{border-radius:3px;flex-shrink:0;image-rendering:-moz-crisp-edges;image-rendering:pixelated}#sbody .ph-crop-toggle{background:transparent;border:1px solid var(--c-border2);border-radius:4px;color:var(--c-muted);cursor:pointer;display:none;font-family:var(--font-code);font-size:10px;letter-spacing:.04em;margin-right:4px;padding:3px 10px;transition:all .13s}#sbody .ph-crop-toggle:hover{background:rgba(0,200,232,.07);border-color:var(--c-accent);color:var(--c-accent)}#sbody .ph-crop-toggle.crop-active{background:rgba(0,200,232,.12);border-color:rgba(0,200,232,.4);color:var(--c-accent)}#sbody .code-scroll{background:var(--c-code-bg)}#sbody #codeOutput{color:#8090b8;font-family:var(--font-code);font-size:12px;line-height:1.7;padding:14px 18px;-moz-tab-size:2;tab-size:2;white-space:pre}#sbody i.kw{color:#7ba3f8;font-style:normal}#sbody i.pp{color:#c084fc;font-style:normal}#sbody i.ty{color:#4dddbb;font-style:normal}#sbody i.cm{color:#384a60;font-style:normal}#sbody i.st{color:#d4a574;font-style:normal}#sbody i.nm{color:#8fca9a;font-style:normal}#sbody i.hl{color:var(--c-text);font-style:normal;font-weight:500}#sbody .resize-handle{background:var(--c-border);cursor:ns-resize;flex-shrink:0;height:5px;position:relative}#sbody .resize-handle:hover{background:var(--c-accent)}@media(max-width:680px){#sbody{flex-direction:column}#sbody .sidebar{height:auto;max-height:48vh;min-width:0;overflow-y:auto;width:100%}#sbody .preview-pane{flex:0 0 180px}}#sbody .workspace{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}#sbody .preview-pane{flex:0 0 50vh;min-height:0}#sbody .code-pane{flex:1;min-height:0}#sbody .code-scroll{flex:1;min-height:0;overflow:auto}