html,body,#root{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}::selection{color:#fff;background:#264f78}:root{--bg-editor:#1e1e1e;--bg-sidebar:#252526;--bg-activity:#333;--bg-title:#3c3c3c;--bg-tab:#2d2d2d;--bg-tab-active:#1e1e1e;--bg-status:#007acc;--bg-input:#3c3c3c;--bg-hover:#2a2d2e;--bg-notepad:#181818;--border:#3e3e42;--border-soft:#2b2b2b;--fg:#ccc;--fg-dim:#858585;--fg-bright:#e7e7e7;--accent:#007acc;--accent-soft:#264f78;--selection:#264f78;--tok-keyword:#569cd6;--tok-string:#ce9178;--tok-comment:#6a9955;--tok-number:#b5cea8;--tok-type:#4ec9b0;--tok-function:#dcdcaa;--tok-punct:#d4d4d4;--tok-plain:#d4d4d4;--font-ui:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--activity-w:48px;--sidebar-w:240px;--title-h:30px;--status-h:22px;--notepad-h:min(34vh, 280px)}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--fg);font-family:var(--font-ui);background:#111;margin:0}button,input,textarea{font:inherit;color:inherit}.vscode-app{grid-template-rows:var(--title-h) 1fr var(--status-h);background:var(--bg-editor);isolation:isolate;height:100%;display:grid;overflow:hidden}.titlebar{background:linear-gradient(180deg, #404040 0%, var(--bg-title) 100%);-webkit-user-select:none;user-select:none;border-bottom:1px solid #2b2b2b;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;min-width:0;padding:0 10px;font-size:12px;display:grid}.titlebar-traffic{gap:6px;padding-left:4px;display:flex}.dot{border-radius:50%;width:11px;height:11px;display:inline-block}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.titlebar-menus{color:var(--fg);opacity:.9;gap:12px;display:flex}.titlebar-menus span{cursor:default}.titlebar-center{text-align:center;color:#bbb;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.titlebar-spacer{width:48px}.workbench{grid-template-columns:var(--activity-w) auto 1fr;min-width:0;min-height:0;display:grid}.activity-bar{background:var(--bg-activity);border-right:1px solid #252526;flex-direction:column;align-items:center;padding:4px 0;display:flex}.activity-bar button{color:#858585;cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;display:grid;position:relative}.activity-bar button svg{width:24px;height:24px}.activity-bar button:hover,.activity-bar button.active{color:#fff}.activity-bar button.active:before{content:"";background:#fff;width:2px;position:absolute;top:10px;bottom:10px;left:0}.activity-spacer{flex:1}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border-soft);flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar-header{letter-spacing:.08em;color:var(--fg-dim);justify-content:space-between;align-items:center;padding:10px 12px 8px;font-size:11px;display:flex}.sidebar-header .ghost{color:var(--fg-dim);cursor:pointer;background:0 0;border:0;padding:2px 6px}.sidebar-section{padding:0 0 8px}.tree-root{width:100%;color:var(--fg-bright);letter-spacing:.04em;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:2px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.chevron{width:16px;height:16px;color:var(--fg-dim)}.chevron.open{transform:rotate(0)}.tree{margin:0;padding:0 0 0 12px;list-style:none}.tree li{color:var(--fg);border-radius:0;align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:flex}.tree li.folder{color:var(--fg-bright);padding-left:8px}.tree li.file{padding-left:22px}.tree li.active{background:#37373d}.tree li.muted{color:var(--fg-dim)}.tree-icon{flex-shrink:0;width:16px;height:16px}.tree-icon.dim{opacity:.55}.folder-icon{color:#dcb67a}.sidebar-hint{border-top:1px solid var(--border-soft);color:var(--fg-dim);margin-top:auto;padding:14px 12px 16px;font-size:12px;line-height:1.45}.sidebar-hint p{margin:0 0 12px}.primary-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:2px;padding:8px 12px;font-size:12px;font-weight:500}.primary-btn:hover{filter:brightness(1.08)}.ghost-btn{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:2px;padding:8px 12px;font-size:12px}.ghost-btn:hover{background:var(--bg-hover)}.editor-column{grid-template-rows:35px 22px minmax(120px, 1fr) var(--notepad-h);background:var(--bg-editor);min-width:0;min-height:0;display:grid}.tabs{background:var(--bg-tab);border-bottom:1px solid #252526;align-items:stretch;min-width:0;display:flex}.tab{color:#969696;background:#2d2d2d;border-right:1px solid #252526;align-items:center;gap:8px;max-width:220px;padding:0 14px;font-size:13px;display:flex}.tab.active{background:var(--bg-tab-active);color:var(--fg-bright);box-shadow:inset 0 -1px 0 var(--accent)}.tab-icon{width:16px;height:16px}.tab-close{opacity:.55;place-items:center;width:16px;height:16px;display:grid}.tab-close svg{width:12px;height:12px}.tab-actions{align-items:center;gap:4px;margin-left:auto;padding:0 8px;display:flex}.text-btn{color:#c8c8c8;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:4px 8px;font-size:12px}.text-btn:hover{background:#3a3a3a}.breadcrumb{color:#bbb;background:var(--bg-editor);border-bottom:1px solid #2b2b2b;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:flex}.breadcrumb .sep{opacity:.5}.editor-pane{background:radial-gradient(1200px 400px at 10% -10%, #007acc14, transparent 55%), var(--bg-editor);grid-template-columns:52px 1fr;min-height:0;display:grid;overflow:auto}.gutter{background:var(--bg-editor);text-align:right;-webkit-user-select:none;user-select:none;z-index:1;border-right:1px solid #0000;padding:8px 0;position:sticky;left:0}.line-number{height:20px;line-height:20px;font-family:var(--font-mono);color:#858585;padding-right:12px;font-size:13px}.code-surface{font-family:var(--font-mono);white-space:pre;min-width:max-content;margin:0;padding:8px 0 24px;font-size:13px;line-height:20px}.code-line{min-height:20px;padding-right:24px;display:block}.tok-keyword{color:var(--tok-keyword)}.tok-string{color:var(--tok-string)}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-number{color:var(--tok-number)}.tok-type{color:var(--tok-type)}.tok-function{color:var(--tok-function)}.tok-punctuation{color:var(--tok-punct)}.tok-plain{color:var(--tok-plain)}.caret{vertical-align:-2px;background:#aeafad;width:2px;height:16px;margin-left:1px;display:inline-block}.caret.off{opacity:0}.caret.on{opacity:1}.notepad{background:var(--bg-notepad);cursor:text;border-top:1px solid #3c3c3c;grid-template-rows:auto 1fr;min-height:0;display:grid;box-shadow:0 -8px 24px #00000040}.notepad-header{background:#1f1f1f;border-bottom:1px solid #2b2b2b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;display:flex}.output-title-row{align-items:baseline;gap:10px;min-width:0;display:flex}.notepad-header strong{letter-spacing:.08em;text-transform:uppercase;color:#ddd;font-size:11px;font-weight:600}.notepad-sub{color:var(--fg-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.output-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.code-key{appearance:none;color:#e8e8e8;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#3a3a3a 0%,#2a2a2a 100%);border:1px solid #555;border-radius:3px;min-width:64px;padding:4px 12px 5px;font-size:12px;font-weight:600;box-shadow:0 1px #111,inset 0 1px #ffffff0f}.code-key:hover{color:#fff;border-color:#6a6a6a}.code-key:active,.code-key.armed{background:linear-gradient(#1f4e79 0%,#0e639c 100%);border-color:#3b8cc4;transform:translateY(1px);box-shadow:inset 0 1px 2px #00000059}.code-key.flash{background:linear-gradient(#2d6a3e 0%,#1f8a3c 100%);border-color:#3fa85a}.code-key-label{pointer-events:none}.progress-wrap{background:#2a2a2a;border:1px solid #3e3e42;border-radius:2px;min-width:110px;height:22px;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#0e639c,#17b);transition:width 60ms linear;position:absolute;inset:0 auto 0 0}.progress-label{z-index:1;height:100%;font-size:11px;font-family:var(--font-mono);color:#e8e8e8;place-items:center;padding:0 6px;display:grid;position:relative}.output-surface{background:repeating-linear-gradient(0deg,#0000,#0000 19px,#ffffff04 19px 20px),#141414;grid-template-rows:auto 1fr;min-height:0;display:grid;position:relative}.output-chrome{font-family:var(--font-mono);color:#4ec9b0;pointer-events:none;align-items:center;gap:8px;padding:6px 12px 0;font-size:12px;display:flex}.output-prompt{opacity:.85}.output-hint{color:#555;letter-spacing:.02em}.notepad-input{resize:none;width:100%;height:100%;font-family:var(--font-mono);caret-color:#aeafad;background:0 0;border:0;outline:none;padding:4px 14px 12px;font-size:14px;line-height:1.5}.output-surface.obscured .notepad-input{color:#0000;-webkit-text-fill-color:transparent}.output-surface.obscured .notepad-input::selection{color:#0000;-webkit-text-fill-color:transparent;background:#007acc40}.output-surface.revealed .notepad-input{color:#dcdcdc;-webkit-text-fill-color:#dcdcdc}.notepad-input::placeholder{color:#0000}.notepad-input:focus{background:#007acc08}.statusbar{background:linear-gradient(90deg, #0e639c, var(--bg-status));color:#fff;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.status-left,.status-right{align-items:center;gap:12px;min-width:0;display:flex}.branch{font-weight:500}.modal-backdrop{z-index:50;background:#0000008c;place-items:center;padding:16px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.modal{background:#252526;border:1px solid #474747;border-radius:6px;grid-template-rows:auto auto auto auto 1fr auto;width:min(720px,100%);max-height:min(88vh,820px);animation:.2s ease-out rise-in;display:grid;overflow:hidden;box-shadow:0 16px 48px #00000073}.modal-header{justify-content:space-between;align-items:center;padding:14px 16px 8px;display:flex}.modal-header h2{color:#fff;margin:0;font-size:16px;font-weight:600}.icon-btn{color:var(--fg-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.icon-btn:hover{color:#fff;background:#3a3a3a}.icon-btn svg{width:18px;height:18px}.modal-copy{color:#b0b0b0;margin:0;padding:0 16px 12px;font-size:13px;line-height:1.45}.field{color:#9d9d9d;gap:6px;padding:0 16px 12px;font-size:12px;display:grid}.field.grow{grid-template-rows:auto 1fr;min-height:0}.field input,.field textarea{color:#ddd;width:100%;font-family:var(--font-mono);background:#1e1e1e;border:1px solid #3c3c3c;border-radius:3px;outline:none;padding:8px 10px;font-size:13px}.field textarea{resize:vertical;min-height:280px;line-height:1.45}.field input:focus,.field textarea:focus{border-color:var(--accent)}.modal-actions{background:#2a2a2a;border-top:1px solid #333;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 16px;display:flex}.modal-actions-right{gap:8px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=860px){.titlebar-menus{display:none}.workbench{grid-template-columns:var(--activity-w) 1fr}.sidebar{display:none}.editor-column{grid-template-rows:35px 0 minmax(100px,1fr) min(42vh,320px)}.breadcrumb{display:none}:root{--notepad-h:min(42vh, 320px)}.notepad-header{flex-direction:column;align-items:stretch}.output-actions{width:100%;margin-left:0}.progress-wrap{flex:1;min-width:0}.notepad-sub,.status-right span:nth-child(n+3){display:none}}@media (width<=520px){.titlebar-center{font-size:11px}.tab-actions .text-btn:last-child{display:none}.modal{grid-template-rows:auto auto auto auto minmax(180px,1fr) auto}.field textarea{min-height:180px}.modal-actions{flex-direction:column;align-items:stretch}.modal-actions-right{justify-content:flex-end}}