:root{--bg: #f3f6fb;--bg-soft: #e8eef7;--panel: #ffffff;--panel-soft: #f8fafc;--panel-2: #eef2f7;--line: rgba(15, 23, 42, .1);--line-strong: rgba(15, 23, 42, .16);--text: #0f172a;--muted: #64748b;--accent: #64748b;--accent-soft: rgba(100, 116, 139, .12);--success: #16a34a;--warning: #d97706;--danger: #dc2626;--shadow: 0 12px 30px rgba(15, 23, 42, .08);--sidebar-width: 260px;--topbar-height: 78px;--content-max: 1600px;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 14px;--radius-sm: 10px;--transition: .18s ease}[data-theme=dark]{--bg: #020617;--bg-soft: #0f172a;--panel: #0f172a;--panel-soft: #111827;--panel-2: #1e293b;--line: rgba(148, 163, 184, .16);--line-strong: rgba(148, 163, 184, .28);--text: #f8fafc;--muted: #94a3b8;--accent: #cbd5e1;--accent-soft: rgba(203, 213, 225, .12);--shadow: 0 14px 34px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}a{color:inherit}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.muted{color:var(--muted)}.strong{font-weight:700}pre{overflow:auto;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-soft);color:var(--text);max-height:420px}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;transition:grid-template-columns var(--transition)}.app-shell.sidebar-collapsed{grid-template-columns:84px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;border-right:1px solid var(--line);background:var(--panel);overflow-y:auto;z-index:20;transition:width var(--transition),transform var(--transition)}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:8px 8px 20px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--text);color:var(--panel);font-weight:800}.brand-mark.large{width:54px;height:54px;border-radius:18px;font-size:22px;margin:0 auto 12px}.brand-title{font-weight:800;letter-spacing:-.02em}.brand-subtitle,.card-subtitle,.topbar-subtitle,.project-meta,.sidebar-project-hint{color:var(--muted);font-size:13px}.sidebar-section{margin:10px 0 20px}.sidebar-section-title{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:0 10px 8px}.nav-item,.sidebar-project-button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--muted);padding:10px;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition),color var(--transition)}.nav-item:hover,.sidebar-project-button:hover,.nav-item.active,.sidebar-project-button.active{background:var(--accent-soft);color:var(--text)}.nav-icon{display:inline-grid;place-items:center;width:24px;flex:0 0 24px}.sidebar-project-card{display:block;border:1px solid var(--line);background:var(--panel-soft)}.sidebar-project-name{font-weight:700}.sidebar-project-id{color:var(--muted);font-size:12px}.app-shell.sidebar-collapsed .brand-copy,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .sidebar-section-title,.app-shell.sidebar-collapsed .sidebar-project-card,.sidebar-close-mobile,.sidebar-backdrop{display:none}.app-main{min-width:0}.topbar{min-height:var(--topbar-height);position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-title-row,.topbar-right,.row-gap-sm{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topbar-title{font-size:20px;font-weight:800}.sidebar-toggle-button,.theme-toggle,.notification-button{width:38px;height:38px;display:inline-grid;place-items:center;border:0;background:transparent;box-shadow:none;color:var(--muted);border-radius:12px;cursor:pointer}.sidebar-toggle-button:hover,.theme-toggle:hover,.notification-button:hover{background:var(--accent-soft);color:var(--text)}.notification-button{position:relative}.notification-button:after{content:"";position:absolute;top:9px;right:9px;width:7px;height:7px;background:var(--warning);border-radius:50%}.tenant-pill{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:12px}.main-content{width:min(var(--content-max),calc(100vw - var(--sidebar-width)));margin:0 auto;padding:24px}.app-shell.sidebar-collapsed .main-content{width:min(var(--content-max),calc(100vw - 84px))}.page-section{display:flex;flex-direction:column;gap:18px}.page-heading h1{margin:0;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em}.page-heading p{margin:6px 0 0;color:var(--muted)}.card,.metric-card,.state-card,.login-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:18px}.card-header,.modal-header,.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.card-title{font-weight:800;font-size:16px}.card-grid,.metrics-grid,.form-grid,.entity-grid{display:grid;gap:16px}.card-grid.two,.form-grid.two,.entity-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.three,.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-label{color:var(--muted);font-size:13px}.metric-number{margin-top:8px;font-size:34px;font-weight:850;letter-spacing:-.05em}.metric-number.small{font-size:24px}.stack-sm>*+*{margin-top:8px}.stack-md>*+*{margin-top:14px}.btn{border:1px solid var(--line-strong);border-radius:12px;padding:9px 12px;cursor:pointer;background:var(--panel);color:var(--text);font-weight:650;transition:background var(--transition),transform var(--transition),border-color var(--transition)}.btn:hover{background:var(--panel-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--text);color:var(--panel);border-color:var(--text)}.btn-primary:hover{background:var(--accent);color:var(--panel)}.btn-secondary{background:transparent;color:var(--text)}.input,.textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);color:var(--text);padding:11px 12px;outline:none}.textarea{min-height:120px;resize:vertical}.textarea-sm{min-height:76px}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.checkbox{display:flex;align-items:center;gap:8px;color:var(--muted)}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg)}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--panel-soft)}.data-table th,.data-table td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}.data-table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:750;border:1px solid var(--line);background:var(--panel-soft);color:var(--muted)}.badge-success{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.badge-warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent)}.badge-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.empty-state,.state-card{display:grid;place-items:center;min-height:140px;text-align:center;color:var(--muted)}.empty-title{color:var(--text);font-weight:800}.state-card.error{border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.feedback-success,.feedback-error{padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--panel)}.feedback-success{color:var(--success)}.feedback-error{color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178a;display:grid;place-items:center;padding:20px;z-index:100}.modal-window{width:min(900px,100%);max-height:min(88vh,900px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.modal-header,.modal-body,.modal-footer{padding:18px}.modal-header,.modal-footer{border-bottom:1px solid var(--line)}.modal-footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.modal-title{font-size:18px;font-weight:850}.link-button{border:0;background:transparent;color:var(--text);text-decoration:underline;cursor:pointer;padding:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);text-align:center}@media (max-width: 1100px){.metrics-grid,.card-grid.three,.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;flex-direction:column}}@media (max-width: 900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;left:0;transform:translate(-105%);width:var(--sidebar-width)}.sidebar.is-mobile-open{transform:translate(0)}.sidebar-close-mobile{display:inline-grid;margin-left:auto}.mobile-sidebar-open .sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#02061773;z-index:15}.main-content,.app-shell.sidebar-collapsed .main-content{width:100%;padding:18px}.topbar-right{width:100%}}@media (max-width: 680px){.metrics-grid,.card-grid.two,.form-grid.two,.entity-grid.two,.card-grid.three,.form-grid.three{grid-template-columns:1fr}.tenant-pill{display:none}.topbar{padding:12px 16px}}.studio-page{gap:18px}.studio-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.studio-cycle-header-card{display:flex;flex-direction:column;gap:16px}.studio-cycle-stage-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:10px}.studio-cycle-stage{display:flex;align-items:flex-start;gap:12px;text-align:left;border:1px solid var(--line);background:var(--panel-soft);color:var(--text);border-radius:var(--radius-lg);padding:14px;cursor:pointer;min-height:118px;transition:border-color var(--transition),background var(--transition),transform var(--transition)}.studio-cycle-stage:hover:not(:disabled),.studio-cycle-stage.active{border-color:var(--accent);background:var(--accent-soft)}.studio-cycle-stage:disabled{cursor:not-allowed;opacity:.68}.studio-cycle-stage-number{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-weight:850}.studio-cycle-stage-body{display:flex;flex-direction:column;gap:3px;flex:1}.studio-cycle-stage-title{font-weight:850;font-size:16px}.studio-cycle-stage-object{color:var(--text);font-size:13px;font-weight:700}.studio-cycle-stage-description{color:var(--muted);font-size:13px;line-height:1.35}.studio-cycle-stage-arrow{display:grid;place-items:center;color:var(--muted);font-weight:850}.stage-status-pill{align-self:flex-start;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;color:var(--muted);background:var(--panel)}.stage-status-pill.done{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.stage-status-pill.active,.stage-status-pill.ready{color:var(--accent);background:var(--accent-soft)}.stage-status-pill.locked{color:var(--muted)}.studio-context-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.studio-context-strip.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.studio-context-strip>div{border:1px solid var(--line);border-radius:var(--radius-md);padding:10px;background:var(--panel-soft);min-width:0}.studio-context-strip span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.studio-context-strip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-cycle-empty-card{display:flex;flex-direction:column;gap:16px}.studio-recent-cycle-list{display:grid;gap:10px}.studio-recent-cycle-card{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:var(--radius-md);padding:12px;background:var(--panel-soft)}.studio-recent-cycle-title{font-weight:800}.studio-recent-cycle-meta{color:var(--muted);font-size:13px}.studio-stage-stack{display:flex;flex-direction:column;gap:16px}.studio-stage-card.locked{opacity:.82}.studio-locked-note{border:1px solid var(--line);border-radius:var(--radius-md);padding:12px;color:var(--muted);background:var(--panel-soft);margin:14px 0}.studio-version-pill{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel-soft);color:var(--muted);font-size:12px;font-weight:800}.studio-request-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin-top:16px}.studio-chat-panel,.studio-manifest-panel{display:flex;flex-direction:column;gap:12px;min-width:0}.studio-mini-title{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:850;margin-bottom:8px}.studio-chat-thread{min-height:260px;max-height:460px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-soft);padding:12px}.chat-row{display:flex;margin:8px 0}.chat-row.user{justify-content:flex-end}.chat-bubble{max-width:min(720px,92%);border:1px solid var(--line);background:var(--panel);padding:12px;border-radius:16px}.chat-row.user .chat-bubble{background:var(--accent-soft)}.chat-role{color:var(--muted);font-size:12px;margin-bottom:6px}.chat-content{white-space:pre-wrap;line-height:1.45}.chat-composer{display:flex;flex-direction:column;gap:10px}.align-end{justify-content:flex-end}.studio-readable-card,.studio-stage-component,.studio-file-group,.studio-deployment-cycle-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:var(--radius-lg);padding:14px}.studio-readable-card p,.studio-stage-component p,.studio-deployment-cycle-card p{color:var(--muted);margin:0;line-height:1.5}.studio-key-value{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.studio-key-value span{color:var(--muted)}.studio-key-value strong{text-align:right;overflow:hidden;text-overflow:ellipsis}.studio-stage-component-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:16px;margin-top:16px}.studio-stage-component.wide{min-width:0}.studio-muted-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.studio-muted-list span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted);background:var(--panel);font-size:12px}.studio-build-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.studio-file-list{display:flex;flex-direction:column;gap:8px}.studio-file-row{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:var(--radius-md);padding:10px;background:var(--panel)}.studio-file-row small{color:var(--muted)}.studio-muted-box{min-height:82px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius-md);background:var(--panel);text-align:center;padding:12px}.handoff-component{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:16px}.environment-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.environment-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:12px;background:var(--panel)}.environment-card strong,.environment-card span{display:block}.environment-card span{color:var(--muted);margin-top:4px}@media (max-width: 1100px){.studio-cycle-stage-strip{grid-template-columns:1fr}.studio-cycle-stage-arrow{display:none}.studio-request-grid,.studio-stage-component-grid,.studio-context-strip,.studio-context-strip.compact,.environment-pipeline{grid-template-columns:1fr}}@media (max-width: 760px){.studio-heading,.studio-recent-cycle-card,.handoff-component{flex-direction:column;align-items:stretch}.studio-build-plan-grid{grid-template-columns:1fr}}.agent-failure-notice{display:flex;gap:14px;align-items:flex-start;border:1px solid color-mix(in srgb,var(--danger) 36%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--panel));border-radius:var(--radius-lg);padding:14px}.agent-failure-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:color-mix(in srgb,var(--danger) 14%,var(--panel));color:var(--danger);font-weight:900;border:1px solid color-mix(in srgb,var(--danger) 38%,var(--line));flex:0 0 auto}.agent-failure-body{min-width:0;display:flex;flex-direction:column;gap:8px}.agent-failure-title{font-weight:900;color:var(--text)}.agent-failure-body p{margin:0;color:var(--muted);line-height:1.45}.agent-failure-meta{display:flex;flex-wrap:wrap;gap:8px}.agent-failure-meta span{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:12px}.agent-failure-body small{color:var(--muted)}.studio-locked-note.warning{border-color:color-mix(in srgb,var(--warning) 32%,var(--line));background:color-mix(in srgb,var(--warning) 8%,var(--panel));color:var(--muted)}.studio-locked-note.info{border-style:dashed}.studio-check-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.55}.environment-pipeline.detailed{align-items:stretch}.environment-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.environment-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.environment-card-meta small{color:var(--muted)}.environment-card-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}