.app_container{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:14px;padding:0 24px;height:50px;background:var(--bg2);border-bottom:1px solid var(--bdr);flex-shrink:0;z-index:100}.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;letter-spacing:-.4px}.logo-ic{width:24px;height:24px;background:var(--acc);border-radius:6px;display:flex;align-items:center;justify-content:center}.logo-ic svg{color:var(--bg)}.sep{flex:1}.stat{font-size:11px;color:var(--t3)}.stat b{color:var(--acc);font-weight:600}.saved-stat{font-size:11px;color:var(--t3);display:flex;align-items:center;gap:5px}.saved-stat .dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.content{display:flex;flex:1;overflow:hidden;background:var(--bg)}.grid-container{flex:1;overflow-y:auto;background:var(--bg)}.grid-win{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:border-color .2s}.grid-win:hover{border-color:var(--bdr2)}.react-grid-placeholder{background:var(--accg)!important;border-radius:10px!important;opacity:.5!important}.win-h{height:40px;padding:0 16px;background:var(--bg3);border-bottom:1px solid var(--bdr);display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:var(--t2);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}.win-h:active{cursor:grabbing}.win-btns{display:flex;gap:6px}.win-btns span{width:8px;height:8px;border-radius:50%;background:var(--bg5)}.win-b{flex:1;overflow:hidden;background:var(--bg2);display:flex;flex-direction:column}.iframe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;z-index:999}.sidebar_container{width:var(--sb-w);flex-shrink:0;border-right:1px solid var(--bdr);background:var(--bg2);display:flex;flex-direction:column;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar_container.collapsed{width:0;border-right:none}.sidebar{width:var(--sb-w);height:100%;display:flex;flex-direction:column}.side-toggle{background:transparent;border:none;color:var(--t3);cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .2s;margin-right:-4px}.side-toggle:hover{background:var(--bg4);color:var(--t1)}.sidebar_container.collapsed .sidebar{visibility:hidden}.sidebar-h{padding:12px 16px;border-bottom:1px solid var(--bdr)}.toolbar{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:var(--bg2);border-bottom:1px solid var(--bdr)}.search-w{position:relative;width:100%}.search-w svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--t3);pointer-events:none}.search{width:100%;padding:8px 14px 8px 36px;background:var(--bg4);border:1px solid var(--bdr);border-radius:8px;color:var(--t1);font:inherit;font-size:13px;outline:none;transition:border .15s}.search:focus{border-color:var(--acc);box-shadow:0 0 0 2px var(--accg)}.search::placeholder{color:var(--t3)}.filters{display:flex;flex-wrap:wrap;gap:6px}.pill{padding:5px 12px;border-radius:20px;border:1px solid var(--bdr);background:var(--bg3);color:var(--t3);font:inherit;font-size:11px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px}.pill:hover{border-color:var(--bdr2);color:var(--t2)}.pill.on{background:var(--accg);border-color:var(--acc);color:var(--acc);font-weight:500}.rcount{font-size:11px;color:var(--t3);margin-top:4px}.rcount b{color:var(--t1)}.main_list{flex:1;overflow-y:auto;background:var(--bg)}.sec-h{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;background:var(--bg);border-bottom:1px solid var(--bdr);-webkit-user-select:none;user-select:none;transition:background .1s}.sec-h:hover{background:var(--bg3)}.sec-n{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--t3);flex:1}.sec-saved{font-size:10px;color:var(--green);display:flex;align-items:center;gap:3px}.sec-saved .d{width:5px;height:5px;border-radius:50%;background:var(--green)}.sec-c{font-size:10px;color:var(--t3);padding:2px 7px;border-radius:4px;background:var(--bg4);border:1px solid var(--bdr)}.chev{color:var(--t3);transition:transform .18s;flex-shrink:0}.sec-h.cls .chev{transform:rotate(-90deg)}.sec-b{display:block}.sec-b.h{display:none}.prob{display:flex;flex-direction:column;gap:4px;padding:10px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid rgba(255,255,255,.02)}.prob:hover{background:var(--bg3)}.prob.active{background:var(--accg);box-shadow:inset 3px 0 0 var(--acc)}.prob-h{display:flex;align-items:center;gap:10px}.prob-n{font-size:10px;color:var(--t3);min-width:28px;font-family:JetBrains Mono,monospace;display:flex;align-items:center;gap:4px}.prob-n .sv{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}.prob-t{flex:1;font-size:13px;color:var(--t1)}.tag{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;flex-shrink:0;border:1px solid var(--bdr)}.tag-lab,.tag-art,.tag-vid,.tag-book{background:var(--bg3);color:var(--t2)}.editor-w{flex:1;display:flex;flex-direction:column;background:var(--bg);height:100%;overflow:hidden}.editor-h{height:50px;padding:0 20px;display:flex;align-items:center;gap:15px;background:var(--bg2);border-bottom:1px solid var(--bdr);flex-shrink:0}.editor-title{font-weight:600;font-size:14px;color:var(--t1)}.editor-save{font-size:11px;color:var(--t3);display:flex;align-items:center;gap:6px}.editor-save .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.sp-wrapper{flex:1;overflow:hidden;background:var(--bg2);display:flex;flex-direction:column}.devtools{height:300px;background:var(--bg2);border-top:1px solid var(--bdr);display:flex;flex-direction:column;flex-shrink:0}.dt-tabs{display:flex;background:var(--bg3);border-bottom:1px solid var(--bdr);padding:0 12px;gap:2px}.sp-custom-layout{display:flex;background:var(--bg2);border-bottom:1px solid var(--bdr);overflow:hidden;height:calc(100vh - 50px);transition:all .3s ease}.sp-segment{display:flex;flex-direction:column;flex:1;min-width:0;border-right:1px solid var(--bdr);transition:all .3s ease;height:100%}.win-btns{display:flex;gap:4px}.devtools{background:var(--bg2);display:flex;flex-direction:column;flex:1;height:100%}.devtools.minimized{flex:0 0 40px}.devtools .dt-tabs{position:relative;display:flex;background:var(--bg3);border-bottom:1px solid var(--bdr);flex-wrap:wrap;padding-right:40px}.dt-tab{padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--t3);font-size:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .1s;text-transform:uppercase;letter-spacing:.5px}.dt-tab:hover{color:var(--t2);background:rgba(255,255,255,.03)}.dt-tab.active{color:var(--acc);border-bottom-color:var(--acc);font-weight:700}.dt-body{flex:1;overflow-y:auto;background:var(--bg2);font-family:JetBrains Mono,monospace;display:flex;flex-direction:column}.dt-pane{padding:0;height:100%;width:100%;overflow-x:auto}.dt-table{width:100%;border-collapse:collapse;font-size:10px;table-layout:fixed}.dt-table th{text-align:left;padding:6px 8px;background:var(--bg3);color:var(--t3);font-weight:600;border-bottom:1px solid var(--bdr);text-transform:uppercase;letter-spacing:.5px}.dt-table td{padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.02);color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-table tr:hover{background:rgba(255,255,255,.02)}.dt-table .st{width:45px}.dt-table .me{width:50px;color:var(--t1);font-weight:700}.dt-table .ur{width:80px;color:var(--t2)}.dt-table .ti{width:60px;color:var(--t3)}.dt-table .ms{width:45px;text-align:right;color:var(--t3)}.dt-table .err td{color:#ff5f56;font-weight:700;background:rgba(255,95,86,.05)}.dt-list{display:flex;flex-direction:column}.dt-item{padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.03);font-size:11px;display:flex;align-items:center;gap:8px}.dt-item.active{background:rgba(255,255,255,.05);color:var(--acc)}.dt-item.dimmed{opacity:.5}.dt-storage-msg{padding:10px 16px;border-bottom:1px solid var(--bdr);color:var(--t3);font-size:11px;display:flex;align-items:center;gap:8px;background:var(--bg3)}.dt-storage-list{display:flex;flex-direction:column;background:var(--bg2)}.dt-storage-row{display:flex;padding:6px 16px;border-bottom:1px solid rgba(255,255,255,.01);font-size:11px}.dt-storage-row .k{width:100px;color:var(--acc);flex-shrink:0;font-weight:600}.dt-storage-row .v{color:var(--t2);word-break:break-all}.dt-code-preview{padding:16px;color:var(--t3);font-size:10px;line-height:1.6;white-space:pre-wrap;font-family:JetBrains Mono,monospace}.sp-segment:last-child{border-right:none}.sp-segment.minimized{flex:0 0 40px;background:var(--bg3)}.sp-segment.hidden{display:none}.seg-h{height:36px;background:var(--bg3);border-bottom:1px solid var(--bdr);display:flex;align-items:center;padding:0 12px;gap:8px;font-size:11px;color:var(--t2);font-weight:600;flex-shrink:0}.seg-b{flex:1;overflow:hidden;display:flex;flex-direction:column}.minimized .seg-b{display:none}.minimized .seg-h{border-bottom:none;height:100%;writing-mode:vertical-lr;justify-content:center}.win-opt{display:flex;align-items:center;gap:8px}.win-btn{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t3);transition:all .1s}.win-btn:hover{background:var(--bg5);color:var(--t1)}.devtools.minimized{height:40px!important}.devtools .dt-tabs{position:relative}.devtools .min-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.btn-solved{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;background:var(--bg3);border:1px solid var(--bdr);color:var(--t3);transition:all .2s}.btn-solved:hover{border-color:var(--green);color:var(--green)}.btn-solved.active{background:rgba(62,207,142,.1);border-color:var(--green);color:var(--green)}.cta-problem{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--acc);color:var(--bg)!important;border-radius:6px;font-size:11px;font-weight:700;border:none;cursor:pointer;transition:transform .1s,background .2s;box-shadow:0 4px 12px #ffffff1a}.cta-problem:hover{background:var(--acc2);transform:translateY(-1px)}.cta-problem:active{transform:translateY(0)}.prob-status{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:var(--green);flex-shrink:0}.prob-n .sv-check{color:var(--green);font-size:12px;font-weight:700}.fade{animation:fi .15s ease}@keyframes fi{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.cta-secondary{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg3);color:var(--t1);border:1px solid var(--bdr);border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;margin-right:8px}.cta-secondary:hover{border-color:var(--t3);background:var(--bg4)}.sp-console-list{padding:0!important}.sp-console-line{padding:0 2px!important;font-size:9px!important;min-height:11px!important;line-height:1.1!important;border-bottom:1px solid rgba(255,255,255,.01)!important}.sp-console-line:hover{background:rgba(255,255,255,.03)!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050505;--bg2:#0f0f0f;--bg3:#1a1a1a;--bg4:#252525;--bg5:#333333;--bdr:#2a2a2a;--bdr2:#444444;--acc:#ffffff;--acc2:#cccccc;--accg:rgba(255,255,255,.08);--t1:#ffffff;--t2:#a0a0a0;--t3:#666666;--green:#ffffff;--blue:#ffffff;--amber:#ffffff;--red:#ffffff;--purple:#ffffff;--sb-w: 360px}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--t1);font-family:Inter,sans-serif;font-size:13px;line-height:1.5}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:2px}#root{height:100vh}