:root{--bg-color: #0a0a0a;--surface-color: #141414;--text-main: #ffffff;--text-dim: #a1a1aa;--accent-color: #f28c29;--accent-light: rgba(242, 140, 41, .12);--border-color: #27272a;--pane-border: 1px solid #27272a;--glass-bg: rgba(20, 20, 20, .8);--glass-border: rgba(255, 255, 255, .03);--error-color: #f43f5e;--header-height: 56px}*{box-sizing:border-box;margin:0;padding:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);height:100vh;overflow:hidden}#root{height:100%}#main-layout{display:flex;height:100vh;width:100vw}.sidebar-icon:hover{background-color:#ffffff0d;color:var(--accent-color)}.sidebar-icon.active{color:var(--accent-color);background-color:var(--accent-light)}#content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}#header{height:var(--header-height);background:#0f0f0f;border-bottom:var(--pane-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;z-index:10}.header-left{display:flex;align-items:center;gap:1rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:var(--text-dim)}.badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge.easy{background-color:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.badge.medium{background-color:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.2)}#container{flex:1;display:flex;overflow:hidden;padding:4px}.pane-wrapper{display:flex;flex-direction:column}.pane{background-color:var(--bg-color);border:var(--pane-border);border-radius:4px;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;box-shadow:0 4px 16px #0009}.resize-handle{position:relative;background-color:transparent;transition:background-color .2s;z-index:5}.resize-handle.horizontal{width:8px;margin:0 -4px;cursor:col-resize}.resize-handle.vertical{height:8px;margin:-4px 0;cursor:row-resize}.resize-handle:hover,.resize-handle[data-resize-handle-active]{background-color:#f28c290d}.resize-handle:after{content:"";position:absolute;background-color:#3f3f46;transition:all .2s}.resize-handle.horizontal:after{top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:32px}.resize-handle.vertical:after{top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:1px}.resize-handle:hover:after,.resize-handle[data-resize-handle-active]:after{background-color:var(--accent-color)}.pane-header{height:40px;background:#18181b;border-bottom:var(--pane-border);display:flex;align-items:center;padding:0 1rem;gap:1.25rem}.pane-tab{padding:0 .25rem;height:100%;display:flex;align-items:center;font-size:.7rem;font-weight:700;color:var(--text-dim);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;letter-spacing:.05em;text-transform:uppercase}.pane-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.pane-content{flex:1;overflow:auto;padding:1.5rem}#output{padding:.5rem .75rem}.log-item{font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-color);color:var(--text-main);border-left:3px solid var(--accent-color);background:rgba(255,255,255,.02);margin-bottom:4px}.error-item{color:#ff8080;font-family:JetBrains Mono,monospace;font-size:.8rem;background-color:#f43f5e1a;padding:.75rem;border-radius:4px;border-left:3px solid var(--error-color);margin:.5rem 0;line-height:1.5}#intro-view pre{font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.6;color:var(--text-main)}#intro-view h2{font-size:1.1rem;margin-bottom:1rem}.controls{display:flex;gap:.75rem;align-items:center}#run-button,.action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem 1rem;border-radius:6px;font-size:.7rem;font-weight:800;cursor:pointer;border:1px solid var(--border-color);background-color:#1a1a1a;color:var(--text-main);transition:all .2s;letter-spacing:.05em;text-transform:uppercase}#run-button{background-color:var(--accent-color);color:#000;border:none;box-shadow:0 4px 14px #f28c2940}#run-button:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 6px 20px #f28c2959}.action-button:hover{background-color:#27272a;border-color:#3f3f46}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#475569}.dropdown-content{position:absolute;top:100%;right:0;background:#0f1010;backdrop-filter:blur(20px);border:var(--pane-border);border-radius:6px;box-shadow:0 12px 30px #000000b3;z-index:100;min-width:200px;padding:4px;margin-top:8px}.dropdown-content button{width:100%;padding:.6rem .8rem;border:none;color:var(--text-main);background:transparent;display:flex;align-items:center;gap:12px;font-size:.75rem;font-weight:500;cursor:pointer;border-radius:4px;text-align:left}.dropdown-content button:hover{background-color:var(--bg-color)}@media (max-width: 768px){#header{padding:0 .75rem}.breadcrumb{display:none}.controls{gap:.5rem}#run-button,.action-button{padding:.4rem .6rem}.pane-content{padding:1rem}.resize-handle.horizontal{display:none}.resize-handle.vertical{height:12px}}@media (max-width: 480px){.header-left{gap:.5rem}.controls{gap:.25rem}}