@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";@font-face{font-family:Pretendard;src:url(../design_system_yarr/fonts/Pretendard-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg-base:#0d0f14;--color-bg-surface-0:#0d0f14;--color-bg-surface-1:#131720;--color-bg-surface-2:#1a2030;--color-bg-surface-3:#212840;--color-bg-overlay:#0d0f14d9;--color-border-subtle:#1e2538;--color-border-default:#2a3048;--color-border-strong:#3d4558;--color-cyan-dim:oklch(55% .14 200);--color-cyan-muted:oklch(65% .16 200);--color-cyan:oklch(75% .18 200);--color-cyan-bright:oklch(82% .2 200);--color-cyan-glow:oklch(75% .18 200/.25);--color-amber-dim:oklch(55% .14 55);--color-amber-muted:oklch(65% .16 55);--color-amber:oklch(72% .18 55);--color-amber-bright:oklch(80% .2 55);--color-amber-glow:oklch(72% .18 55/.25);--color-green-dim:oklch(50% .14 145);--color-green-muted:oklch(60% .16 145);--color-green:oklch(68% .18 145);--color-green-bright:oklch(76% .2 145);--color-green-glow:oklch(68% .18 145/.25);--color-red-dim:oklch(45% .16 25);--color-red-muted:oklch(55% .18 25);--color-red:oklch(62% .2 25);--color-red-bright:oklch(70% .22 25);--color-red-glow:oklch(62% .2 25/.25);--color-text-primary:#c8cdd8;--color-text-secondary:#8a94a8;--color-text-tertiary:#5a6a88;--color-text-disabled:#3d4558;--color-text-inverse:#0d0f14;--color-text-accent:var(--color-cyan);--color-text-warning:var(--color-amber);--color-text-success:var(--color-green);--color-text-danger:var(--color-red);--color-white:#fff;--color-black:#000;--color-interactive-default:var(--color-cyan);--color-interactive-hover:var(--color-cyan-bright);--color-interactive-active:var(--color-cyan-muted);--color-interactive-focus:var(--color-cyan);--color-status-live:var(--color-green);--color-status-warning:var(--color-amber);--color-status-error:var(--color-red);--color-status-idle:var(--color-text-tertiary);--color-status-planning:var(--color-amber);--color-status-executing:var(--color-cyan);--color-status-complete:var(--color-green);--color-status-aborted:var(--color-red);--color-card-bg:var(--color-bg-surface-1);--color-card-bg-raised:var(--color-bg-surface-2);--color-card-border:var(--color-border-default);--color-sidebar-bg:var(--color-bg-surface-1);--color-header-bg:var(--color-bg-surface-1);--color-input-bg:var(--color-bg-surface-2);--color-input-border:var(--color-border-default);--color-input-focus:var(--color-cyan);--color-camera-bg:#000;--color-camera-border:var(--color-border-default);--color-camera-active-glow:var(--color-cyan-glow);--color-btn-primary-bg:var(--color-cyan);--color-btn-primary-text:var(--color-text-inverse);--color-btn-primary-hover:var(--color-cyan-bright);--color-btn-secondary-bg:var(--color-bg-surface-2);--color-btn-secondary-text:var(--color-text-primary);--color-btn-secondary-border:var(--color-border-default);--color-btn-danger-bg:var(--color-red);--color-btn-danger-text:var(--color-white);--color-btn-warning-bg:var(--color-amber);--color-btn-warning-text:var(--color-text-inverse);--font-ui:"Pretendard", "Inter", "Apple SD Gothic Neo", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--mono-xs:10px;--mono-sm:11px;--mono-base:12px;--mono-md:13px;--mono-lg:14px;--mono-xl:16px;--lh-tight:1.25;--lh-snug:1.4;--lh-normal:1.5;--lh-relaxed:1.65;--ls-tight:-.01em;--ls-normal:0em;--ls-wide:.04em;--ls-wider:.08em;--ls-widest:.12em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--sidebar-width:260px;--header-height:52px;--panel-padding:var(--space-4);--card-padding:var(--space-3);--card-padding-lg:var(--space-4);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--border-width:1px;--border-color:var(--color-border-default);--shadow-card:0 1px 3px #0006;--shadow-overlay:0 8px 32px #0009;--shadow-camera-active:inset 0 0 0 1px var(--color-cyan-glow);--glow-cyan:0 0 12px var(--color-cyan-glow);--transition-fast:.1s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--color-bg-base);height:100%;color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;margin:0;padding:0}h1,h2,h3{margin:0}button{cursor:pointer}input,button{font-family:inherit}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.25}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-layout{grid-template-rows:var(--header-height) 1fr;grid-template-columns:var(--sidebar-width) 1fr;background:var(--color-bg-base);height:100vh;display:grid;overflow:hidden}.dashboard-header{padding:0 var(--space-4);background:var(--color-bg-surface-1);border-bottom:1px solid var(--color-border-default);z-index:10;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.dashboard-sidebar{background:var(--color-bg-surface-1);border-right:1px solid var(--color-border-default);transition:width var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.dashboard-sidebar.collapsed{width:0;overflow:hidden}.dashboard-main{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex;overflow:hidden}.ds-card{background:var(--color-bg-surface-1);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.ds-card-header{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.ds-card-label{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:10px;font-weight:600}.ds-card-body{padding:12px}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.live{background:var(--color-green);animation:2s ease-in-out infinite pulse-dot}.status-dot.executing{background:var(--color-cyan);animation:1s ease-in-out infinite pulse-dot}.status-dot.planning{background:var(--color-amber);animation:.7s ease-in-out infinite pulse-dot}.status-dot.error{background:var(--color-red)}.status-dot.idle{background:var(--color-text-disabled)}.ds-btn{border-radius:var(--radius-md);font-family:var(--font-ui);letter-spacing:.04em;cursor:pointer;transition:filter var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;display:inline-flex}.ds-btn:hover{filter:brightness(1.12)}.ds-btn:active{transform:scale(.97)}.ds-btn:disabled{opacity:.4;pointer-events:none}.ds-btn.primary{background:var(--color-cyan);color:#0d0f14}.ds-btn.secondary{background:var(--color-bg-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.ds-btn.danger{background:var(--color-red);color:#fff}.ds-btn.warning{background:var(--color-amber);color:#0d0f14}.ds-btn.ghost{color:var(--color-text-secondary);border:1px solid var(--color-border-default);background:0 0}.ds-btn.icon-only{padding:7px}.ds-btn.sm{padding:5px 10px;font-size:11px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--color-bg-surface-0)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.scroll-y{overflow-y:auto}.scroll-y::-webkit-scrollbar{width:4px}.scroll-y::-webkit-scrollbar-track{background:0 0}.scroll-y::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:9999px}