.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{text-transform:uppercase;letter-spacing:.5px;color:var(--text-main-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:700}.toolbar-path{color:var(--text-secondary-color);font-size:11px;font-weight:500}.btn{background:var(--background-color);color:var(--text-main-color);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:1px solid #000;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700}.btn:hover:not(:disabled){color:#fff;background:#000}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:#fff;background:#000}.btn-primary:hover:not(:disabled){background:#333}.btn-danger{color:#000;border-color:#000}.btn-danger:hover:not(:disabled){color:#fff;background:#000}.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{color:#000;border-top:var(--border);white-space:pre-wrap;word-break:break-word;overflow:auto;background:#fff;flex-shrink:0;max-height:80px;margin:0;padding:6px 8px;font-family:inherit;font-size:11px}.context-menu{position:fixed;background:var(--background-color);border:var(--border);box-shadow:var(--shadow);z-index:1000;min-width:160px;padding:4px 0}.context-menu-item{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;color:var(--text-main-color);padding:6px 12px;font-size:11px;font-weight:700}.context-menu-item:hover{color:#fff;background:#000}.context-menu-item-danger{color:#000}.context-menu-item-danger:hover{color:#fff;background:#000}.list-item{display:flex;background:var(--background-color);cursor:pointer;border:1px solid #000;align-items: center;gap:10px;margin-bottom:4px;padding:8px 10px}.list-item:hover,.list-item.selected{color:#fff;background:#000}.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:hover .list-item-meta{color:#aaa}.sdk-input{background:var(--background-color);color:var(--text-main-color);outline:none;border:2px solid #000;padding:4px 8px;font-family:inherit;font-size:13px}.sdk-input:focus{box-shadow:2px 2px #000}.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 #000;margin:0 0 8px;padding-bottom:6px;font-weight:900}.sdk-divider{border:none;border-top:2px solid #000;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:#000;cursor:pointer;width:16px;height:16px}html,body{margin:0;padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{width:100vw;height:100vh;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace}:root{--background-color:#fff;--panel-color:#e0e0e0;--border-color:#000;--text-main-color:#000;--text-secondary-color:#444;--accent-color:#000;--highlight-color:#ccc;--shadow:4px 4px 0 #000;--radius:0px;--border:2px solid #000}#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 .window{width:100%;height:100%}.floating-window .window-top{cursor:grab}.floating-window .window-top:active{cursor:grabbing}.floating-resize{position:absolute;cursor:nwse-resize;background:linear-gradient(135deg,#0000 30%,#000 30% 40%,#0000 40% 55%,#000 55% 65%,#0000 65% 80%,#000 80% 90%,#0000 90%);width:14px;height:14px;bottom:0;right:0}.sparks-viewer{color:#e0e0e0;overflow-y:auto;background:#0a0a14;height:100%;padding:8px;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:12px}.sparks-group{margin-bottom:4px}.sparks-group-header{display:flex;cursor:pointer;color:#7c83ff;user-select:none;align-items: center;gap:4px;padding:2px 4px;font-weight:700}.sparks-group-header:hover{background:#1a1a3a}.sparks-row{display:flex;cursor:pointer;align-items: center;gap:8px;padding:2px 4px}.sparks-row:hover{background:#1a1a3a}.sparks-name{color:#98c379;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:120px}.sparks-value{color:#e5c07b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sparks-type{color:#555;flex-shrink:0;font-size:10px}.sparks-empty{color:#555;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;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-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;top:0;left:0}.c-editor textarea{position:absolute;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-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;top:0;left:0}.c-editor pre{z-index:0;pointer-events:none;overflow:hidden;color:#e0e0e0;background:#0a0a0a}.c-editor textarea{z-index:1;overflow:auto;color:#0000;caret-color:#e0e0e0;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:#1a1a1a}.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 #e0e0e0;padding-left:4px}.c-editor .syn-md-list{font-weight:700}.c-editor .syn-glsl-comment{color:#666}.c-editor .syn-glsl-preprocessor{font-weight:900}.c-editor .syn-glsl-keyword{font-weight:700}.c-editor .syn-glsl-builtin{text-decoration:underline}.c-editor .syn-glsl-function{font-weight:700}.c-editor .syn-glsl-number{font-style:italic}.c-editor .syn-glsl-swizzle{text-decoration:underline dotted}.c-editor .syn-app-comment{color:#666}.c-editor .syn-app-tag{font-weight:900}.c-editor .syn-app-keyword{font-weight:700}.c-editor .syn-app-builtin{text-decoration:underline}.c-editor .syn-app-function{font-weight:700}.c-editor .syn-app-number{font-style:italic}.c-editor .syn-app-string{color:#aaa}.c-editor .syn-beat-comment{color:#666}.c-editor .syn-beat-keyword{font-weight:900}.c-editor .syn-beat-builtin{text-decoration:underline}.c-editor .syn-beat-function{font-weight:700}.c-editor .syn-beat-number{font-style:italic}.c-editor .syn-beat-string{color:#aaa}.c-editor .syn-canvas-comment{color:#666}.c-editor .syn-canvas-keyword{font-weight:900}.c-editor .syn-canvas-builtin{text-decoration:underline}.c-editor .syn-canvas-function{font-weight:700}.c-editor .syn-canvas-number{font-style:italic}.c-editor .syn-canvas-string{color:#aaa}.c-editor .syn-lit-comment{color:#666}.c-editor .syn-lit-keyword{font-weight:900}.c-editor .syn-lit-function{font-weight:700}.c-editor .syn-lit-number{font-style:italic}.c-editor .syn-lit-string{color:#aaa}.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}.preview-md{overflow:auto;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 #000;margin:0 0 16px;padding-bottom:8px;font-size:22px;font-weight:900;line-height:1.2}.preview-md h2{text-transform:uppercase;letter-spacing:1px;margin:24px 0 12px;font-size:16px;font-weight:900;line-height:1.3}.preview-md h3{text-transform:uppercase;letter-spacing:.5px;margin:20px 0 8px;font-size:14px;font-weight:700;line-height:1.3}.preview-md p{margin:0 0 12px}.preview-md strong{font-weight:900}.preview-md em{font-style:italic}.preview-md a{color:#000;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px}.preview-md a:hover{color:#fff;background:#000}.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 blockquote{background:#f5f5f5;border-left:4px solid #000;margin:0 0 12px;padding:8px 12px;font-style:italic}.preview-md hr{border:none;border-top:2px solid #000;margin:20px 0}.preview-md pre{overflow-x:auto;background:#f5f5f5;border:1px solid #000;margin:0 0 12px;padding:10px 12px;font-size:12px;line-height:1.5}.preview-md code{background:#f5f5f5;border:1px solid #ddd;padding:1px 4px;font-family:inherit;font-size:12px}.preview-md pre code{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;display:flex;color:#000;background:#fff;flex-direction:column;height:100%;font-family:monospace}.preview-beat-toolbar{display:flex;background:#fff;border-bottom:2px solid #000;flex-shrink:0;align-items: center;gap:0;padding:0;font-size:12px}.preview-beat-toolbar button{cursor:pointer;color:#000;text-transform:uppercase;letter-spacing:1px;background:#fff;border:none;border-right:1px solid #ddd;padding:6px 12px;font-family:monospace;font-size:12px}.preview-beat-toolbar button:hover{color:#fff;background:#000}.preview-beat-toolbar .beat-info{color:#999;text-transform:uppercase;letter-spacing:1px;padding:0 8px;font-size:11px}.preview-beat-toolbar .beat-info span{color:#000;font-weight:900}.preview-beat-canvas{display:block;background:#f5f5f5;flex:1;width:100%;min-height:0}.beat-track-list{overflow-y:auto;background:#fff;border-top:2px solid #000;flex-shrink:0;max-height:40%;padding:0}.beat-track-row{display:flex;border-bottom:1px solid #eee;align-items: center;gap:0;padding:0;font-family:monospace;font-size:11px}.beat-track-row.muted .beat-track-name{color:#ccc;text-decoration:line-through}.beat-track-row.muted .beat-step.active{color:#ccc;background:#f5f5f5}.beat-mute-btn{cursor:pointer;background:0 0;border:none;border-right:1px solid #eee;flex-shrink:0;padding:4px 6px;font-size:12px;line-height:1}.beat-track-name{color:#000;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:900}.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{color:#fff;background:#f0f0f0;font-weight:700}.beat-step.rest{color:#ddd;background:#fafafa}.beat-step.playing{color:#fff;background:#000}.beat-step.playing.rest{color:#999;background:#eee}.beat-knobs{display:flex;border-left:1px solid #eee;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:#999;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:#000;font-size:8px;font-weight:900}.preview-beat-error{position:absolute;bottom:0;left:0;right:0}.preview-canvas{position:relative;display:flex;color:#000;background:#fff;flex-direction:column;height:100%;font-family:monospace}.preview-canvas-toolbar{display:flex;background:#fff;border-bottom:2px solid #000;flex-shrink:0;align-items: center;gap:0;padding:0;font-size:12px}.preview-canvas-toolbar button{cursor:pointer;color:#000;text-transform:uppercase;letter-spacing:1px;background:#fff;border:none;border-right:1px solid #ddd;padding:6px 12px;font-family:monospace;font-size:12px}.preview-canvas-toolbar button:hover{color:#fff;background:#000}.preview-canvas-toolbar .canvas-info{color:#999;text-transform:uppercase;letter-spacing:1px;padding:0 8px;font-size:11px}.preview-canvas-toolbar .canvas-info span{color:#000;font-weight:900}.preview-canvas-viewport{display:flex;overflow:hidden;background:#f5f5f5;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{display:flex;background:#fff;border-top:2px solid #000;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;color:#000;background:#fff;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 #000;margin:0 0 16px;padding-bottom:8px;font-size:22px;font-weight:900;line-height:1.2}.preview-lit h2{text-transform:uppercase;letter-spacing:1px;margin:24px 0 12px;font-size:16px;font-weight:900;line-height:1.3}.preview-lit h3{text-transform:uppercase;letter-spacing:.5px;margin:20px 0 8px;font-size:14px;font-weight:700;line-height:1.3}.preview-lit p{margin:0 0 12px}.preview-lit strong{font-weight:900}.preview-lit em{font-style:italic}.preview-lit a{color:#000;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px}.preview-lit a:hover{color:#fff;background:#000}.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 blockquote{background:#f5f5f5;border-left:4px solid #000;margin:0 0 12px;padding:8px 12px;font-style:italic}.preview-lit hr{border:none;border-top:2px solid #000;margin:20px 0}.preview-lit pre{overflow-x:auto;background:#f5f5f5;border:1px solid #000;margin:0 0 12px;padding:10px 12px;font-size:12px;line-height:1.5}.preview-lit code{background:#f5f5f5;border:1px solid #ddd;padding:1px 4px;font-family:monospace;font-size:12px}.preview-lit pre code{background:0 0;border:none;padding:0}.preview-lit [data-lit-id]{font-weight:900}.preview-lit-error{position:absolute;bottom:0;left:0;right:0}.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}.files-list{padding:8px}.files-list .list-item.drop-target{outline:2px dashed #000;outline-offset:-2px;background:#0000001a}.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{color:#fff;background:#000;border:2px solid #000}.claw-msg-assistant{background:var(--background-color);border:2px solid #000}.claw-msg-tool{background:#f5f5f5;border:1px solid #000;font-family:inherit;font-size:11px}.claw-msg-tool-name{text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:900}.claw-msg-error{color:red;background:#fff;border:2px solid #000}.claw-input-row{display:flex;border-top:2px solid #000;flex-shrink:0}.claw-input{outline:none;background:var(--background-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{color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#000;border:none;border-left:2px solid #000;flex-shrink:0;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:700}.claw-send:hover{background:#333}.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{outline:none;border:2px solid #000;width:100%;max-width:320px;padding:6px 10px;font-family:inherit;font-size:12px}.claw-thinking{display:inline-block;animation:claw-blink 1s step-end infinite}@keyframes claw-blink{50%{opacity:0}}.window{display:flex;background-color:var(--background-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{text-transform:uppercase;letter-spacing:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:700}.window .window-top .window-close{cursor:pointer;display:flex;background:var(--background-color);border:1px solid #000;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{color:#fff;background:#000}.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;justify-content:center;align-items: center;width:16px;height:16px;line-height:0}.window .window-footer .window-footer-command[data-active=true]{background:var(--background-color);border:1px solid #000}.window .window-footer .window-footer-command:hover{background:var(--highlight-color)}.window:not(.focused) .window-top{opacity:.5}#time{margin-left:auto}#topnav{position:absolute;z-index:100;display:flex;color:#fff;letter-spacing:1px;text-transform:uppercase;background:#000;border-bottom:2px solid #000;align-items: center;gap:4px;height:44px;padding:0 8px;font-size:12px;font-weight:700;top:0;left:0;right:0}.topnav-logo{cursor:pointer;display:flex;background:0 0;border:none;align-items: center;padding:2px 4px;line-height:0}.topnav-logo:hover{transform:scale(1.2)}#app-menu{display:flex;align-items: center;gap:4px}.topnav-app-name{color:#fff;margin-right:4px}.topnav-btn{display:flex;color:#888;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:1px solid #444;align-items: center;gap:4px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:700}.topnav-btn:hover{color:#fff;border-color:#fff}.topnav-btn.active{color:#000;background:#fff;border-color:#fff}.topnav-btn-icon{font-size:12px;line-height:1}.topnav-btn-text{line-height:1}.topnav-btn-quit:hover{color:#000;background:#fff;border-color:#fff}.topnav-spark-btn{cursor:pointer;opacity:.6;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:14px}.topnav-spark-btn:hover{opacity:1}#desktop{position:relative;background-color:#fff;background-image:linear-gradient(90deg,#eee 1px,#0000 1px),linear-gradient(#eee 1px,#0000 1px);background-size:20px 20px;width:100vw;height:100vh}#desktop-wallpaper{position:absolute;z-index:0;pointer-events:none;inset:0}#desktop-wallpaper .frag-background{display:block;pointer-events:auto;width:100%;height:100%}#desktop[data-dragging=true]{outline:3px dashed #000;outline-offset:-10px}#desktop-apps{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-flow:column wrap;align-content: flex-end;height:calc(100vh - 56px);padding:56px 10px 10px}#desktop-apps .desktop-app{display:flex;cursor:pointer;flex-direction:column;justify-content:center;align-items: center;gap:4px;width:80px;height:80px}#desktop-apps .desktop-app:hover{background:#00000014}#desktop-apps .desktop-app.selected{color:#fff;background:#000}#desktop-apps .desktop-app.drop-target{outline:2px dashed #000;outline-offset:-2px;background:#0000001a}#desktop-apps .desktop-app-icon{font-size:24px}#desktop-apps .desktop-app-name{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.desktop-drop-overlay{position:absolute;display:none;pointer-events:none;background:#0000000d;justify-content:center;align-items: center;inset:0}.desktop-drop-overlay[data-visible=true]{display:flex}.desktop-drop-text{text-transform:uppercase;letter-spacing:2px;color:#000;background:#fff;border:3px dashed #000;padding:20px 40px;font-size:18px;font-weight:700}