:root{--bg:#f4f8fc;--bg-elevated:#ffffffd1;--bg-panel:#f7fbffe0;--bg-panel-strong:#ecf3fbf5;--bg-inset:#e4edf7c7;--bg-tint:#3b82f614;--bg-tint-strong:#2563eb24;--bg-surface:var(--bg-panel);--code-bg:var(--bg-inset);--text:#53657b;--text-h:#0f1724;--text-muted:#7b8ba0;--border:#6c839c2e;--border-strong:#5a6f8a47;--line-soft:#97abc229;--accent:#1677ff;--accent-strong:#0f5fd0;--accent-soft:#1677ff24;--accent-bg:var(--accent-soft);--accent-hover:var(--accent-strong);--accent-border:#1677ff47;--success:#0d8f61;--success-bg:#0eb57224;--success-border:#0d8f613d;--warning:#b67616;--warning-bg:#eba33429;--warning-border:#b676163d;--error:#d94452;--error-bg:#eb575724;--error-border:#d944523d;--info:#1472d2;--info-bg:#1472d21f;--shadow-sm:0 10px 24px #09172a0f;--shadow-md:0 20px 48px #09172a17;--shadow-lg:0 28px 80px #09172a1f;--shadow-card:var(--shadow-md);--amber:var(--warning);--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--radius-xs:10px;--sans:"IBM Plex Sans", "Segoe UI", "Helvetica Neue", sans-serif;--heading:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;font:15px/1.55 var(--sans);letter-spacing:.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#2c7be51c,#0000 28%),radial-gradient(circle at 90% 10%,#00bcd414,#0000 26%),linear-gradient(#f6fafe 0%,#edf4fb 100%)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--bg:#09111d;--bg-elevated:#0b1523c7;--bg-panel:#0e192adb;--bg-panel-strong:#121f33f0;--bg-inset:#16253cd1;--bg-tint:#57a2ff1f;--bg-tint-strong:#57a2ff33;--bg-surface:var(--bg-panel);--code-bg:var(--bg-inset);--text:#d6e1efc7;--text-h:#f3f8ff;--text-muted:#adbed3b3;--border:#7c9abd2e;--border-strong:#9ab6d642;--line-soft:#6683a629;--accent:#5aa2ff;--accent-strong:#8bc0ff;--accent-soft:#5aa2ff2e;--accent-bg:var(--accent-soft);--accent-hover:var(--accent-strong);--accent-border:#5aa2ff52;--success:#37d39a;--success-bg:#37d39a29;--success-border:#37d39a47;--warning:#ffb84d;--warning-bg:#ffb84d29;--warning-border:#ffb84d47;--error:#ff7a85;--error-bg:#ff7a8529;--error-border:#ff7a8547;--info:#63b6ff;--info-bg:#63b6ff2e;--shadow-sm:0 10px 24px #00000038;--shadow-md:0 20px 48px #0000004d;--shadow-lg:0 32px 84px #00000061;--shadow-card:var(--shadow-md);--amber:var(--warning);background:radial-gradient(circle at 0 0,#1677ff29,#0000 30%),radial-gradient(circle at 88% 12%,#00bcd41a,#0000 28%),linear-gradient(#08111d 0%,#0c1727 56%,#0d1624 100%)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%}body{margin:0}a{color:inherit}h1,h2,h3,h4{font-family:var(--heading);letter-spacing:-.04em;color:var(--text-h);margin:0;font-weight:600}h1{font-size:clamp(2rem,3vw,3rem);line-height:1.03}h2{font-size:1.125rem;line-height:1.15}h3{font-size:.95rem;line-height:1.2}p{margin:0}button,input,select,textarea{font:inherit}code,pre,.mono{font-family:var(--mono)}#app{flex-direction:column;min-height:100svh;display:flex}.page-surface,.panel,.metric-card,.table-shell,.hero-banner,.shell-card,.auth-pane,.landing-stage,.timeline-card,.stream-panel,.artifact-panel,.stat-card,.workspace-card,.empty-card,.mobile-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-md)}.page-frame{flex:1;width:min(1480px,100% - 40px);margin:20px auto}.section-kicker{background:var(--bg-tint);border:1px solid var(--border);width:fit-content;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.16em;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:.68rem;display:inline-flex}.section-kicker:before{content:"";background:linear-gradient(135deg, var(--accent), #38c9d6);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.page-title{flex-direction:column;gap:10px;display:flex}.page-description{max-width:72ch;color:var(--text)}.page-header,.section-header,.shell-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header{margin-bottom:18px}.page-actions,.inline-actions,.hero-actions,.control-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:0 13px;font-size:.84rem;font-weight:600;text-decoration:none;transition:transform .14s,background-color .14s,border-color .14s,box-shadow .14s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;box-shadow:0 12px 24px #1677ff2e}.btn-primary:hover{box-shadow:0 16px 28px #1677ff3d}.btn-secondary{background:var(--bg-elevated);color:var(--text-h);border-color:var(--border)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-panel-strong)}.btn-danger{background:var(--error);color:#fff}.btn-sm{min-height:28px;padding:0 10px;font-size:.72rem}.btn-full{width:100%}.auth-page{flex:1;place-items:center;padding:28px 18px;display:grid}.auth-shell{grid-template-columns:minmax(0,1.2fr) minmax(360px,420px);gap:20px;width:min(1120px,100%);display:grid}.auth-stage,.auth-pane,.auth-state-card{border-radius:var(--radius-xl)}.auth-stage{background:radial-gradient(circle at top left, #1677ff29, transparent 36%), radial-gradient(circle at 82% 18%, #38c9d61f, transparent 28%), linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-strong) 100%);border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:28px;position:relative;overflow:hidden}.auth-stage:after{content:"";pointer-events:none;background:linear-gradient(#1677ff00,#1677ff14);height:220px;position:absolute;inset:auto -8% -20% 40%;transform:rotate(-10deg)}.auth-stage-content,.landing-story{z-index:1;flex-direction:column;gap:18px;display:flex;position:relative}.auth-pane,.auth-state-card{padding:24px}.auth-pane{flex-direction:column;gap:18px;display:flex}.auth-head{flex-direction:column;gap:8px;display:flex}.auth-overline{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem}.auth-subtitle,.auth-note{color:var(--text)}.auth-note{font-size:.86rem}.auth-form{flex-direction:column;gap:14px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:600}.form-group input,.form-group select,.form-group textarea,.filter-group input,.filter-group select,.stage-select,.search-input{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text-h);background:var(--bg-elevated);border-radius:12px;padding:0 14px;transition:border-color .14s,box-shadow .14s,background-color .14s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.filter-group input:focus,.filter-group select:focus,.stage-select:focus,.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:var(--error)}.form-group textarea{resize:vertical;min-height:120px;padding:12px 14px}.form-group input[type=file]{padding:10px 12px}.form-group small,.field-helper{color:var(--text-muted);font-size:.8rem}.field-error{color:var(--error);font-size:.8rem}.server-error,.message.error{background:var(--error-bg);color:var(--error);border:1px solid #d9445238;border-radius:12px;padding:12px 14px}.message{background:var(--success-bg);color:var(--success);border-radius:12px;padding:12px 14px}.auth-footer{color:var(--text);font-size:.88rem}.auth-footer a,.link-btn{color:var(--accent);font-weight:600}.link-btn{cursor:pointer;background:0 0;border:none;padding:0}.auth-mode-toggle{background:var(--bg-inset);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:inline-grid}.auth-mode-toggle button{min-height:36px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;font-weight:600;transition:background-color .14s,color .14s}.auth-mode-toggle button.active{background:var(--bg-elevated);color:var(--text-h);box-shadow:var(--shadow-sm)}.auth-state-page{flex:1;place-items:center;padding:24px 16px;display:grid}.auth-state-card{flex-direction:column;gap:16px;width:min(720px,100%);display:flex}.state-section{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:16px;padding:16px 18px}.state-reason{background:var(--error-bg);color:var(--text-h)}.state-next-steps{background:var(--info-bg);color:var(--text-h)}.state-boundary{background:var(--warning-bg);color:var(--text-h)}.state-section strong{letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;display:block}.status-badge,.state-badge,.type-badge,.level-badge,.mode-badge,.scope-badge,.data-pill,.tiny-pill{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:26px;padding:0 10px;font-size:.72rem;font-weight:700;display:inline-flex}.status-badge.ready,.status-badge.succeeded,.status-badge.ok,.status-badge.active,.state-badge.approved,.state-badge.promoted{background:var(--success-bg);color:var(--success)}.status-badge.running,.status-badge.starting,.status-badge.provisioning,.status-badge.pending,.state-badge.reviewed,.level-badge.info,.mode-badge.direct_ssh{background:var(--info-bg);color:var(--info)}.status-badge.failed,.status-badge.error,.status-badge.unreachable,.status-badge.auth_failed,.level-badge.error{background:var(--error-bg);color:var(--error)}.status-badge.queued,.status-badge.canceled,.status-badge.inactive,.status-badge.unknown,.status-badge.revoked,.state-badge.generated,.mode-badge.reverse_connector,.level-badge.warn{background:var(--warning-bg);color:var(--warning)}.type-badge.spec{background:var(--info-bg);color:var(--info)}.type-badge.design{color:#6d48d4;background:#7c5aff24}.type-badge.research{color:#178a97;background:#38c9d624}.type-badge.one_page,.type-badge.preview,.type-badge.improve,.type-badge.other,.scope-badge{background:var(--bg-inset);color:var(--text-h);border-color:var(--border)}.loading,.empty,.error{text-align:center;color:var(--text);padding:28px}.error{color:var(--error)}.app-shell{grid-template-columns:202px minmax(0,1fr);gap:11px;min-height:calc(100svh - 40px);display:grid}.app-sidebar{color:var(--text-h);background:radial-gradient(circle at 0 0,#5aa2ff2e,#0000 30%),linear-gradient(#f5f9fff0 0%,#ebf3fbfa 100%);border:1px solid #7891b02e;border-radius:24px;flex-direction:column;gap:12px;padding:14px 11px;display:flex;box-shadow:0 18px 42px #162e4f14}.sidebar-brand{flex-direction:column;gap:8px;display:flex}.sidebar-brand a{text-decoration:none}.brand-mark{align-items:center;gap:10px;display:flex}.brand-mark:before{content:"";background:linear-gradient(135deg,#5aa2ff,#38c9d6);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 6px #5aa2ff29}.brand-wordmark{font-family:var(--heading);letter-spacing:-.05em;font-size:1.18rem}.brand-subtitle{color:var(--text-muted);font-size:.74rem}.sidebar-cluster{flex-direction:column;gap:6px;display:flex}.sidebar-section-label{color:#53657ba8;text-transform:uppercase;letter-spacing:.16em;padding:0 4px;font-size:.64rem}.sidebar-nav,.sidebar-secondary{flex-direction:column;gap:6px;display:flex}.nav-tile{color:var(--text);background:#ffffff6b;border:1px solid #7891b024;border-radius:14px;flex-direction:column;gap:3px;padding:8px 9px;text-decoration:none;transition:background-color .14s,border-color .14s,transform .14s;display:flex}.nav-tile:hover{background:#ffffffb8;border-color:#5a6f8a33;transform:translateY(-1px)}.nav-tile.router-link-active,.nav-tile.router-link-exact-active{color:var(--text-h);background:linear-gradient(135deg,#5aa2ff38,#38c9d624);border-color:#5aa2ff3d}.nav-tile .kicker{font-family:var(--mono);color:#8ec2ff;letter-spacing:.08em;font-size:.6rem}.nav-tile strong{color:inherit;font-size:.84rem}.nav-tile span:last-child{color:#53657bcc;font-size:.72rem}html[data-theme=dark] .app-sidebar{color:#eaf2ff;background:radial-gradient(circle at 0 0,#5aa2ff2e,#0000 30%),linear-gradient(#08121ff5 0%,#0b1827f0 100%);border:1px solid #7fa0c729;box-shadow:0 24px 60px #00000042}html[data-theme=dark] .brand-subtitle{color:#dce9f89e}html[data-theme=dark] .sidebar-section-label{color:#d6e5f880}html[data-theme=dark] .nav-tile{color:#eaf2ffcc;background:#ffffff08;border:1px solid #ffffff0f}html[data-theme=dark] .nav-tile:hover{background:#ffffff0f;border-color:#ffffff1f}html[data-theme=dark] .nav-tile.router-link-active,html[data-theme=dark] .nav-tile.router-link-exact-active{color:#fff}html[data-theme=dark] .nav-tile span:last-child{color:#d6e5f899}.nav-tile.secondary{padding:6px 9px}.sidebar-footer{display:none}.sidebar-user{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-user-meta{flex-direction:column;gap:4px;display:flex}.sidebar-user-name{color:#fff;font-weight:600}.sidebar-user-subtitle{color:#d6e5f894;font-size:.78rem}.locale-switcher,.logout-btn{width:auto}.locale-switcher{border:1px solid var(--border);background:var(--bg-panel);min-width:98px;min-height:30px;color:var(--text-h);border-radius:10px;padding:0 8px;font-size:.72rem}.logout-btn{border:1px solid var(--border);background:var(--bg-panel);min-height:30px;color:var(--text-h);cursor:pointer;border-radius:10px;padding:0 10px;font-size:.72rem}.app-main{flex-direction:column;min-width:0;display:flex}.app-main-inner{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:24px;flex:1;padding:12px 13px 15px}.app-toolbar{border-bottom:1px solid var(--line-soft);align-items:center;margin-bottom:8px;padding-bottom:7px}.toolbar-context{align-items:center;min-height:28px;display:flex}.toolbar-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem}.toolbar-account{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;margin-left:auto;display:flex}.toolbar-user-chip{border:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:color-mix(in srgb, var(--bg-panel) 64%, transparent);border-radius:10px;align-items:center;gap:8px;min-height:28px;padding:3px 7px;display:inline-flex}.toolbar-user-meta{flex-direction:column;gap:2px;display:flex}.toolbar-user-name{color:var(--text-h);font-size:.74rem;font-weight:500;line-height:1.05}.toolbar-user-status{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;line-height:1.05}.landing-shell{flex:1;grid-template-columns:minmax(0,1.2fr) minmax(360px,420px);gap:20px;width:min(1440px,100% - 40px);margin:20px auto;display:grid}.landing-stage{background:radial-gradient(circle at top left, #1677ff24, transparent 34%), radial-gradient(circle at 78% 14%, #38c9d624, transparent 24%), linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-strong) 100%);border-radius:34px;padding:28px;position:relative;overflow:hidden}.landing-stage:before{content:"";pointer-events:none;border:1px solid #ffffff3d;border-radius:26px;position:absolute;inset:18px}.landing-story{z-index:1;flex-direction:column;gap:20px;display:flex;position:relative}.landing-hero-title{max-width:11ch}.landing-hero-desc{max-width:62ch;color:var(--text);font-size:1rem}.story-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-card{border-radius:18px;padding:16px}.metric-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:.72rem;display:block}.metric-value{font-family:var(--heading);color:var(--text-h);font-size:1.6rem;line-height:1}.summary-grid .metric-value{font-family:var(--sans);letter-spacing:0;word-break:break-word;font-size:.94rem;font-weight:600;line-height:1.3}.metric-detail{color:var(--text);margin-top:8px;font-size:.86rem}.landing-flow{grid-template-columns:1.1fr .9fr;gap:12px;display:grid}.flow-sequence,.constraints-panel,.feature-grid{gap:12px;display:grid}.flow-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-step,.feature-card,.constraints-panel,.story-callout,.command-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:18px}.flow-step,.feature-card,.command-card{padding:14px}.flow-step strong,.feature-card strong{color:var(--text-h);margin-bottom:6px;display:block}.flow-step span,.feature-card span,.constraints-panel p,.story-callout p{color:var(--text);font-size:.86rem}.constraints-panel,.story-callout{padding:16px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-auth-panel{border-radius:28px;flex-direction:column;gap:18px;padding:24px;display:flex}.dashboard,.flows-page,.workspace-page,.resources-dashboard,.repo-list,.host-list,.config-list,.settings-page,.api-tokens-page,.audit-page,.env-detail,.mobile-workspace{flex-direction:column;gap:18px;display:flex}.editor-layout,.governance-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;display:grid}.form-panel,.aside-card,.detail-panel,.governance-panel{border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow-md);border-radius:22px;padding:18px}.panel-stack,.editor-form,.helper-list,.meta-list,.detail-stack,.governance-stack{flex-direction:column;gap:14px;display:flex}.helper-list,.meta-list{gap:10px}.helper-item,.meta-item,.status-line,.copy-row,.file-pill,.code-block,.warning-block,.danger-zone,.probe-result-card,.bootstrap-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:16px}.helper-item,.meta-item,.warning-block,.danger-zone,.probe-result-card,.bootstrap-card{padding:14px}.helper-item strong,.meta-item strong,.warning-block strong,.danger-zone strong,.probe-result-card strong,.bootstrap-card strong{color:var(--text-h);margin-bottom:6px;display:block}.helper-item span,.meta-item span,.helper-item p,.meta-item p,.warning-block p,.danger-zone p,.probe-result-card p,.bootstrap-card p{color:var(--text);font-size:.86rem}.copy-row,.status-line{align-items:center;gap:10px;padding:12px 14px;display:flex}.copy-row code,.code-block code,.fingerprint{color:var(--text-h);word-break:break-all;flex:1}.code-block,.bootstrap-card pre{padding:14px}.bootstrap-card pre{background:var(--bg-inset);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:14px;margin:0}.radio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.radio-tile{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.radio-tile.active{border-color:var(--accent);background:var(--accent-soft)}.radio-tile input{display:none}.radio-tile strong{color:var(--text-h)}.radio-tile span{color:var(--text);font-size:.84rem}.status-strip,.action-cluster,.form-actions,.header-actions,.toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-strip{margin-top:10px}.danger-zone{background:var(--error-bg)}.warning-block{background:var(--warning-bg)}.file-pill{align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.file-pill span{color:var(--text-h);font-size:.84rem}.editor-hero,.governance-hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;display:grid}.badge-stack{flex-wrap:wrap;gap:8px;display:flex}.shell-card,.page-surface,.table-shell,.stream-panel,.artifact-panel,.workspace-card,.mobile-card,.empty-card{border-radius:22px;padding:14px}.dashboard-hero,.workspace-hero,.flows-hero,.resources-hero{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:11px;display:grid}.hero-banner{background:radial-gradient(circle at top left, #1677ff26, transparent 34%), linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-strong) 100%);border-radius:26px;flex-direction:column;gap:12px;padding:17px;display:flex}.hero-copy{flex-direction:column;gap:12px;display:flex}.hero-grid,.summary-grid,.entry-grid,.resource-cards,.flow-list,.workspace-grid,.token-summary,.timeline-overview,.event-summary{gap:9px;display:grid}.summary-grid,.entry-grid,.resource-cards,.workspace-grid,.token-summary,.event-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-tile,.resource-card,.workspace-tile,.stat-card,.timeline-kpi,.run-tile,.doc-stat{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-h);border-radius:18px;padding:16px;text-decoration:none;transition:transform .14s,border-color .14s,background-color .14s}.entry-tile:hover,.resource-card:hover,.workspace-tile:hover,.run-tile:hover{border-color:var(--border-strong);background:var(--bg-panel-strong);transform:translateY(-1px)}.entry-kicker,.card-kicker,.tile-kicker{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:8px;font-size:.68rem;display:block}.entry-tile strong,.resource-card h3,.workspace-tile strong{margin-bottom:6px;display:block}.entry-tile span:last-child,.resource-card .card-count,.workspace-tile span:last-child{color:var(--text);font-size:.86rem}.resource-card{flex-direction:column;gap:8px;display:flex}.card-icon{font-size:1.6rem}.resource-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-action{color:var(--accent);font-size:.82rem;font-weight:600}.table-shell{overflow:hidden}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:12px 14px}th{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}tbody tr{transition:background-color .12s}tbody tr:hover{background:var(--bg-tint)}.repo-row,.host-row,.config-row{cursor:pointer}.list-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.list-subtitle,.section-desc,.muted{color:var(--text)}.mode-tabs,.language-options,.template-options,.audit-filters{flex-wrap:wrap;gap:10px;display:flex}.tab,.language-option,.template-option{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-h);border-radius:14px}.tab{cursor:pointer;min-height:38px;padding:0 14px}.tab.active,.language-option.active,.template-option.active{border-color:var(--accent);background:var(--accent-soft)}.language-option,.template-option{cursor:pointer;align-items:flex-start;gap:10px;padding:14px;display:flex}.language-option input,.template-option input{display:none}.template-option{flex-direction:column;min-width:190px}.template-option span{text-transform:uppercase;letter-spacing:.08em;font-weight:700}.template-option small{color:var(--text);font-size:.82rem}.raw-token-display,.token-box,.audit-actions,.export-result,.mobile-banner,.preview,.preview-content,.env-info,.callout-card{border-radius:16px}.raw-token-display,.mobile-banner,.callout-card{background:var(--warning-bg);border:1px solid #b676162e;padding:16px}.mobile-workspace-link{white-space:nowrap}.warning-text{color:var(--text-h);margin-bottom:10px;font-weight:600}.token-box{background:var(--bg-elevated);border:1px solid var(--border);align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:flex}.token-box code{color:var(--text-h);word-break:break-all;flex:1}.audit-filters{align-items:flex-end}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.env-detail{gap:16px}.env-top{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;display:grid}.env-overview{background:radial-gradient(circle at top left, #1677ff29, transparent 34%), linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-strong) 100%);border-radius:26px;padding:20px}.env-summary-grid,.env-info-grid,.run-actions-grid,.mobile-summary-grid{gap:12px;display:grid}.env-summary-grid,.mobile-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.env-info-grid,.run-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card,.summary-card,.mini-metric,.timeline-card,.mobile-run-item,.doc-item{border:1px solid var(--border);background:var(--bg-elevated);border-radius:18px;padding:14px}.label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px;font-size:.72rem;display:block}.value-strong{color:var(--text-h);font-weight:600}.timeline{flex-direction:column;gap:10px;display:flex}.timeline-item{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;border-radius:16px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;transition:border-color .12s,background-color .12s,transform .12s;display:grid}.timeline-item:hover{border-color:var(--border-strong);transform:translateY(-1px)}.timeline-item.selected{border-color:var(--accent);background:var(--accent-soft)}.timeline-index{background:var(--bg-inset);width:34px;height:34px;color:var(--text-h);font-family:var(--mono);border-radius:12px;justify-content:center;align-items:center;font-size:.78rem;display:inline-flex}.timeline-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.timeline-headline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timeline-title{color:var(--text-h);text-transform:capitalize;font-weight:700}.timeline-meta{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;display:flex}.stream-panel{flex-direction:column;gap:12px;display:flex}.event-stream{flex-direction:column;gap:10px;display:flex}.event-item{border:1px solid var(--border);background:var(--bg-elevated);border-radius:16px;padding:12px 14px}.event-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.event-type{color:var(--text-h);font-weight:700}.payload{background:var(--bg-inset);width:100%;color:var(--text-h);white-space:pre-wrap;word-break:break-word;border-radius:12px;margin:0;padding:12px;overflow-x:auto}.artifact-table td:first-child,.token-table td:first-child,.audit-table td:first-child{color:var(--text-h)}.changes-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.changes-list li{border:1px solid var(--border);background:var(--bg-elevated);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.action-row,.ide-actions,.ide-active,.ide-error{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ide-error{color:var(--error)}.ide-overlay{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060d18eb;flex-direction:column;display:flex;position:fixed;inset:0}.ide-overlay-header{color:#fff;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.ide-iframe{background:#fff;border:none;flex:1;width:100%;height:100%}.workspace-grid{grid-template-columns:1.15fr .85fr}.workspace-list{flex-direction:column;gap:10px;display:flex}.workspace-row{border:1px solid var(--border);background:var(--bg-elevated);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.workspace-row-copy{flex-direction:column;gap:6px;display:flex}.workspace-row-title{color:var(--text-h);font-weight:700}.workspace-row-desc{color:var(--text);font-size:.86rem}.mobile-workspace{padding:8px 0}.env-summary,.preview{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:16px}.summary-row,.run-item,.doc-item{align-items:center;gap:10px;display:flex}.summary-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;padding:10px 0}.summary-row:last-child{border-bottom:none}.run-list,.doc-list{flex-direction:column;gap:10px;display:flex}.run-item,.doc-item{border:1px solid var(--border);background:var(--bg-elevated);border-radius:14px;padding:12px 14px}.doc-item{cursor:pointer}.doc-path{word-break:break-all;flex:1;min-width:0}.preview-content pre{white-space:pre-wrap;word-break:break-word;margin:0}.lockout-countdown{background:var(--accent-soft);color:var(--text-h);font-family:var(--mono);border-radius:14px;align-self:flex-start;padding:10px 14px;font-weight:700;display:inline-flex}@media (width<=1120px){.landing-shell,.auth-shell,.dashboard-hero,.workspace-grid,.flows-hero,.resources-hero,.env-top,.editor-layout,.governance-layout,.editor-hero,.governance-hero{grid-template-columns:1fr}.story-metrics,.summary-grid,.entry-grid,.resource-cards,.workspace-grid,.token-summary,.event-summary,.flow-sequence,.feature-grid,.landing-flow,.env-summary-grid,.env-info-grid,.run-actions-grid,.radio-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.page-frame,.landing-shell{width:min(100% - 20px,100%);margin:10px auto}.app-shell{grid-template-columns:200px minmax(0,1fr);gap:12px}.app-sidebar{border-radius:20px;padding:14px 12px}.app-main-inner{border-radius:20px;padding:14px 14px 16px}.nav-tile{padding:9px 10px}}@media (width<=640px){.page-frame,.landing-shell{width:min(100% - 20px,100%);margin:10px auto}.app-main-inner,.landing-stage,.landing-auth-panel,.hero-banner,.shell-card,.table-shell,.stream-panel,.artifact-panel,.workspace-card,.mobile-card,.auth-stage,.auth-pane,.auth-state-card{border-radius:20px;padding:16px}.app-shell{grid-template-columns:1fr;gap:12px}.app-sidebar{border-radius:20px;padding:14px}.sidebar-nav,.sidebar-secondary{flex-flow:wrap}.nav-tile{flex-basis:100%;min-width:100%}.app-toolbar{align-items:flex-start;gap:10px}.toolbar-account{justify-content:flex-start;width:100%}.toolbar-user-chip{justify-content:space-between;width:100%}.story-metrics,.summary-grid,.entry-grid,.resource-cards,.workspace-grid,.token-summary,.event-summary,.flow-sequence,.feature-grid,.landing-flow,.env-summary-grid,.env-info-grid,.run-actions-grid,.form-grid,.radio-grid{grid-template-columns:1fr}.audit-filters,.mode-tabs,.language-options,.template-options,.action-row{flex-direction:column;align-items:stretch}.timeline-item{grid-template-columns:30px minmax(0,1fr)}.timeline-item>.status-badge{grid-column:2;justify-self:flex-start}.mobile-workspace-link{width:100%}table,thead,tbody,th,td,tr{display:block}thead{display:none}tbody tr{border-bottom:1px solid var(--line-soft);padding:10px 0}td{border-bottom:none;padding:8px 0}}@media (width<=560px){.page-frame,.landing-shell{width:calc(100% - 12px)}.auth-page,.landing-shell{padding:6px}h1{font-size:1.8rem}.btn,.tab,.locale-switcher,.logout-btn{width:100%}}