:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--text-on-accent: #000;--text-on-accent-inverse: #fff;--text-body: #c9d1d9;--border: #30363d;--tab-active-border: #58a6ff;--accent: #58a6ff;--accent-hover: #79c0ff;--danger: #f85149;--danger-hover: #ff6e69;--success: #3fb950;--warning: #d29922;--accent-subtle: rgba(88, 166, 255, .15);--accent-subtle-hover: rgba(88, 166, 255, .12);--danger-subtle: rgba(248, 81, 73, .1);--success-subtle: rgba(63, 185, 80, .15);--success-subtle-dim: rgba(63, 185, 80, .08);--warning-subtle: rgba(210, 153, 34, .15);--info-subtle: rgba(88, 166, 255, .1);--overlay-bg: rgba(0, 0, 0, .6);--overlay-bg-heavy: rgba(13, 17, 23, .85);--shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .4);--shadow-overlay: 0 8px 24px rgba(0, 0, 0, .5);--font-xs: 10px;--font-sm: 11px;--font-base: 13px;--font-md: 14px;--font-lg: 18px;--font-xl: 22px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--topbar-height: 42px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100dvh;display:flex;flex-direction:column;overflow:hidden}oc-app{display:contents}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}#content{flex:1;position:relative;min-height:0;display:flex;flex-direction:column;overflow:hidden}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:24px}.welcome h2{font-size:22px;font-weight:600;color:var(--text-primary)}.welcome p{font-size:14px;color:var(--text-secondary);max-width:400px;text-align:center}.folder-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;width:340px;max-height:50vh;display:flex;flex-direction:column;overflow:hidden}.folder-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.folder-panel-header h3{font-size:13px;font-weight:600;color:var(--text-primary)}.folder-panel-actions{display:flex;gap:6px}.btn-sm{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm:hover{background:var(--bg-primary)}.btn-sm svg{width:13px;height:13px;fill:currentColor}.btn-launch{width:calc(100% - 24px);margin:8px 12px;padding:8px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;background:var(--accent);color:var(--text-on-accent);flex-shrink:0}.btn-launch:hover{background:var(--accent-hover)}.btn-launch:disabled{opacity:.5;cursor:not-allowed}.instance-frame{position:absolute;inset:0;width:100%;height:100%;border:none;display:none}.instance-frame.active{display:block}.instance-frame.shell{position:fixed;inset:0;z-index:50}.loading-overlay{position:absolute;inset:0;background:var(--overlay-bg-heavy);display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10}.loading-overlay.active{display:flex}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:14px}.toast{position:fixed;bottom:20px;right:20px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:10px 16px;border-radius:8px;font-size:13px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s;max-width:320px}.toast.visible{opacity:1;pointer-events:auto}