@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ink: #1d2d3d;--ink-soft: #6e8498;--panel: #ffffff;--line: #e2e8f0;--dark: #3a4b5c;--dark-deeper: #253341;--accent: #5e7991;--accent-soft: #a0aec0;--focus: #f6e05e;--bg-main: #4a5568}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;font-family:Sora,Segoe UI,sans-serif;color:var(--ink);background:var(--bg-main);overflow:hidden}button,input{font:inherit}.layout-root{width:100vw;height:100vh;margin:0;overflow:hidden;background:var(--panel);display:flex;flex-direction:column}.sidemenu-trigger{position:absolute;top:1rem;left:1rem;z-index:100;background:transparent;border:0;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.7}.sidemenu-trigger:hover{opacity:1}.workbench{height:100%;display:flex;flex-direction:column}.active-stage{position:relative;background:var(--dark-deeper);color:#fff;height:var(--top-height, 45%);min-height:200px;display:flex;align-items:center;justify-content:center}.fullscreen-toggle{position:absolute;bottom:1rem;right:1rem;background:transparent;border:0;color:#fff;cursor:pointer;opacity:.7}.fullscreen-toggle:hover{opacity:1}.active-center{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.active-ring{--ring-progress: 0%;width:240px;height:240px;border-radius:50%;border:4px solid rgba(255,255,255,.1);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%)}.active-ring-svg{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);transform:rotate(-90deg)}.active-ring-progress{fill:none;stroke:#fff;stroke-width:4;stroke-dasharray:754;stroke-dashoffset:calc(754 * (1 - var(--ring-progress-ratio, 0)));stroke-linecap:round;transition:stroke-dashoffset .3s ease}.active-task-label{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.active-ring strong{display:block;font-size:clamp(1.1rem,2.5vw,1.8rem);letter-spacing:.01em}.active-ring span{display:block;margin-top:.35rem;font-family:IBM Plex Mono,monospace;color:#d2e0ed}.active-controls{position:absolute;left:.8rem;top:.8rem;display:inline-flex;align-items:center;gap:.5rem}.active-controls button,.auto-advance{border:1px solid rgba(226,236,248,.38);border-radius:9px;background:#283c4d85;color:#e9f0f7;padding:.42rem .58rem;font-size:.76rem}.auto-advance{display:inline-flex;align-items:center;gap:.35rem;-webkit-user-select:none;user-select:none}.auto-advance input{accent-color:#dfeaf6}.active-stack{position:absolute;right:.8rem;bottom:.8rem;width:min(340px,calc(100% - 1.6rem));display:grid;gap:.45rem}.active-pill{background:#eef3f82e;border:1px solid rgba(227,236,244,.28);border-radius:11px;padding:.42rem .55rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.active-pill header{display:flex;align-items:center;justify-content:space-between;gap:.45rem;font-size:.8rem}.active-pill header>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-pill header button{border:1px solid rgba(247,255,255,.38);border-radius:7px;padding:.16rem .4rem;background:#24384973;color:#f4f8fc;font-size:.66rem}.active-pill.is-current{border-color:#ebf4fb85}.pill-tag{font-family:IBM Plex Mono,monospace;font-size:.63rem;letter-spacing:.08em;color:#eef5fb}.pill-meter{margin-top:.36rem;height:5px;border-radius:999px;background:#ebf2f838;overflow:hidden}.pill-meter span{display:block;height:100%;background:#f2f7fc}.splitter{height:40px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:row-resize;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink-soft);-webkit-user-select:none;user-select:none}.splitter-icon{font-size:1.2rem;letter-spacing:-2px}.bottom-area{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#fff}.timeline-container{flex:1;overflow:auto;position:relative;padding:2rem}.timeline-header{display:flex;justify-content:space-between;margin-bottom:2rem;color:var(--ink-soft);font-weight:700;font-size:.9rem}.timeline-track{position:relative;min-height:200px}.timeline-now-indicator{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--ink);z-index:10}.task-bars-container{display:flex;flex-direction:column;gap:1rem}.task-bar-row{display:flex;align-items:center;position:relative}.task-bar-item{height:48px;border-radius:8px;background:var(--line);display:flex;align-items:center;padding:0 1rem;font-weight:600;position:relative;transition:transform .2s}.task-bar-item.past-unfinished{background:#e2e8f0;color:var(--ink)}.task-bar-item.active{background:var(--dark);color:#fff}.task-bar-item.forecast{background:transparent;border:2px dashed var(--line);color:var(--ink-soft)}.task-bar-actions{position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.task-bar-item:hover .task-bar-actions{opacity:1}.task-bar-actions.left{right:calc(100% + 1rem)}.task-bar-actions.right{left:calc(100% + 1rem)}.action-btn{background:#fff;border:1px solid var(--line);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000000d}.queue-list-container{position:absolute;bottom:2rem;right:2rem;width:320px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;gap:.75rem}.queue-item{border:1px solid var(--line);border-radius:8px;padding:.75rem;display:flex;justify-content:space-between;align-items:center;position:relative}.queue-item-resize{width:8px;height:24px;background:var(--line);border-radius:2px;cursor:ew-resize;position:absolute;right:-4px}.zoom-controls{position:absolute;bottom:2rem;left:2rem;display:flex;flex-direction:column;gap:.5rem}.zoom-btn{width:48px;height:48px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--ink-soft);cursor:pointer;box-shadow:0 4px 6px #0000000d}.zoom-btn:hover{background:var(--line)}.side-menu{position:fixed;top:0;left:0;bottom:0;width:300px;background:var(--dark-deeper);color:#fff;z-index:1000;transform:translate(-100%);transition:transform .3s ease;padding:2rem;box-shadow:10px 0 25px #0003}.side-menu.open{transform:translate(0)}.side-menu h2{margin-top:0;font-size:1.2rem;color:var(--accent-soft);text-transform:uppercase;letter-spacing:.1rem}.saved-urls-list{list-style:none;padding:0;margin:2rem 0}.saved-url-item{margin-bottom:1rem;padding:.75rem;border-radius:8px;background:#ffffff0d;cursor:pointer;transition:background .2s}.saved-url-item:hover{background:#ffffff1a}.side-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.side-menu-overlay.open{opacity:1;pointer-events:auto}@media (max-width: 980px){.zoom-controls{left:1rem;bottom:1rem}.queue-list-container{right:1rem;bottom:1rem;width:280px}}