[data-separator]:not([data-separator=disabled]){box-sizing:border-box;background:#1a1a1a;transition:background .12s ease,box-shadow .12s ease}[data-separator]:not([data-separator=disabled]):hover{background:rgba(59,130,246,.45);box-shadow:0 0 0 2px rgba(59,130,246,.45),0 0 12px rgba(59,130,246,.14);z-index:4}[data-separator=active]{background:rgba(59,130,246,.55)!important;box-shadow:0 0 0 2px rgba(59,130,246,.55),0 0 16px rgba(59,130,246,.2);z-index:4}.ide-dock-root{flex:1 1;min-height:0;min-width:0;display:flex;flex-direction:column;border:1px solid #1a1a1a;border-radius:4px;overflow:hidden;background:#080808;position:relative}.ide-pane-hold{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.ide-dock-leaf{flex-direction:column;height:100%;background:#0d0d0d}.ide-dock-body,.ide-dock-leaf{position:relative;display:flex;min-height:0;min-width:0;overflow:hidden}.ide-dock-body{flex:1 1;flex-direction:column}.ide-dock-pane{flex:1 1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.ide-dock-pane>*{flex:1 1;min-height:0;min-width:0}.ide-tabbar{position:relative;z-index:6;flex-shrink:0;display:flex;align-items:stretch;height:30px;padding:0;background:#111;border-bottom:1px solid #1a1a1a;overflow:hidden}.ide-tabbar[data-drop-over=true]{background:#152036}.ide-tabbar-spacer{flex:1 1;min-width:8px}.ide-tab-slot{display:flex;align-items:stretch;height:100%}.ide-tab-insert{flex-shrink:0;width:2px;align-self:stretch;margin:4px 0;border-radius:1px;background:#60a5fa;box-shadow:0 0 8px rgba(96,165,250,.45);pointer-events:none}.ide-tab{position:relative;display:inline-flex;align-items:center;gap:3px;box-sizing:border-box;height:100%;padding:0 4px 0 10px;border:none;border-radius:0;background:transparent;color:#8a8a8a;font:inherit;font-size:12px;font-weight:500;line-height:1;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;white-space:nowrap}.ide-tab-slot+.ide-tab-slot .ide-tab{box-shadow:inset 1px 0 0 #1a1a1a}.ide-tab:hover{color:#d4d4d4;background:#181818}.ide-tab[data-active=true]{color:#f5f5f5;background:#0d0d0d}.ide-tab[data-dragging=true]{opacity:.35}.ide-tab-overlay{height:30px;padding:0 10px;cursor:-webkit-grabbing;cursor:grabbing;background:#0d0d0d;color:#f5f5f5;font-size:12px;font-weight:500;opacity:.72;box-shadow:0 8px 24px rgba(0,0,0,.5)}.ide-tab-label{pointer-events:none}.ide-tab-close{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:2px;background:transparent;color:#555;font-size:14px;line-height:1;cursor:pointer;opacity:0}.ide-tab:hover .ide-tab-close,.ide-tab[data-active=true] .ide-tab-close{opacity:1}.ide-tab-close:hover{color:#f5f5f5;background:rgba(255,255,255,.08)}.ide-tab-add{position:relative;display:flex;align-items:center;align-self:center;padding:0 4px}.ide-tab-add-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:3px;background:transparent;color:#555;font-size:14px;line-height:1;cursor:pointer}.ide-tab-add-btn:hover{color:#d4d4d4;background:rgba(255,255,255,.06)}.ide-tab-add-menu{position:fixed;z-index:50;margin:0;padding:3px;list-style:none;min-width:104px;background:#111;border:1px solid #262626;border-radius:6px;box-shadow:0 10px 28px rgba(0,0,0,.5)}.ide-tab-add-item{display:block;width:100%;box-sizing:border-box;padding:5px 8px;border:none;border-radius:4px;background:transparent;color:#a3a3a3;font:inherit;font-size:12px;font-weight:500;text-align:left;cursor:pointer}.ide-tab-add-item:hover{background:rgba(255,255,255,.06);color:#e5e5e5}.ide-drop-overlay{position:absolute;z-index:7;box-sizing:border-box;pointer-events:none;background:rgba(59,130,246,.1);box-shadow:inset 0 0 0 2px rgba(59,130,246,.75);opacity:0;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease,opacity .15s ease}.ide-drop-overlay[data-visible=true]{opacity:1}.ide-action-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:3px;transition:color .12s ease,background .12s ease}.ide-action-btn:hover{color:#f1f5f9;background:rgba(255,255,255,.06)}.ide-action-btn:focus-visible{outline:1px solid rgba(99,102,241,.6);outline-offset:1px}.ide-action-btn--primary,.ide-action-btn--primary:hover{background:rgba(255,255,255,.1);color:#fff}.ide-action-btn--primary:hover{background:rgba(255,255,255,.18)}.ide-action-btn--danger,.ide-action-btn--danger:hover{background:rgba(239,68,68,.16);color:#fca5a5}.ide-action-btn--danger:hover{background:rgba(239,68,68,.28);color:#fff}.ide-main-dock{--ide-control-h:22px;display:flex;align-items:center;gap:6px}.ide-icon-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--ide-control-h,22px);height:var(--ide-control-h,22px);padding:0;border:1px solid #262626;border-radius:6px;background:#111;color:#a3a3a3;cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease}.ide-icon-btn:hover:not(:disabled){color:#f5f5f5;background:#171717;border-color:#404040}.ide-icon-btn:disabled{opacity:.45;cursor:not-allowed}.ide-icon-btn:focus-visible{outline:1px solid rgba(99,102,241,.55);outline-offset:1px}.ide-lang-menu{position:relative}.ide-lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:40;margin:0;padding:4px;list-style:none;min-width:112px;background:#111;border:1px solid #262626;border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.45)}.ide-lang-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:6px 8px;border:none;border-radius:5px;background:transparent;color:#d4d4d4;font:inherit;font-size:11px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .12s ease,color .12s ease}.ide-lang-option:hover{background:rgba(255,255,255,.06);color:#f5f5f5}.ide-lang-option[data-selected=true]{color:#f5f5f5}.ide-run-btn{display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;height:var(--ide-control-h);padding:0 8px;border:none;border-radius:5px;background:#166534;color:#ecfdf5;font:inherit;font-size:11px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.ide-run-btn:hover{background:#15803d;box-shadow:0 0 0 1px rgba(34,197,94,.25)}.ide-run-btn:focus-visible{outline:1px solid rgba(34,197,94,.65);outline-offset:2px}.ide-stop-btn{display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;height:var(--ide-control-h);padding:0 8px;border:none;border-radius:5px;background:rgba(127,29,29,.55);color:#fecaca;font:inherit;font-size:11px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .12s ease}.ide-stop-btn:hover{background:rgba(185,28,28,.65);color:#fff}.ide-stop-btn:focus-visible{outline:1px solid rgba(239,68,68,.65);outline-offset:2px}.ide-debug-bar{--ide-control-h:22px;display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0;padding:8px 10px;border-bottom:1px solid #1a1a1a;background:#0d0d0d}.ide-debug-bar,.ide-debug-group{align-items:center;box-sizing:border-box}.ide-debug-group{display:inline-flex;height:var(--ide-control-h);gap:1px;padding:0;background:#111;border:none;border-radius:5px;box-shadow:inset 0 0 0 1px #262626}.ide-debug-group .ide-action-btn{width:var(--ide-control-h);height:var(--ide-control-h);border-radius:3px}.ide-debug-group .ide-action-btn--primary,.ide-debug-group .ide-action-btn--primary:hover{background:transparent;color:#a3a3a3}.ide-debug-group .ide-action-btn--primary:hover{color:#f5f5f5;background:rgba(255,255,255,.08)}.ide-debug-continue{display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;height:var(--ide-control-h);padding:0 8px;border:none;border-radius:5px;background:rgba(34,197,94,.14);color:#bbf7d0;font:inherit;font-size:11px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .12s ease}.ide-debug-continue:hover{background:rgba(34,197,94,.24);color:#ecfdf5}.ide-debug-continue:focus-visible{outline:1px solid rgba(34,197,94,.55);outline-offset:1px}.ide-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;min-height:22px}.ide-share-btn:disabled{opacity:.7;cursor:default}.ide-share-btn[data-status=copied]{color:#86efac;border-color:rgba(34,197,94,.35)}.ide-share-icons{position:relative;display:block;width:12px;height:12px}.ide-share-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.86);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.ide-share-icon[data-active=true]{opacity:1;transform:scale(1)}.ide-spinner{animation:ide-spin .7s linear infinite}@keyframes ide-spin{to{transform:rotate(1turn)}}.ide-toast[data-sonner-toast]{--normal-bg:#111;--normal-border:#262626;--normal-text:#f5f5f5;--success-bg:#111;--success-border:rgba(34,197,94,0.35);--success-text:#f5f5f5;--error-bg:#111;--error-border:rgba(239,68,68,0.4);--error-text:#f5f5f5}