.app{display:flex;background:var(--background-color);color:var(--text-main-color);flex-direction:column;height:100%}.toolbar{display:flex;background:var(--panel-color);border-bottom:var(--border);flex-shrink:0;align-items: center;gap:8px;padding:6px 8px}.toolbar-title{font-family:var(--font-pixel);text-transform:uppercase;color:var(--text-main-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px}.toolbar-path{color:var(--text-secondary-color);font-size:11px;font-weight:500}.btn{background:var(--background-color);color:var(--text-main-color);border:2px solid var(--border-color);cursor:pointer;font-family:var(--font-pixel);text-transform:uppercase;padding:4px 10px;font-size:10px}.btn:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-contrast)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){filter:brightness(1.15)}.btn-danger{color:var(--danger-color);border-color:var(--danger-color)}.btn-danger:hover:not(:disabled){background:var(--danger-color);border-color:var(--danger-color);color:var(--accent-contrast)}.content{overflow:auto;flex:1;min-height:0}.split{display:grid;grid-template-columns:1fr;flex:1;min-height:0}.split:has([data-active=true]+[data-active=true]){grid-template-columns:1fr 1fr}.split [data-active=false]{display:none}.split>*{overflow:hidden;min-width:0;height:100%;min-height:0}.split>:nth-child(2){border-left:var(--border)}.empty-state{display:flex;color:var(--text-secondary-color);flex-direction:column;justify-content:center;align-items: center;gap:12px;height:100%;padding:40px}.empty-state-icon{font-size:48px}.empty-state-text{text-align:center;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.error-banner{background:var(--panel-color);color:var(--danger-color);font-size:11px;font-family:var(--font-mono);border-top:2px solid var(--danger-color);white-space:pre-wrap;word-break:break-word;overflow:auto;flex-shrink:0;max-height:80px;margin:0;padding:6px 8px}.context-menu{position:fixed;background:var(--panel-color);border:var(--border);box-shadow:var(--shadow);z-index:1000;min-width:180px;padding:0}.context-menu-item{cursor:pointer;font-family:var(--font-pixel);text-transform:uppercase;color:var(--text-main-color);padding:8px 12px;font-size:10px}.context-menu-item:hover{background:var(--accent-color);color:var(--accent-contrast)}.context-menu-item-danger{color:var(--danger-color)}.context-menu-item-danger:hover{background:var(--danger-color);color:var(--accent-contrast)}.list-item{display:flex;background:var(--background-color);border:2px solid var(--border-color);cursor:pointer;align-items: center;gap:10px;margin-bottom:4px;padding:8px 10px}.list-item:hover{background:var(--highlight-color);border-color:var(--accent-color)}.list-item.selected{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-contrast)}.list-item-icon{font-size:24px;line-height:1}.list-item-info{flex:1;min-width:0}.list-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.list-item-meta{color:var(--text-secondary-color);margin-top:2px;font-size:10px}.list-item.selected .list-item-meta{color:var(--accent-contrast);opacity:.7}.sdk-input{border:2px solid var(--border-color);background:var(--background-color);color:var(--text-main-color);outline:none;padding:4px 8px;font-family:inherit;font-size:13px}.sdk-input:focus{border-color:var(--accent-color);box-shadow:2px 2px 0 var(--accent-color)}.sdk-text{font-size:13px}.sdk-text-sm{font-size:11px}.sdk-text-md{font-size:13px}.sdk-text-lg{font-size:16px}.sdk-text-xl{font-size:20px}.sdk-text-bold{font-weight:700}.sdk-text-muted{color:var(--text-secondary-color)}.sdk-heading{text-transform:uppercase;letter-spacing:1px;border-bottom:3px solid var(--border-color);margin:0 0 8px;padding-bottom:6px;font-weight:900}.sdk-divider{border:none;border-top:2px solid var(--border-color);margin:12px 0}.sdk-checkbox{display:flex;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;align-items: center;gap:6px;font-size:13px;font-weight:700}.sdk-checkbox input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;width:16px;height:16px}.pixel-icon,.pixel-glyph{display:block;image-rendering:pixelated}.pixel-glyph{display:inline-block;vertical-align:middle}.icon-text{font-size:24px;line-height:1}.list-item-icon .pixel-icon{width:24px;height:24px}.context-menu-item{display:flex;align-items: center;gap:8px}.btn{display:inline-flex;align-items: center;gap:6px}.window-footer-command .icon-text{font-size:11px}.topnav-dropdown-icon .icon-text{font-size:12px}html,body{margin:0;padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{--background-color:#1a1b26;--panel-color:#16161e;--surface-color:#24283b;--border-color:#414868;--text-main-color:#c0caf5;--text-secondary-color:#565f89;--accent-color:#7aa2f7;--accent-contrast:#16161e;--danger-color:#f7768e;--highlight-color:#292e42;--code-bg:#0f0f16;--green:#9ece6a;--yellow:#e0af68;--orange:#ff9e64;--cyan:#7dcfff;--purple:#bb9af7;--red:#f7768e;--shadow:0 12px 36px #06060a80,0 2px 6px #06060a59;--shadow-focused:0 22px 60px #06060a99,0 4px 12px #06060a66;--radius:0px;--border:2px solid var(--border-color);--font-mono:"JetBrains Mono","SF Mono",Menlo,Consolas,monospace;--font-pixel:"Silkscreen","JetBrains Mono",monospace}body{font-family:var(--font-mono);width:100vw;height:100vh}#ospark{background-color:var(--background-color);overflow:hidden;position:relative;color:var(--text-main-color);width:100vw;height:100vh;font-size:13px}.floating-container{position:absolute;display:none;z-index:10;pointer-events:none;inset:44px 0 0}.floating-window{position:absolute;overflow:hidden;border:var(--border);box-shadow:var(--shadow);pointer-events:auto;background:var(--background-color)}.floating-window.focused{border-color:var(--accent-color);box-shadow:var(--shadow-focused)}.floating-window .window{width:100%;height:100%}.floating-window .window-top{cursor:grab}.floating-window .window-top:active{cursor:grabbing}.floating-window .resize-handle{position:absolute;z-index:10}.resize-n{cursor:n-resize;height:5px;top:0;left:10px;right:10px}.resize-s{cursor:s-resize;height:5px;bottom:0;left:10px;right:10px}.resize-e{cursor:e-resize;width:5px;top:10px;bottom:10px;right:0}.resize-w{cursor:w-resize;width:5px;top:10px;bottom:10px;left:0}.resize-nw{cursor:nw-resize;width:10px;height:10px;top:0;left:0}.resize-ne{cursor:ne-resize;width:10px;height:10px;top:0;right:0}.resize-sw{cursor:sw-resize;width:10px;height:10px;bottom:0;left:0}.resize-se{cursor:nwse-resize;width:10px;height:10px;bottom:0;right:0}.sparks-viewer{background:var(--background-color);color:var(--text-main-color);font-family:var(--font-mono);overflow-y:auto;height:100%;padding:8px;font-size:12px}.sparks-group{margin-bottom:4px}.sparks-group-header{display:flex;cursor:pointer;color:var(--purple);user-select:none;align-items: center;gap:4px;padding:2px 4px;font-weight:700}.sparks-group-header:hover{background:var(--highlight-color)}.sparks-row{display:flex;cursor:pointer;align-items: center;gap:8px;padding:2px 4px}.sparks-row:hover{background:var(--highlight-color)}.sparks-name{color:var(--green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:120px}.sparks-value{color:var(--yellow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sparks-type{color:var(--text-secondary-color);flex-shrink:0;font-size:10px}.sparks-empty{color:var(--text-secondary-color);text-align:center;padding:20px}.preview-content{display:flex;overflow:auto;flex:1;justify-content:center;align-items: center;min-height:0;padding:10px}.preview-image,.preview-video{object-fit:contain;border:var(--border);max-width:100%;max-height:100%}.preview-audio-container{display:flex;flex-direction:column;align-items: center;gap:24px;padding:40px}.preview-audio-icon{font-size:80px}.preview-audio{width:100%;max-width:400px}.c-editor{position:relative;overflow:hidden;width:100%;height:100%}.c-editor pre{position:absolute;font-family:var(--font-mono);tab-size:4;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;letter-spacing:normal;overflow:auto;border:0;width:100%;height:100%;margin:0;padding:10px;font-size:13px;line-height:1.6;top:0;left:0}.c-editor textarea{position:absolute;font-family:var(--font-mono);tab-size:4;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;letter-spacing:normal;overflow:auto;border:0;width:100%;height:100%;margin:0;padding:10px;font-size:13px;line-height:1.6;top:0;left:0}.c-editor pre{z-index:0;pointer-events:none;overflow:hidden;color:var(--text-main-color);background:var(--code-bg)}.c-editor textarea{z-index:1;overflow:auto;color:#0000;caret-color:var(--accent-color);resize:none;outline:none;-webkit-text-fill-color:transparent;background:0 0}.c-editor .syn-md-heading{text-transform:uppercase;font-weight:900}.c-editor .syn-md-bold{font-weight:900}.c-editor .syn-md-italic{font-style:italic}.c-editor .syn-md-code{background:var(--surface-color);color:var(--green)}.c-editor .syn-md-link{text-decoration:underline}.c-editor .syn-md-image{text-decoration:underline}.c-editor .syn-md-quote{border-left:3px solid var(--border-color);color:var(--text-secondary-color);padding-left:4px}.c-editor .syn-md-list{font-weight:700}.c-editor .syn-glsl-comment{color:var(--text-secondary-color)}.c-editor .syn-glsl-preprocessor{font-weight:900}.c-editor .syn-glsl-keyword{color:var(--purple);font-weight:700}.c-editor .syn-glsl-builtin{text-decoration:underline}.c-editor .syn-glsl-function{font-weight:700}.c-editor .syn-glsl-number{color:var(--orange)}.c-editor .syn-glsl-swizzle{text-decoration:underline dotted}.c-editor .syn-app-comment{color:var(--text-secondary-color)}.c-editor .syn-app-tag{font-weight:900}.c-editor .syn-app-keyword{color:var(--purple);font-weight:700}.c-editor .syn-app-builtin{text-decoration:underline}.c-editor .syn-app-function{font-weight:700}.c-editor .syn-app-number{color:var(--orange)}.c-editor .syn-app-string{color:var(--green)}.c-editor .syn-beat-comment{color:var(--text-secondary-color)}.c-editor .syn-beat-keyword{color:var(--purple);font-weight:700}.c-editor .syn-beat-builtin{text-decoration:underline}.c-editor .syn-beat-function{font-weight:700}.c-editor .syn-beat-number{color:var(--orange)}.c-editor .syn-beat-string{color:var(--green)}.c-editor .syn-slang-comment{color:var(--text-secondary-color);font-style:italic}.c-editor .syn-slang-string{color:var(--green)}.c-editor .syn-slang-keyword{color:var(--purple);font-weight:700}.c-editor .syn-slang-command{color:var(--purple);text-decoration:underline;text-underline-offset:2px}.c-editor .syn-slang-bool{color:var(--orange);font-weight:700}.c-editor .syn-slang-widget{color:var(--yellow);font-weight:700}.c-editor .syn-slang-builtin{color:var(--cyan)}.c-editor .syn-slang-binding{color:var(--accent-color)}.c-editor .syn-slang-signal{color:var(--accent-color)}.c-editor .syn-slang-input{color:var(--accent-color)}.c-editor .syn-slang-fn{color:var(--accent-color);font-weight:700}.c-editor .syn-slang-path{color:var(--cyan);font-style:italic}.c-editor .syn-slang-number{color:var(--orange)}.c-editor .syn-slang-operator{color:var(--text-secondary-color);font-weight:700}.c-editor .syn-slang-paren{color:var(--text-main-color);font-weight:700}.c-editor .syn-slang-punctuation{color:var(--border-color)}.c-editor .syn-lit-comment{color:var(--text-secondary-color)}.c-editor .syn-lit-keyword{color:var(--purple);font-weight:700}.c-editor .syn-lit-function{color:var(--accent-color);font-weight:700}.c-editor .syn-lit-number{color:var(--orange)}.c-editor .syn-lit-string{color:var(--green)}.c-editor .syn-lit-heading{text-transform:uppercase;font-weight:900}.c-editor .syn-lit-bold{font-weight:900}.c-editor .syn-lit-italic{font-style:italic}.c-editor .syn-lit-code{background:var(--surface-color);color:var(--green)}.c-editor .syn-lit-link{text-decoration:underline}.c-editor .syn-lit-path{color:var(--cyan);font-weight:700}.c-editor .syn-lit-blockDelim{color:var(--accent-color);font-weight:700}.preview-md{overflow:auto;background:var(--background-color);color:var(--text-main-color);max-width:640px;height:100%;padding:24px 20px;font-size:13px;line-height:1.7}.preview-md h1{text-transform:uppercase;letter-spacing:2px;border-bottom:3px solid var(--accent-color);margin:0 0 16px;padding-bottom:8px;font-size:22px;font-weight:700;line-height:1.2}.preview-md h2{text-transform:uppercase;letter-spacing:1px;color:var(--accent-color);margin:24px 0 12px;font-size:16px;font-weight:700;line-height:1.3}.preview-md h3{text-transform:uppercase;letter-spacing:.5px;color:var(--purple);margin:20px 0 8px;font-size:14px;font-weight:700;line-height:1.3}.preview-md p{margin:0 0 12px}.preview-md strong{color:#fff;font-weight:700}.preview-md em{font-style:italic}.preview-md a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px}.preview-md a:hover{background:var(--accent-color);color:var(--accent-contrast)}.preview-md ul{margin:0 0 12px;padding-left:20px}.preview-md ol{margin:0 0 12px;padding-left:20px}.preview-md ul{list-style:square}.preview-md ol{list-style:decimal}.preview-md li{margin-bottom:4px;padding-left:4px}.preview-md li::marker{color:var(--accent-color)}.preview-md blockquote{border-left:4px solid var(--accent-color);background:var(--surface-color);margin:0 0 12px;padding:8px 12px;font-style:italic}.preview-md hr{border:none;border-top:2px solid var(--border-color);margin:20px 0}.preview-md pre{background:var(--code-bg);border:2px solid var(--border-color);overflow-x:auto;margin:0 0 12px;padding:10px 12px;font-size:12px;line-height:1.5}.preview-md code{font-family:var(--font-mono);background:var(--code-bg);color:var(--green);border:1px solid var(--border-color);padding:1px 4px;font-size:12px}.preview-md pre code{color:inherit;background:0 0;border:none;padding:0}.preview-frag{position:relative;background:#000;height:100%}.preview-frag-canvas{display:block;width:100%;height:100%}.preview-frag-error{position:absolute;bottom:0;left:0;right:0}.preview-beat{position:relative;background:var(--background-color);display:flex;font-family:var(--font-mono);color:var(--text-main-color);flex-direction:column;height:100%}.preview-beat-toolbar{display:flex;background:var(--panel-color);border-bottom:var(--border);flex-shrink:0;align-items: center;gap:0;padding:0;font-size:12px}.preview-beat-toolbar button{border:none;border-right:2px solid var(--border-color);cursor:pointer;color:var(--text-main-color);font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;background:0 0;padding:6px 12px}.preview-beat-toolbar button:hover{background:var(--highlight-color)}.preview-beat-toolbar .beat-info{color:var(--text-secondary-color);text-transform:uppercase;letter-spacing:1px;padding:0 8px;font-size:11px}.preview-beat-toolbar .beat-info span{color:var(--text-main-color);font-weight:700}.preview-beat-canvas{display:block;background:var(--surface-color);flex:1;width:100%;min-height:0}.beat-track-list{border-top:var(--border);background:var(--panel-color);overflow-y:auto;flex-shrink:0;max-height:40%;padding:0}.beat-track-row{display:flex;font-family:var(--font-mono);border-bottom:1px solid var(--highlight-color);align-items: center;gap:0;padding:0;font-size:11px}.beat-track-row.muted .beat-track-name{color:var(--text-secondary-color);text-decoration:line-through}.beat-track-row.muted .beat-step.active{background:var(--surface-color);color:var(--text-secondary-color)}.beat-mute-btn{border:none;border-right:1px solid var(--highlight-color);cursor:pointer;color:var(--text-secondary-color);background:0 0;flex-shrink:0;padding:4px 6px;line-height:0}.beat-mute-btn:hover{color:var(--text-main-color)}.beat-track-row.muted .beat-mute-btn{color:var(--red)}.beat-track-name{color:var(--text-main-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:1px;flex-shrink:0;width:56px;padding:0 6px;font-size:9px;font-weight:700}.beat-steps{display:flex;flex:1;gap:1px;min-width:0}.beat-step{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:3px 1px;transition:background 50ms;font-size:9px;line-height:1.3}.beat-step.active{background:var(--surface-color);color:var(--text-main-color);font-weight:700}.beat-step.rest{background:var(--background-color);color:var(--border-color)}.beat-step.playing{background:var(--accent-color);color:var(--accent-contrast)}.beat-step.playing.rest{background:var(--highlight-color);color:var(--text-secondary-color)}.beat-knobs{display:flex;border-left:1px solid var(--highlight-color);flex-shrink:0;gap:6px;margin-left:4px;padding:0 4px}.beat-knob{display:flex;cursor:ns-resize;user-select:none;touch-action:none;flex-direction:column;align-items: center}.beat-knob svg{display:block;pointer-events:none}.beat-knob span{pointer-events:none}.beat-knob-label{color:var(--text-secondary-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;text-transform:uppercase;letter-spacing:.5px;max-width:36px;font-size:8px}.beat-knob-value{color:var(--text-main-color);font-size:8px;font-weight:700}.preview-beat-error{position:absolute;bottom:0;left:0;right:0}.preview-canvas{position:relative;background:var(--background-color);display:flex;font-family:var(--font-mono);color:var(--text-main-color);flex-direction:column;height:100%}.preview-canvas-toolbar{display:flex;background:var(--panel-color);border-bottom:var(--border);flex-shrink:0;align-items: center;gap:0;padding:0;font-size:12px}.preview-canvas-toolbar button{border:none;border-right:2px solid var(--border-color);cursor:pointer;color:var(--text-main-color);font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;background:0 0;padding:6px 12px}.preview-canvas-toolbar button:hover{background:var(--highlight-color)}.preview-canvas-toolbar .canvas-info{color:var(--text-secondary-color);text-transform:uppercase;letter-spacing:1px;padding:0 8px;font-size:11px}.preview-canvas-toolbar .canvas-info span{color:var(--text-main-color);font-weight:700}.preview-canvas-viewport{display:flex;overflow:hidden;background:var(--surface-color);flex:1;justify-content:center;align-items: center;min-height:0;padding:0}.preview-canvas-viewport svg{max-width:100%;max-height:100%}.preview-canvas-controls{border-top:var(--border);background:var(--panel-color);display:flex;flex-wrap:wrap;flex-shrink:0;gap:6px;padding:4px 8px}.preview-canvas-error{position:absolute;bottom:0;left:0;right:0}.preview-lit{overflow:auto;background:var(--background-color);color:var(--text-main-color);height:100%;padding:24px 20px;font-size:13px;line-height:1.7}.preview-lit h1{text-transform:uppercase;letter-spacing:2px;border-bottom:3px solid var(--accent-color);margin:0 0 16px;padding-bottom:8px;font-size:22px;font-weight:700;line-height:1.2}.preview-lit h2{text-transform:uppercase;letter-spacing:1px;color:var(--accent-color);margin:24px 0 12px;font-size:16px;font-weight:700;line-height:1.3}.preview-lit h3{text-transform:uppercase;letter-spacing:.5px;color:var(--purple);margin:20px 0 8px;font-size:14px;font-weight:700;line-height:1.3}.preview-lit p{margin:0 0 12px}.preview-lit strong{color:#fff;font-weight:700}.preview-lit em{font-style:italic}.preview-lit a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px}.preview-lit a:hover{background:var(--accent-color);color:var(--accent-contrast)}.preview-lit ul{margin:0 0 12px;padding-left:20px}.preview-lit ol{margin:0 0 12px;padding-left:20px}.preview-lit ul{list-style:square}.preview-lit ol{list-style:decimal}.preview-lit li{margin-bottom:4px;padding-left:4px}.preview-lit li::marker{color:var(--accent-color)}.preview-lit blockquote{border-left:4px solid var(--accent-color);background:var(--surface-color);margin:0 0 12px;padding:8px 12px;font-style:italic}.preview-lit hr{border:none;border-top:2px solid var(--border-color);margin:20px 0}.preview-lit pre{background:var(--code-bg);border:2px solid var(--border-color);overflow-x:auto;margin:0 0 12px;padding:10px 12px;font-size:12px;line-height:1.5}.preview-lit code{font-family:var(--font-mono);background:var(--code-bg);color:var(--green);border:1px solid var(--border-color);padding:1px 4px;font-size:12px}.preview-lit pre code{color:inherit;background:0 0;border:none;padding:0}.preview-lit [data-lit-id]{color:var(--yellow);font-weight:700}.preview-lit-error{position:absolute;bottom:0;left:0;right:0}.preview-lit-warning{background:var(--panel-color);color:var(--yellow);font-size:11px;font-family:var(--font-mono);border-top:2px solid var(--yellow);white-space:pre-wrap;word-break:break-word;overflow:auto;max-height:80px;margin:0;padding:6px 8px}.slang-repl{display:flex;font-family:var(--font-mono);background:var(--background-color);color:var(--text-main-color);flex-direction:column;height:100%;font-size:13px}.slang-toolbar{display:flex;border-bottom:var(--border);background:var(--panel-color);align-items: center;gap:6px;padding:6px 12px}.slang-btn{background:var(--background-color);border:2px solid var(--border-color);color:var(--text-main-color);font-family:var(--font-pixel);text-transform:uppercase;cursor:pointer;padding:4px 10px;font-size:10px}.slang-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-contrast)}.slang-btn:active{filter:brightness(1.15)}.slang-progress{color:var(--text-secondary-color);margin-left:auto;font-size:11px}.slang-output{overflow-y:auto;flex:1;padding:12px}.slang-line{margin-bottom:4px}.slang-prompt{color:var(--text-secondary-color)}.slang-value{color:var(--cyan)}.slang-error{color:var(--red)}.slang-ls-entry{color:var(--purple)}.slang-watches{border-top:var(--border);min-height:0;padding:8px 12px}.slang-watch-entry{display:flex;align-items: center;gap:8px;padding:2px 0}.slang-watch-label{color:var(--text-secondary-color)}.slang-watch-value{color:var(--cyan)}.slang-sparkline{color:var(--green);letter-spacing:1px}.slang-input-row{display:flex;border-top:var(--border);background:var(--panel-color);align-items: center;padding:8px 12px}.slang-caret{color:var(--green);user-select:none;margin-right:8px}.slang-input{color:var(--text-main-color);font-family:inherit;font-size:inherit;outline:none;caret-color:var(--green);background:0 0;border:none;flex:1}.slang-input::placeholder{color:var(--text-secondary-color)}.slang-error-banner{background:var(--panel-color);color:var(--red);border-top:2px solid var(--red);padding:8px 12px;font-size:12px}.app-runner{position:relative;display:flex;flex-direction:column;height:100%}.app-runner-content{overflow:auto;flex:1;min-height:0}.app-runner-error{position:absolute;bottom:0;left:0;right:0}.slang-root{display:flex;color:var(--text-main-color);flex-direction:column;gap:8px;padding:12px;font-family:inherit}.slang-stack{display:flex;flex-direction:column}.slang-box{display:block}.slang-text{display:inline;font-size:13px;line-height:1.4}.slang-heading{text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.slang-btn{background:var(--background-color);color:var(--text-main-color);border:1px solid var(--text-main-color);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700}.slang-btn:hover:not(:disabled){background:var(--text-main-color);color:var(--background-color)}.slang-btn:disabled{opacity:.4;cursor:not-allowed}.slang-input{background:var(--background-color);color:var(--text-main-color);border:1px solid var(--text-main-color);padding:6px 8px;font-family:inherit;font-size:13px}.slang-checkbox{cursor:pointer;width:14px;height:14px}.slang-divider{border:none;border-top:1px solid var(--text-main-color);opacity:.3;margin:4px 0}.preview-raw{display:flex;background:var(--background-color);overflow:hidden;height:100%}.preview-raw-canvas-area{display:flex;overflow:hidden;position:relative;flex:1;justify-content:center;align-items: center}.preview-raw-canvas-area canvas{object-fit:contain;display:block;max-width:100%;max-height:100%}.preview-raw-sidebar{background:var(--panel-color);border-left:var(--border);overflow-y:auto;display:flex;flex-direction:column;gap:12px;width:220px;min-width:220px;padding:12px}.preview-raw-meta{color:var(--text-secondary-color);font-size:11px;line-height:1.6}.preview-raw-meta span{display:block}.preview-raw-section{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;padding-top:8px}.preview-raw-section h4{color:var(--text-secondary-color);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px;font-weight:600}.preview-raw-slider{display:flex;flex-direction:column;gap:3px}.preview-raw-slider label{display:flex;color:var(--text-secondary-color);justify-content:space-between;font-size:11px}.preview-raw-slider input[type=range]{appearance:none;background:var(--border-color);outline:none;cursor:pointer;border-radius:0;width:100%;height:4px}.preview-raw-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-color);cursor:pointer;border-radius:50%;width:12px;height:12px}.preview-raw-slider input[type=range]::-moz-range-thumb{background:var(--accent-color);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.preview-raw-profiles{display:flex;flex-wrap:wrap;gap:4px}.preview-raw-profiles button{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary-color);cursor:pointer;border-radius:0;padding:3px 7px;font-size:10px}.preview-raw-profiles button:hover{background:var(--highlight-color);color:var(--text-secondary-color)}.preview-raw-profiles button.active{background:var(--accent-color);color:var(--accent-contrast);border-color:var(--accent-color)}.preview-raw-loading{position:absolute;color:var(--text-secondary-color);font-size:13px;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-raw-error{color:var(--red);white-space:pre-wrap;word-break:break-word;margin:0;font-size:11px}.preview-raw-drop{position:absolute;display:flex;color:var(--text-secondary-color);cursor:pointer;flex-direction:column;justify-content:center;align-items: center;gap:8px;width:100%;height:100%;font-size:13px;top:0;left:0}.preview-raw-drop:hover{color:var(--text-secondary-color)}.preview-raw-crop-btn{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary-color);cursor:pointer;text-align:center;border-radius:0;width:100%;padding:5px 8px;font-size:10px}.preview-raw-crop-btn:hover{background:var(--highlight-color);color:var(--text-secondary-color)}.preview-raw-crop-btn.active{background:var(--highlight-color);border-color:var(--green);color:var(--green)}.preview-raw-histogram{background:var(--code-bg);overflow:hidden;border:1px solid var(--border-color);border-radius:0}.preview-raw-histogram canvas{display:block;width:100%;height:64px}.preview-raw-auto-btn{background:var(--surface-color);border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;text-align:center;letter-spacing:.04em;border-radius:0;width:100%;padding:5px 8px;font-size:10px;font-weight:600}.preview-raw-auto-btn:hover{background:var(--accent-color);color:var(--accent-contrast)}.preview-raw-section-header{display:flex;justify-content:space-between;align-items: center}.preview-raw-reset-btn{color:var(--text-secondary-color);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:9px}.preview-raw-reset-btn:hover{color:var(--text-secondary-color)}.preview-raw-reset-all{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary-color);cursor:pointer;text-align:center;border-radius:0;width:100%;padding:5px 8px;font-size:10px}.preview-raw-reset-all:hover{background:var(--highlight-color);color:var(--text-secondary-color)}.files-list{padding:8px}.files-list .list-item.drop-target{outline:2px dashed var(--accent-color);outline-offset:-2px;background:#7aa2f72e}.claw{display:flex;flex-direction:column;height:100%;font-family:inherit}.claw-messages{overflow-y:auto;flex:1;min-height:0;padding:8px}.claw-msg{white-space:pre-wrap;word-break:break-word;margin-bottom:8px;padding:8px;font-size:12px;line-height:1.6}.claw-msg-user{background:var(--accent-color);color:var(--accent-contrast);border:2px solid var(--accent-color)}.claw-msg-assistant{background:var(--surface-color);border:2px solid var(--border-color)}.claw-msg-tool{background:var(--code-bg);border:1px solid var(--border-color);color:var(--text-secondary-color);font-family:inherit;font-size:11px}.claw-msg-tool-name{text-transform:uppercase;letter-spacing:.5px;color:var(--cyan);margin-bottom:4px;font-weight:700}.claw-msg-error{background:var(--panel-color);border:2px solid var(--red);color:var(--red)}.claw-input-row{display:flex;border-top:var(--border);flex-shrink:0}.claw-input{outline:none;background:var(--panel-color);color:var(--text-main-color);resize:none;border:none;flex:1;min-height:36px;max-height:120px;padding:8px;font-family:inherit;font-size:12px}.claw-send{background:var(--accent-color);color:var(--accent-contrast);border:none;border-left:var(--border);font-family:var(--font-pixel);text-transform:uppercase;cursor:pointer;flex-shrink:0;padding:8px 12px;font-size:10px}.claw-send:hover{filter:brightness(1.15)}.claw-send:disabled{opacity:.4;cursor:not-allowed}.claw-key-prompt{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:12px;height:100%;padding:24px}.claw-key-prompt input{border:2px solid var(--border-color);background:var(--panel-color);color:var(--text-main-color);outline:none;width:100%;max-width:320px;padding:6px 10px;font-family:inherit;font-size:12px}.claw-key-prompt input:focus{border-color:var(--accent-color)}.claw-thinking{display:inline-block;animation:1s step-end infinite claw-blink}@keyframes claw-blink{50%{opacity:0}}.window{display:flex;background-color:var(--background-color);color:var(--text-main-color);overflow:hidden;flex-direction:column;height:100%}.window .window-top{display:flex;background:var(--panel-color);border-bottom:var(--border);flex-shrink:0;justify-content:space-between;align-items: center;height:28px;padding:0 8px}.window .window-top .window-title{font-family:var(--font-pixel);text-transform:uppercase;color:var(--accent-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px}.window .window-top .window-close{cursor:pointer;display:flex;border:2px solid var(--border-color);background:var(--panel-color);color:var(--text-main-color);flex-shrink:0;justify-content:center;align-items: center;width:16px;height:16px;font-size:12px;line-height:1}.window .window-top .window-close:hover{background:var(--danger-color);border-color:var(--danger-color);color:var(--accent-contrast)}.window .window-content{overflow:auto;flex:1;min-height:0}.window .window-footer{background:var(--panel-color);border-top:var(--border);display:flex;flex-shrink:0;align-items: center;gap:4px;height:24px;padding:0 8px}.window .window-footer .window-footer-command{display:flex;cursor:pointer;color:var(--text-secondary-color);border:2px solid #0000;justify-content:center;align-items: center;width:16px;height:16px;line-height:0}.window .window-footer .window-footer-command[data-active=true]{border-color:var(--accent-color);color:var(--accent-color)}.window .window-footer .window-footer-command:hover{background:var(--highlight-color);color:var(--text-main-color)}.floating-window.focused .window-top{border-bottom-color:var(--accent-color)}.floating-window:not(.focused) .window-top .window-title{color:var(--text-secondary-color)}#time{margin-left:auto}#topnav{position:absolute;z-index:100;display:flex;background:var(--panel-color);color:var(--text-main-color);font-family:var(--font-pixel);text-transform:uppercase;border-bottom:var(--border);align-items: center;gap:8px;height:44px;padding:0 10px;font-size:12px;top:0;left:0;right:0}.topnav-logo{cursor:pointer;display:flex;background:0 0;border:2px solid #0000;align-items: center;padding:2px 4px;line-height:0}.topnav-logo:hover{border-color:var(--accent-color)}#app-menu{position:relative;display:flex;align-items: center}.topnav-app-name{color:var(--accent-color);cursor:default;font-family:inherit;font-size:inherit;text-transform:uppercase;display:flex;background:0 0;border:2px solid #0000;align-items: center;gap:6px;padding:4px 8px}.topnav-app-name.has-commands{cursor:pointer}.topnav-app-name.has-commands:hover{border-color:var(--accent-color)}.topnav-app-chevron{opacity:.6;font-size:10px}.topnav-dropdown{position:absolute;background:var(--panel-color);border:var(--border);z-index:200;box-shadow:var(--shadow);min-width:220px;padding:0;top:calc(100% + 6px);left:0}.topnav-dropdown-item{display:flex;color:var(--text-main-color);cursor:pointer;font-family:inherit;font-size:inherit;text-transform:uppercase;text-align:left;white-space:nowrap;background:0 0;border:none;align-items: center;gap:10px;width:100%;padding:8px 12px}.topnav-dropdown-item:hover{background:var(--accent-color);color:var(--accent-contrast)}.topnav-dropdown-item.active .topnav-dropdown-icon{opacity:1}.topnav-dropdown-icon{text-align:center;font-family:var(--font-mono);opacity:.7;width:16px;font-size:13px}.topnav-dropdown-text{flex:1}.topnav-dropdown-shortcut{color:var(--text-secondary-color);font-size:10px}.topnav-dropdown-item:hover .topnav-dropdown-shortcut{color:inherit}.topnav-dropdown-sep{background:var(--border-color);height:2px;margin:0}.topnav-dropdown-quit:hover{background:var(--danger-color);color:var(--accent-contrast)}.topnav-spark-btn{cursor:pointer;color:var(--text-main-color);background:0 0;border:2px solid #0000;padding:2px 6px;font-size:14px}.topnav-spark-btn:hover{color:var(--accent-color);border-color:var(--accent-color)}#desktop{position:relative;background-color:#1a1b26;background-image:radial-gradient(circle,#414868 1px,#0000 1.2px);background-position:12px 12px;background-size:24px 24px;width:100vw;height:100vh}#desktop-wallpaper{position:absolute;z-index:0;pointer-events:none;inset:0}#desktop-wallpaper .frag-background{display:block;width:100%;height:100%}#desktop[data-dragging=true]{outline:3px dashed var(--accent-color);outline-offset:-10px}#desktop-apps{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-flow:column wrap;align-content: flex-end;gap:4px;height:calc(100vh - 56px);padding:56px 10px 10px}#desktop-apps .desktop-app{display:flex;cursor:pointer;color:var(--text-main-color);border:2px solid #0000;flex-direction:column;justify-content:center;align-items: center;gap:6px;width:96px;height:88px}#desktop-apps .desktop-app.selected{background:var(--background-color);color:var(--text-main-color);border-color:var(--accent-color);box-shadow:var(--shadow)}#desktop-apps .desktop-app.drop-target{border:2px dashed var(--accent-color);background:#7aa2f72e}#desktop-apps .desktop-app-icon{filter:drop-shadow(0 2px 2px #0009);font-size:24px;line-height:1}#desktop-apps .desktop-app-icon .icon-text{font-size:28px}#desktop-apps .desktop-app-name{font-family:var(--font-pixel);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #0b0b10,0 0 6px #0b0b10e6;max-width:88px;font-size:10px}#desktop-apps .desktop-app.selected .desktop-app-name{text-shadow:none}.desktop-drop-overlay{position:absolute;display:none;pointer-events:none;background:#1a1b2673;justify-content:center;align-items: center;inset:0}.desktop-drop-overlay[data-visible=true]{display:flex}.desktop-drop-text{font-family:var(--font-pixel);text-transform:uppercase;color:var(--text-main-color);background:var(--background-color);border:3px dashed var(--accent-color);box-shadow:var(--shadow);padding:20px 40px;font-size:20px}