*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;cursor:none!important}:root{--bg:#0e0e10;--bg2:#131315;--bg3:#1a1a1d;--bg4:#202024;--border:#2a2a2f;--border2:#38383f;--text:#e8e8ec;--muted:#6b6b75;--faint:#3d3d45;--accent:#d4a853;--accent2:#5b8fd4;--green:#5ec47a;--red:#e06c75;--cyan:#56b6c2;--purple:#c678dd;--orange:#d19a66;--mono:"IBM Plex Mono",monospace;--sans:"IBM Plex Sans",sans-serif}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:13px}@media(pointer:coarse){*,*:before,*:after{cursor:auto!important}#cursor-dot,#cursor-ring{display:none!important}.terminal-input,.music-progress-bar,.music-vol-slider,.resizer{cursor:auto!important}}#cursor-dot{position:fixed;width:8px;height:8px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .12s,height .12s,background .12s;mix-blend-mode:difference}#cursor-ring{position:fixed;width:28px;height:28px;border:1px solid rgba(212,168,83,.3);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s}#cursor-dot.hover{width:14px;height:14px}#cursor-ring.hover{width:42px;height:42px;border-color:#d4a85399}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid var(--border2);border-radius:4px;color:var(--muted);font-size:14px;cursor:pointer!important;transition:all .15s;flex-shrink:0}.mobile-menu-btn:hover{color:var(--accent);border-color:var(--accent)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.active{display:block}.titlebar{height:36px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 14px;flex-shrink:0;position:relative;z-index:100;-webkit-user-select:none;user-select:none;gap:10px}.window-buttons{display:flex;gap:6px;align-items:center;flex-shrink:0}.wb-dot{width:11px;height:11px;border-radius:50%;transition:filter .15s,transform .15s}.wb-dot:hover{filter:brightness(1.3);transform:scale(1.1)}.wb-close{background:#f4605c}.wb-min{background:#fdbc40}.wb-max{background:#34c84a}.titlebar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.06em;white-space:nowrap}.title-ping{width:5px;height:5px;border-radius:50%;background:var(--green);animation:ping 2.5s ease-in-out infinite;flex-shrink:0}@keyframes ping{0%,to{opacity:1}50%{opacity:.2}}.titlebar-right{margin-left:auto;font-size:10px;color:var(--faint);letter-spacing:.1em}.workspace{display:flex;height:calc(100vh - 58px);overflow:hidden}.sidebar{width:220px;min-width:160px;max-width:320px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;transition:transform .25s ease}.profile-block{padding:16px 14px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.profile-top{display:flex;align-items:center;gap:10px;margin-bottom:9px}.avatar-wrap{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--border2);overflow:hidden;flex-shrink:0;transition:border-color .2s,box-shadow .2s}.avatar-wrap:hover{border-color:var(--accent);box-shadow:0 0 12px #d4a85340}.avatar-wrap img{width:100%;height:100%;object-fit:cover;display:block}.profile-name{font-family:var(--sans);font-size:15px;font-weight:700;color:var(--text);line-height:1.1}.profile-role{font-size:9px;color:var(--accent);letter-spacing:.18em;margin-top:2px}.profile-status{display:flex;align-items:center;gap:6px;font-family:var(--sans);font-size:10px;color:var(--muted)}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0;animation:ping 2.5s ease-in-out infinite}.file-tree{flex:1;overflow-y:auto;padding:8px 0 12px}.file-tree::-webkit-scrollbar{width:2px}.file-tree::-webkit-scrollbar-thumb{background:var(--border2)}.tree-group{margin-bottom:2px}.tree-group-header{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:9px;font-weight:600;letter-spacing:.18em;color:var(--faint);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.tree-group-header:hover{color:var(--muted)}.tree-arrow{font-size:7px;transition:transform .18s;flex-shrink:0}.tree-group-header.open .tree-arrow{transform:rotate(90deg)}.tree-group-children.collapsed{display:none}.tree-file{display:flex;align-items:center;gap:9px;padding:6px 14px 6px 26px;font-family:var(--sans);font-size:11px;font-weight:400;color:var(--muted);cursor:pointer;letter-spacing:.02em;position:relative;border-left:2px solid transparent;transition:color .15s,background .15s;-webkit-user-select:none;user-select:none}.tree-file:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:1px;background:var(--accent);transition:width .25s}.tree-file:hover{color:var(--text);background:var(--bg3)}.tree-file:hover:after{width:14px}.tree-file.active{color:var(--accent);background:#d4a85312;border-left-color:var(--accent)}.tree-file-icon{font-size:11px;width:14px;text-align:center;flex-shrink:0}.tree-file-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;opacity:0;transition:opacity .15s}.tree-file.active .tree-file-dot{opacity:1}.tree-file:hover .tree-file-dot{opacity:.4}.resizer{width:3px;background:transparent;cursor:col-resize!important;flex-shrink:0;transition:background .2s;z-index:50}.resizer:hover,.resizer.dragging{background:var(--accent)}.resizer-right:hover,.resizer-right.dragging{background:var(--accent2)}.main-editor{flex:1;display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--border);overflow:hidden;min-width:0}.tab-bar{height:34px;display:flex;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.editor-tab{display:flex;align-items:center;gap:8px;padding:0 16px;font-family:var(--sans);font-size:11px;font-weight:500;color:var(--muted);cursor:pointer;border-right:1px solid var(--border);white-space:nowrap;position:relative;transition:color .15s,background .15s;flex-shrink:0;-webkit-user-select:none;user-select:none}.editor-tab:hover{color:var(--text);background:var(--bg3)}.editor-tab.active{color:var(--text);background:var(--bg)}.editor-tab.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}.editor-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--bg)}.tab-close{width:14px;height:14px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--faint);transition:all .15s;line-height:1}.editor-tab:hover .tab-close{color:var(--muted)}.tab-close:hover{background:var(--bg4)!important;color:var(--red)!important}.editor-body{flex:1;display:flex;overflow:hidden}.line-gutter{width:50px;min-width:50px;background:var(--bg2);border-right:1px solid var(--border);flex-shrink:0;overflow:hidden;position:relative}.line-gutter-inner{position:absolute;top:0;left:0;right:0;padding:0;will-change:transform}.line-number{font-size:10.5px;color:var(--faint);transition:color .1s,background .1s;padding:0 8px 0 0;width:100%;text-align:right;display:flex;align-items:flex-start;justify-content:flex-end;box-sizing:border-box;-webkit-user-select:none;user-select:none}.line-number.highlighted{color:var(--accent);background:#d4a8531a}.code-area{flex:1;overflow-y:auto;padding:18px 24px;font-family:var(--mono);font-size:12.5px;font-weight:400;line-height:1.85}.code-area::-webkit-scrollbar{width:3px}.code-area::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.code-line{display:block;white-space:pre;border-radius:3px;padding:0 5px;margin:0 -5px;cursor:pointer;transition:background .12s;position:relative}.code-line:hover{background:#ffffff0a}.code-line.highlighted{background:#d4a85317}.code-line .skill-pills-row{white-space:normal}@keyframes fade-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.code-line{animation:fade-slide-in .22s ease both}.code-line:nth-child(1){animation-delay:.02s}.code-line:nth-child(2){animation-delay:.04s}.code-line:nth-child(3){animation-delay:.06s}.code-line:nth-child(4){animation-delay:.08s}.code-line:nth-child(5){animation-delay:.1s}.code-line:nth-child(6){animation-delay:.12s}.code-line:nth-child(7){animation-delay:.14s}.code-line:nth-child(8){animation-delay:.16s}.code-line:nth-child(9){animation-delay:.18s}.code-line:nth-child(n+10){animation-delay:.2s}.token-keyword{color:#c678dd;font-weight:500}.token-function{color:#61afef}.token-string{color:#98c379}.token-comment{color:#4b5263;font-style:italic}.token-number{color:#d19a66}.token-operator{color:#56b6c2}.token-property{color:#e06c75}.token-punct{color:#abb2bf}.token-decorator{color:#d19a66;font-weight:500}.token-builtin{color:#56b6c2}.token-class{color:#e5c07b;font-weight:600}.token-const{color:#c678dd;font-weight:500}.token-arrow{color:#56b6c2}.token-bool,.token-nil{color:#d19a66}.token-self{color:#e06c75;font-style:italic}.skill-pills-row{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0}.skill-pill{display:inline-flex;align-items:center;background:var(--bg3);border:1px solid var(--border2);border-radius:4px;padding:2px 10px;font-family:var(--sans);font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.04em;transition:all .18s;cursor:default}.skill-pill:hover{border-color:var(--accent);color:var(--accent);background:#d4a85314;transform:translateY(-1px);box-shadow:0 3px 10px #d4a8531f}.editor-toolbar{height:42px;flex-shrink:0;background:var(--bg2);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:7px;overflow-x:auto}.editor-toolbar::-webkit-scrollbar{display:none}.btn{height:28px;padding:0 14px;border-radius:5px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.06em;cursor:pointer!important;border:1px solid transparent;display:flex;align-items:center;gap:6px;transition:all .18s;-webkit-user-select:none;user-select:none;background:transparent;text-decoration:none;white-space:nowrap;flex-shrink:0}.btn:active{transform:scale(.97)}.btn-execute{background:var(--accent);color:#0e0e10;border-color:var(--accent)}.btn-execute:hover{box-shadow:0 0 20px #d4a85366;transform:translateY(-1px)}.btn-clear{color:var(--muted);border-color:var(--border2)}.btn-clear:hover{color:var(--text);border-color:var(--muted)}.btn-inject{color:var(--muted);border-color:var(--border2)}.btn-inject:hover{color:var(--cyan);border-color:var(--cyan)}.btn-link{color:var(--muted);border-color:var(--border2)}.btn-link:hover{color:var(--accent2);border-color:var(--accent2)}.toolbar-spacer{flex:1;min-width:10px}.toolbar-info{font-size:9.5px;color:var(--faint);letter-spacing:.09em;white-space:nowrap;flex-shrink:0}.output-panel{width:30%;min-width:240px;max-width:600px;background:var(--bg2);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;position:relative}.output-header{height:34px;flex-shrink:0;background:var(--bg3);border-bottom:1px solid var(--border);display:flex;align-items:stretch;overflow-x:auto}.output-header::-webkit-scrollbar{display:none}.output-tab{display:flex;align-items:center;padding:0 13px;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--muted);cursor:pointer;border-right:1px solid var(--border);transition:all .15s;-webkit-user-select:none;user-select:none;position:relative;white-space:nowrap;flex-shrink:0}.output-tab.active{color:var(--text)}.output-tab.active:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}.output-tab:hover:not(.active){color:var(--text);background:#ffffff08}.output-clear-btn{margin-left:auto;font-family:var(--sans);font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--faint);cursor:pointer;padding:0 12px;transition:color .15s;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px;border-left:1px solid var(--border);white-space:nowrap;flex-shrink:0}.output-clear-btn:hover{color:var(--red)}.output-view{display:none;flex:1;overflow:hidden;flex-direction:column;min-height:0}.output-view.active{display:flex}.log-body{flex:1;overflow-y:auto;padding:10px 12px;font-family:var(--mono);font-size:10.5px;line-height:1.75;display:flex;flex-direction:column}.log-body::-webkit-scrollbar{width:2px}.log-body::-webkit-scrollbar-thumb{background:var(--border2)}.log-entry{display:flex;align-items:baseline;gap:10px;padding:3px 6px;border-radius:4px;transition:background .15s;animation:fade-slide-in .2s ease both}.log-entry:hover{background:#ffffff08}.log-time{color:var(--faint);font-size:9px;flex-shrink:0;min-width:58px}.log-badge{font-family:var(--sans);font-size:9px;font-weight:700;padding:1px 6px;border-radius:3px;flex-shrink:0;letter-spacing:.06em}.log-badge.ok{color:var(--green);background:#5ec47a1a}.log-badge.inf{color:var(--accent2);background:#5b8fd41a}.log-badge.wrn{color:var(--accent);background:#d4a8531a}.log-badge.err{color:var(--red);background:#e06c751a}.log-message{color:var(--text)}.info-scroll{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.info-scroll::-webkit-scrollbar{width:2px}.info-scroll::-webkit-scrollbar-thumb{background:var(--border2)}.info-card{background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:11px 13px;transition:border-color .2s,transform .2s,box-shadow .2s;cursor:default}.info-card:hover{border-color:var(--border2);transform:translate(3px);box-shadow:-3px 0 0 var(--accent)}.info-card-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--faint);margin-bottom:5px}.info-card-value{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--text)}.info-card-sub{font-family:var(--sans);font-size:10px;color:var(--muted);margin-top:2px}.info-card-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.info-pill{background:var(--bg4);border:1px solid var(--border2);border-radius:3px;padding:2px 8px;font-family:var(--sans);font-size:10px;font-weight:500;color:var(--muted);transition:all .15s}.info-pill:hover{color:var(--accent);border-color:var(--accent);background:#d4a85312;transform:translateY(-1px)}.info-pill-link{cursor:pointer!important}.terminal-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.terminal-output{flex:1;overflow-y:auto;padding:12px 14px 6px;font-family:var(--mono);font-size:11px;line-height:1.8}.terminal-output::-webkit-scrollbar{width:2px}.terminal-output::-webkit-scrollbar-thumb{background:var(--border2)}.terminal-line{color:var(--text)}.terminal-welcome{color:var(--green);margin-bottom:2px}.terminal-hint{color:var(--faint);font-size:10px;margin-bottom:8px}.terminal-accent{color:var(--accent)}.terminal-prompt-text{color:var(--green)}.terminal-cmd-text{color:var(--text)}.terminal-result-line{color:var(--cyan);padding-left:2px}.terminal-error-line{color:var(--red);padding-left:2px}.terminal-section{color:var(--faint);font-size:10px;padding-left:2px}.terminal-blink{display:inline-block;animation:ping 1s step-end infinite}.terminal-image-slot{padding:0 14px 8px;flex-shrink:0}.terminal-image-wrap{border:1px solid var(--border2);border-radius:6px;overflow:hidden;background:var(--bg3)}.terminal-image-wrap img{width:100%;max-height:160px;object-fit:contain;display:block}.terminal-image-label{padding:4px 10px;font-size:9px;color:var(--muted);letter-spacing:.1em;border-top:1px solid var(--border)}.terminal-input-row{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--border2);background:var(--bg4);flex-shrink:0}.terminal-prompt{font-family:var(--mono);font-size:11px;color:var(--green);white-space:nowrap;flex-shrink:0}.terminal-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--mono);font-size:11px;color:var(--text);caret-color:var(--accent);cursor:text!important;min-width:0}.terminal-input::placeholder{color:var(--muted)}.workfolder-view{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 10px;display:flex;flex-direction:column;gap:6px;position:relative;-webkit-overflow-scrolling:touch}.workfolder-view::-webkit-scrollbar{width:2px}.workfolder-view::-webkit-scrollbar-thumb{background:var(--border2)}.folder-card{background:var(--bg3);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .2s;flex-shrink:0}.folder-card:hover{border-color:var(--border2)}.folder-card-header{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.folder-card-header:hover{background:#ffffff08}.folder-card-icon{width:30px;height:30px;border-radius:6px;background:#d4a8531f;border:1px solid rgba(212,168,83,.2);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;color:var(--accent)}.folder-card-icon.blue{background:#5b8fd41f;border-color:#5b8fd433;color:var(--accent2)}.folder-card-icon.green{background:#5ec47a1f;border-color:#5ec47a33;color:var(--green)}.folder-card-info{flex:1;min-width:0}.folder-card-title{display:block;font-family:var(--sans);font-size:12px;font-weight:600;color:var(--text)}.folder-card-subtitle{display:block;font-family:var(--sans);font-size:10px;color:var(--muted);margin-top:1px}.folder-card-action{display:flex;align-items:center;gap:5px;flex-shrink:0}.folder-arrow{font-size:10px;color:var(--muted);transition:transform .2s}.folder-card.open>.folder-card-header .folder-arrow{transform:rotate(180deg)}.folder-card-content{display:none;border-top:1px solid var(--border)}.folder-card.open>.folder-card-content{display:block}.folder-card-scroll{padding:4px 0;max-height:200px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.folder-card-scroll::-webkit-scrollbar{width:2px}.folder-card-scroll::-webkit-scrollbar-thumb{background:var(--border2)}.file-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;text-decoration:none}.file-item:last-child{border-bottom:none}.file-item:hover{background:#ffffff0a}.file-thumbnail{width:36px;height:36px;border-radius:5px;overflow:hidden;background:var(--bg4);border:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px}.file-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.video-thumb{color:var(--accent2);font-size:14px}.project-thumb{color:var(--accent);font-size:14px}.file-info{flex:1;min-width:0}.file-name{display:block;font-family:var(--sans);font-size:11px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-desc{display:block;font-family:var(--sans);font-size:10px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-action-btn{width:26px;height:26px;border:1px solid var(--border2);border-radius:4px;background:none;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--faint);cursor:pointer!important;flex-shrink:0;transition:all .15s}.file-action-btn:hover{border-color:var(--accent);color:var(--accent)}.wf-image-overlay,.wf-video-overlay{display:none;position:absolute;inset:34px 0 0;background:#000000eb;z-index:50;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wf-image-overlay.active,.wf-video-overlay.active{display:flex}.wf-overlay-close{position:absolute;top:10px;right:12px;background:var(--bg3);border:1px solid var(--border2);border-radius:5px;color:var(--muted);font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer!important;transition:all .15s;z-index:51}.wf-overlay-close:hover{color:var(--red);border-color:var(--red)}#wf-image-preview{max-width:calc(100% - 24px);max-height:calc(100% - 60px);object-fit:contain;border-radius:6px;border:1px solid var(--border2)}.wf-video-container{width:calc(100% - 24px);max-height:calc(100% - 60px)}.wf-video-container video{width:100%;max-height:calc(100vh - 180px);border-radius:6px;border:1px solid var(--border2);background:#000}.music-player{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:12px;gap:10px;min-height:0}.music-now-playing{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:12px;flex-shrink:0}.music-track-info{display:flex;align-items:center;gap:12px}.music-disc{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,var(--bg4) 30%,var(--border2) 100%);border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .3s}.music-disc.spinning{animation:disc-spin 4s linear infinite;border-color:var(--accent)}@keyframes disc-spin{to{transform:rotate(360deg)}}.music-disc-inner{font-size:14px;color:var(--accent)}.music-track-title{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.music-track-artist{font-family:var(--sans);font-size:10px;color:var(--muted);margin-top:2px}.music-progress-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.music-time{font-size:10px;color:var(--muted);min-width:30px;text-align:center}.music-progress-bar{flex:1;height:6px;background:var(--bg4);border-radius:3px;position:relative;cursor:pointer!important;touch-action:none}.music-progress-fill{height:100%;background:var(--accent);border-radius:3px;width:0%;transition:width .1s linear}.music-progress-handle{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .15s}.music-progress-bar:hover .music-progress-handle{opacity:1}.music-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.music-btn{background:var(--bg3);border:1px solid var(--border2);border-radius:5px;color:var(--text);font-size:13px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer!important;transition:all .15s;-webkit-user-select:none;user-select:none}.music-btn:hover{border-color:var(--accent);color:var(--accent)}.music-btn-main{width:40px;height:40px;font-size:14px;background:var(--accent);color:#0e0e10;border-color:var(--accent)}.music-btn-main:hover{box-shadow:0 0 16px #d4a85366;transform:scale(1.05)}.music-btn-sm{width:30px;height:30px;font-size:11px}.music-volume-wrap{display:flex;align-items:center;gap:6px;margin-left:auto}.music-vol-slider{width:60px;accent-color:var(--accent);cursor:pointer!important;touch-action:none;height:20px}.music-vol-pct{font-size:10px;color:var(--muted);min-width:28px}.music-playlist-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg3);border:1px solid var(--border);border-radius:7px;min-height:0}.music-playlist-label{padding:7px 12px 6px;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--faint);border-bottom:1px solid var(--border);flex-shrink:0}.music-playlist{flex:1;overflow-y:auto;padding:4px 0;-webkit-overflow-scrolling:touch}.music-playlist::-webkit-scrollbar{width:2px}.music-playlist::-webkit-scrollbar-thumb{background:var(--border2)}.music-track-item{display:flex;align-items:center;gap:9px;padding:8px 12px;cursor:pointer!important;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none}.music-track-item:hover{background:var(--bg4)}.music-track-item.playing{color:var(--accent)}.music-track-num{font-size:10px;color:var(--faint);min-width:18px;text-align:right;flex-shrink:0}.music-track-item.playing .music-track-num{color:var(--accent)}.music-track-name{font-family:var(--sans);font-size:11px;font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track-item:hover .music-track-name{color:var(--text)}.music-track-item.playing .music-track-name{color:var(--accent);font-weight:600}.status-bar{height:22px;flex-shrink:0;background:var(--accent);display:flex;align-items:center;padding:0 12px;gap:14px}.status-item{font-family:var(--sans);font-size:10px;font-weight:600;color:#0e0e10;letter-spacing:.06em;display:flex;align-items:center;gap:5px}.status-gap{flex:1}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@media(max-width:900px){.mobile-menu-btn{display:flex}.window-buttons,.titlebar-right{display:none}.sidebar{position:fixed;top:36px;left:0;height:calc(100vh - 58px);z-index:300;transform:translate(-100%);box-shadow:4px 0 20px #00000080;max-width:280px}.sidebar.mobile-open{transform:translate(0)}.resizer{display:none}.output-panel{width:42%;min-width:180px}.code-area{font-size:11.5px;padding:14px 16px}.line-gutter{width:38px}.editor-toolbar{height:38px;padding:0 10px;gap:5px}.btn{height:26px;padding:0 10px;font-size:10px}.toolbar-info{display:none}.folder-card-scroll{max-height:160px}}@media(max-width:600px){html,body{font-size:12px}.titlebar{padding:0 10px;gap:8px}.titlebar-center{font-size:10px}.workspace{flex-direction:column}.sidebar{width:85vw;max-width:300px}.main-editor{flex:1;min-height:0;border-right:none;border-bottom:1px solid var(--border)}.output-panel{width:100%;max-width:100%;min-width:0;height:46%;flex-shrink:0;border-top:2px solid var(--border2)}.code-area{font-size:11px;padding:10px 12px;line-height:1.7}.line-gutter{width:34px;font-size:9.5px;padding:10px 6px 10px 0}.editor-toolbar{height:36px;padding:0 8px;gap:4px}.btn{height:24px;padding:0 8px;font-size:9.5px;letter-spacing:.04em}.btn-inject,.toolbar-spacer,.toolbar-info{display:none}.output-header{height:32px}.output-tab{padding:0 10px;font-size:9px;letter-spacing:.08em}.tab-bar{height:30px}.editor-tab{padding:0 12px;font-size:10px;gap:6px}.status-bar{padding:0 8px;gap:10px}.status-item{font-size:9px}.music-player{padding:8px;gap:8px}.music-disc{width:36px;height:36px}.music-track-title{font-size:11px;max-width:130px}.music-btn{width:32px;height:32px}.music-btn-main{width:36px;height:36px}.music-btn-sm{width:26px;height:26px;font-size:10px}.music-vol-slider{width:48px}.folder-card-scroll{max-height:140px}.terminal-input-row{padding:8px 10px;gap:6px}.terminal-prompt,.terminal-input{font-size:10px}}@media(max-width:380px){.titlebar-center{font-size:9px}.output-tab{padding:0 7px;font-size:8.5px}}