:root{--sb-bg:#07111F;--sb-surface:#252B36;--sb-surface-secondary:#1F2530;--sb-status-bar:#1A202B;--sb-surface-hover:#2D3442;--sb-border:rgba(255,255,255,0.06);--sb-accent:#3B82F6;--sb-text:#EAF1FF;--sb-text-muted:#94A3B8;--sb-text-dim:#64748B;--sb-success:#22C55E}.sandbox-workspace-bg{background-color:var(--sb-bg)}.glass-toolbar{background:rgba(13,23,38,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(0,0,0,.25)}.glass-toolbar,.sandbox-editor-panel{border:1px solid var(--sb-border);border-radius:16px}.sandbox-editor-panel{display:flex;flex-direction:column;height:100%;background-color:var(--sb-surface);overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.3);position:relative;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);--editor-bg:var(--sb-surface);--editor-gutter-bg:var(--sb-surface);--editor-border:var(--sb-border)}.sandbox-editor-panel.focused{border-color:rgba(59,130,246,.4)!important;box-shadow:0 0 0 1px rgba(59,130,246,.2)!important}.sandbox-tab-bar{display:flex;align-items:center;justify-content:space-between;background-color:var(--sb-surface-secondary);border-bottom:1px solid var(--sb-border);height:44px;padding:0 16px;flex-shrink:0;box-shadow:inset 0 -1px 0 rgba(255,255,255,.02)}.sandbox-tab-list{display:flex;gap:6px;height:100%;padding-top:8px}.sandbox-tab-button{padding:0 18px;height:100%;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--sb-text-muted);cursor:pointer;background-color:transparent;border:1px solid transparent;border-bottom:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.sandbox-tab-button:hover{color:var(--sb-text);background-color:rgba(255,255,255,.03)}.sandbox-tab-button.active{background-color:var(--sb-surface)!important;color:var(--sb-text)!important;font-weight:600;border-color:var(--sb-border)!important}.sandbox-tab-button.active:after{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;background-color:var(--sb-accent);border-radius:999px}.sandbox-tab-button-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:4px;opacity:.7;transition:opacity .2s ease}.sandbox-tab-button.active .sandbox-tab-button-icon{opacity:1}.sandbox-tab-info{display:flex;align-items:center;gap:8px}.sandbox-tab-info-label{font-size:11px;font-weight:500;color:var(--sb-text-dim);text-transform:uppercase;letter-spacing:.05em}.sandbox-editor-footer{height:32px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--sb-border);background-color:var(--sb-status-bar);font-size:11px;font-weight:400;color:var(--sb-text-muted);flex-shrink:0}.sandbox-editor-footer-left,.sandbox-editor-footer-right{display:flex;align-items:center;gap:16px}.sandbox-status-item{display:flex;align-items:center;gap:6px;padding:2px 6px;border-radius:4px;background-color:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.03)}.sandbox-editor-footer-status{display:flex;align-items:center;gap:8px}.sandbox-editor-footer-pulse{width:6px;height:6px;border-radius:50%;background-color:var(--sb-success);display:inline-block}.sandbox-editor-footer-stats{display:flex;align-items:center}.sandbox-editor-footer-format{border-left:1px solid var(--sb-border);padding-left:12px;margin-left:12px}.segmented-control{background-color:rgba(0,0,0,.2);border:1px solid var(--sb-border);border-radius:10px;padding:3px;display:flex;gap:2px;height:40px;box-sizing:border-box}.segmented-btn{border-radius:8px;padding:0 12px;height:100%;color:var(--sb-text-muted);transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;cursor:pointer}.segmented-btn.active{background-color:var(--sb-surface-hover);color:var(--sb-text);box-shadow:0 1px 3px rgba(0,0,0,.2)}.segmented-btn:hover:not(.active){color:var(--sb-text);background-color:rgba(255,255,255,.03)}.segmented-btn:active{transform:scale(.97);transition-duration:.1s}.sandbox-btn-primary{background-color:#3B82F6;border:1px solid rgba(59,130,246,.4);color:#FFFFFF;height:40px;padding:0 18px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(59,130,246,.15)}.sandbox-btn-primary:hover{background-color:#4A8AF7;transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.25)}.sandbox-btn-primary:active{transform:scale(.97);transition-duration:.1s}.sandbox-btn-secondary{background-color:rgba(15,23,38,.4);border:1px solid var(--sb-border);color:var(--sb-text);height:40px;padding:0 16px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px rgba(0,0,0,.1)}.sandbox-btn-secondary:hover{background-color:var(--sb-surface-hover);border-color:rgba(255,255,255,.12);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.sandbox-btn-secondary:active{transform:scale(.97);transition-duration:.1s}.sandbox-btn-auto{background-color:rgba(15,23,38,.4);border:1px solid var(--sb-border);color:var(--sb-text-muted);height:40px;padding:0 16px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500;transition:all .18s cubic-bezier(.4,0,.2,1)}.sandbox-btn-auto:hover{background-color:var(--sb-surface-hover);border-color:rgba(255,255,255,.12);color:var(--sb-text);transform:translateY(-1px)}.sandbox-btn-auto:active{transform:scale(.97);transition-duration:.1s}.sandbox-btn-auto.active-on{background-color:rgba(34,197,94,.1)!important;border-color:rgba(34,197,94,.3)!important;color:#FFFFFF!important}.sandbox-btn-auto.active-on:hover{background-color:rgba(34,197,94,.15)!important;border-color:rgba(34,197,94,.4)!important;transform:translateY(-1px)}.sandbox-btn-delete{background-color:rgba(15,23,38,.4);border:1px solid var(--sb-border);color:var(--sb-text-dim);height:40px;width:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1)}.sandbox-btn-delete:hover{background-color:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#EF4444;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.1)}.sandbox-btn-delete:active{transform:scale(.97);transition-duration:.1s}.sandbox-btn-auto:focus-visible,.sandbox-btn-delete:focus-visible,.sandbox-btn-primary:focus-visible,.sandbox-btn-secondary:focus-visible,.segmented-btn:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}.tool-preview-panel{border:1px solid var(--sb-border);border-radius:16px;background-color:var(--sb-surface);box-shadow:0 8px 30px rgba(0,0,0,.3);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.tool-preview-panel.preview-focus{border-color:rgba(59,130,246,.4);box-shadow:0 0 0 1px rgba(59,130,246,.2)}.browser-chrome{background-color:var(--sb-surface-secondary);border-bottom:1px solid var(--sb-border);height:44px}.browser-address-bar{background-color:rgba(0,0,0,.2);border:1px solid var(--sb-border);border-radius:6px;height:26px}.sandbox-terminal{background-color:var(--sb-surface-secondary)!important;border-top:1px solid var(--sb-border)!important}.sandbox-resize-handle{width:16px;display:flex;align-items:center;justify-content:center;cursor:col-resize;transition:background-color .2s ease}.sandbox-resize-indicator{width:2px;height:24px;background-color:var(--sb-border);border-radius:2px;transition:all .2s cubic-bezier(.4,0,.2,1)}.sandbox-resize-handle:hover .sandbox-resize-indicator,.sandbox-resize-handle[data-resize-handle-state=drag] .sandbox-resize-indicator{height:48px;width:4px;background-color:var(--sb-accent);box-shadow:0 0 8px var(--sb-accent)}