@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:Plus Jakarta Sans,PingFang SC,Hiragino Sans GB,sans-serif;background:#ecf1f8;color:#0f172a;--canvas: #ecf1f8;--page: #ecf1f8;--page-accent: radial-gradient(circle at top left, rgba(30, 64, 175, .16), transparent 34%), radial-gradient(circle at 100% 0%, rgba(59, 130, 246, .08), transparent 28%), radial-gradient(circle at 50% 100%, rgba(217, 119, 6, .08), transparent 24%), linear-gradient(180deg, #f7faff 0%, #eef3fb 52%, #edf2f8 100%);--surface: #ffffff;--surface-soft: #f8fbff;--surface-muted: #edf3fb;--surface-accent: #fff5e7;--border: #dbe6f4;--border-strong: #b6c8e3;--text: #0f172a;--text-soft: #475569;--text-faint: #64748b;--primary: #1e40af;--primary-strong: #0f2f8f;--accent: #d97706;--accent-soft: #fff1df;--success: #15803d;--danger: #b42318;--shadow: 0 22px 48px rgba(15, 23, 42, .08);--shadow-soft: 0 14px 30px rgba(15, 23, 42, .06);--focus-ring: 0 0 0 3px rgba(30, 64, 175, .16);--transition-fast: .16s cubic-bezier(.2, .7, .2, 1);--transition-base: .24s cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--page-accent);color:var(--text);font-size:16px;line-height:1.5;position:relative;overflow-x:hidden}body.body--workspace-detail{overflow:hidden}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}body:before{opacity:.34;background-image:linear-gradient(rgba(30,64,175,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(30,64,175,.04) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 92%)}body:after{inset:auto -12% 22% auto;width:460px;height:460px;border-radius:999px;background:radial-gradient(circle,rgba(217,119,6,.12),transparent 70%);filter:blur(36px)}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}a{color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}::selection{background:var(--primary);color:#fff}.shell{width:min(1640px,calc(100% - 32px));margin:0 auto;padding:20px 0 40px}.shell--workspace{width:min(1880px,calc(100% - 12px));height:100dvh;min-height:100dvh;padding:8px 0;overflow:hidden}.app-shell,.topbar,.topbar__content,.topbar__nav,.topbar__meta,.workspace-backbar,.workspace-chat-meta,.workspace-chat-tags,.run-banner,.project-manager-assets,.composer-tools,.composer-tools__row,.composer-scope,.composer-shell,.composer-shell__footer,.composer-shell__tools,.composer-shell__notes,.asset-reference-panel,.asset-reference-list,.asset-reference-panel__header,.composer-popover{display:grid;gap:16px}.app-shell{gap:14px}.shell--workspace .app-shell,.shell--workspace .main,.shell--workspace .studio{min-height:0}.shell--workspace .app-shell{height:100%;gap:12px}.shell--workspace .main{height:100%;overflow:hidden}.topbar{position:relative;overflow:hidden;padding:14px 16px;border:1px solid rgba(30,64,175,.12);border-radius:20px;background:radial-gradient(circle at 0% 0%,rgba(30,64,175,.12),transparent 28%),radial-gradient(circle at 100% 0%,rgba(217,119,6,.1),transparent 24%),linear-gradient(180deg,#fffffffa,#f4f8fff0);box-shadow:0 28px 60px #0f172a1a;animation:surface-enter .42s var(--transition-base) both}.topbar:before{content:"";position:absolute;inset:10px;border-radius:14px;border:1px solid rgba(30,64,175,.08);pointer-events:none}.topbar__hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:8px;align-items:center;margin-bottom:6px}.topbar--workspace{padding-bottom:20px}.topbar .brand{min-height:100%;padding:14px;border-color:#1e40af1f;background:linear-gradient(150deg,#fffffff5,#f3f8ffeb),#ffffffeb;box-shadow:none;align-items:center;grid-template-columns:42px minmax(0,1fr);gap:12px}.topbar .brand__summary,.topbar .eyebrow,.topbar .sidebar-stat span,.topbar .nav-item small,.topbar__spotlight-summary,.topbar__spotlight-stat span{color:var(--text-soft)}.topbar .brand h1,.topbar .nav-item span,.topbar .sidebar-stat strong,.topbar__spotlight h2,.topbar__spotlight-stat strong,.project-title-button strong,.project-title-button span{color:var(--text)}.topbar .brand h1{font-size:clamp(1.04rem,.42vw + .94rem,1.28rem);line-height:1.04}.topbar .brand__summary{font-size:.74rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topbar__spotlight{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;border:1px solid rgba(30,64,175,.12);border-radius:18px;background:linear-gradient(155deg,#1e40af14,#ffffffeb 38%),linear-gradient(180deg,#fff8f0b8,#fffffff0)}.topbar__spotlight-copy{display:grid;gap:4px}.topbar__spotlight h2{font-size:clamp(.88rem,.32vw + .84rem,1rem);line-height:1.14}.topbar__spotlight-summary{margin:0;line-height:1.28;font-size:.72rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.topbar__spotlight-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.topbar__spotlight-stat{padding:8px 10px;border:1px solid rgba(30,64,175,.1);border-radius:12px;background:#ffffffc7}.topbar__spotlight-stat strong{display:block;margin-top:3px;font-size:.82rem;line-height:1.2}.topbar__spotlight-stat--accent{background:linear-gradient(145deg,#1e40af1a,#fffffff0 42%),linear-gradient(180deg,#fff4e7e6,#fffffffa)}.topbar__content{position:relative;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.topbar__nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px;border:1px solid rgba(30,64,175,.1);border-radius:18px;background:#ffffff8f}.topbar .nav-item{min-height:40px;width:auto;border-color:#1e40af1a;background:#ffffffb8;box-shadow:none;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:0}.topbar .nav-item:hover{border-color:#1e40af3d;box-shadow:0 10px 18px #0f172a0f}.topbar .nav-item--active{border-color:#1e40af38;background:linear-gradient(135deg,var(--primary),#2563eb)}.topbar .nav-item span{font-size:.8rem;font-weight:700;line-height:1}.topbar .nav-item small{display:none}.topbar .nav-item--active span{color:#fff}.topbar__meta,.topbar__workspace-stats{grid-template-columns:repeat(4,minmax(86px,1fr));gap:6px}.topbar .sidebar-stat{min-height:auto;border-color:#1e40af1a;background:#fffc;padding:7px 9px;border-radius:14px}.topbar .sidebar-stat strong{margin-top:4px;font-size:.84rem}.topbar .sidebar-stat span{font-size:.62rem}.topbar__workspace-meta{grid-template-columns:auto minmax(280px,1fr) minmax(360px,520px) auto;align-items:center}.workspace-backbar{justify-content:start}.project-title-button,.studio-title-button{padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.project-title-button{display:grid;gap:4px;padding:14px 18px;border-radius:20px;border:1px solid rgba(148,163,184,.16);background:#ffffff0d}.project-title-button span{font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.project-title-button strong{font-size:1.08rem;line-height:1.3}.project-title-button:hover{border-color:#60a5fa70}.studio-title-button h2{margin:0}.studio-title-button:hover h2{color:var(--primary)}.layout{display:grid;grid-template-columns:276px minmax(0,1fr);gap:28px;align-items:start}.sidebar{position:sticky;top:20px}.sidebar,.main,.nav,.sidebar-panel,.page,.dashboard-grid,.projects-grid,.home-grid,.assets-layout,.project-list,.stack,.asset-list,.studio,.studio-grid,.studio-grid__side,.studio-grid__preview,.studio-grid__chat,.message-list,.version-list,.publish-list,.file-list,.feed{display:grid;gap:16px}.brand,.nav-item,.sidebar-panel,.surface,.page-header{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.brand,.nav-item,.sidebar-panel,.surface,.page-header{border-radius:24px}.brand{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:22px;background:linear-gradient(145deg,#fffffff5,#f5f9fffa),var(--surface)}.brand__mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--primary),#2563eb 62%,#6ea8ff);color:#fff;font-weight:800;box-shadow:0 14px 28px #2563eb3d}.brand__body{display:grid;gap:6px}.brand__summary,.sidebar-panel__summary,.studio-breadcrumb,.field__hint,.overview-banner p:last-child{margin:0;color:var(--text-soft);line-height:1.65}.brand h1,.page-header h2,.surface h3,.surface h4,.sidebar-panel h2{margin:0}.brand h1{font-size:1.18rem;line-height:1.35}.eyebrow{margin:0 0 8px;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:.74rem;line-height:1;text-transform:uppercase;letter-spacing:.12em}.nav-item{display:grid;gap:6px;width:100%;padding:16px 18px;border-radius:18px;text-align:left;color:var(--text);transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.nav-item:hover{transform:translateY(-1px);border-color:#1e40af47;box-shadow:var(--shadow-soft)}.nav-item span{font-size:.98rem;font-weight:700;line-height:1.35}.nav-item small{color:var(--text-faint);font-size:.82rem}.nav-item--active{border-color:#1e40af8f;background:linear-gradient(135deg,var(--primary),#2563eb)}.nav-item--active span,.nav-item--active small{color:#fff}.sidebar-panel{padding:18px}.sidebar-panel--highlight{background:linear-gradient(180deg,#fffffffa,#f4f8fff5),var(--surface)}.sidebar-panel__header,.surface__header,.asset-card__header,.project-card__header,.project-thumb__header,.version-card__header,.publish-card__header,.file-card__header,.message__header,.message__title,.page-header,.inline-actions{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.sidebar-panel--stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-stat,.fact,.hero-stat,.mini-meta div{padding:15px 16px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#fdfefe 0%,var(--surface-soft) 100%)}.sidebar-stat span,.fact span,.hero-stat span,.mini-meta dt,.bars__meta span,.feed__row span,.overview-banner__stat span,.context-card span{display:block;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}.sidebar-stat strong,.fact strong,.hero-stat strong,.mini-meta dd,.overview-banner__stat strong,.context-card strong{display:block;margin-top:10px;color:var(--text);font-size:.96rem;line-height:1.45;overflow-wrap:anywhere}.mini-meta{display:grid;gap:12px;margin:0}.mini-meta dd{margin:10px 0 0}.page-header{padding:24px;background:linear-gradient(180deg,#fffffffa,#f8fbfffa),var(--surface)}.page-header__actions{display:flex;gap:12px;align-items:flex-start;justify-content:flex-end}.page-header--hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);border-color:#1e40af29;background:radial-gradient(circle at 0% 0%,rgba(30,64,175,.12),transparent 24%),radial-gradient(circle at 100% 0%,rgba(217,119,6,.08),transparent 22%),linear-gradient(180deg,#fffffffa,#f4f8fff5);animation:surface-enter .42s var(--transition-base) both}.page-header--overview-compact{padding:12px 14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:18px}.page-header--overview-compact h2{font-size:1.04rem;line-height:1.15}.page-header--overview-compact .page-header__actions{align-items:center;gap:8px}.page--overview{gap:12px}.page--projects,.page--assets{gap:10px}.skip-link{position:fixed;top:14px;left:16px;z-index:80;padding:10px 14px;border-radius:12px;background:var(--primary);color:#fff;text-decoration:none;transform:translateY(-160%);transition:transform var(--transition-fast)}.skip-link:focus-visible{transform:translateY(0)}.page-header__summary,.feed__row,.asset-card p,.asset-card__source,.asset-card__notes,.project-thumb__info p,.message__body,.preview-empty p,.chat-helper,.feedback,.empty-inline p{margin:0;color:var(--text-soft);line-height:1.7}.overview-banner__stats,.filters-bar,.segmented-control,.project-thumb__scene-meta{display:flex;gap:12px;align-items:flex-start}.hero-stats,.page-hero__facts,.project-header__facts,.preview-meta,.field-grid,.dashboard-grid,.home-grid,.assets-layout,.studio-grid,.projects-grid{display:grid;gap:16px}.hero-stats,.project-header__facts,.preview-meta{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.page--overview .surface{padding:10px;border-radius:14px}.page--overview .surface h3{font-size:.8rem;line-height:1.22}.page--overview .surface__header{gap:4px}.page--overview .surface__header .eyebrow{margin-bottom:4px}.surface--wide{grid-column:span 2}.home-grid,.assets-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-hub{gap:10px}.projects-hub .surface__header{align-items:center;gap:8px}.projects-hub__filters,.assets-library__filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(30,64,175,.1);border-radius:14px;background:#ffffffb8}.project-style-filter{display:flex;flex-wrap:wrap;gap:8px}.projects-hub__filters .field--search,.assets-library__filters .field--search{min-width:min(210px,100%);max-width:240px}.page--projects .projects-hub__filters{align-items:center}.field--toolbar-search{gap:0}.field--toolbar-search span{display:none}.field--toolbar-search input{min-height:32px;padding:0 10px;border-radius:999px;font-size:.76rem}.filter-pill{min-height:28px;padding:0 8px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text-soft);font-size:.68rem;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.filter-pill--active{border-color:#1e40af42;background:#e8f0fff0;color:var(--primary)}.projects-grid--dense{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.page--projects .segmented-control{padding:3px;border-radius:12px}.page--projects .segmented-control__item{min-height:30px;padding:0 7px;font-size:.68rem}.page--projects .segmented-control__item strong{font-size:.64rem}.page--projects .project-thumb{border-radius:16px}.page--projects .project-thumb__scene{min-height:96px;padding:10px;gap:8px}.page--projects .project-thumb__scene strong{font-size:.84rem}.page--projects .project-thumb__scene p,.page--projects .project-thumb__description{font-size:.68rem;line-height:1.3}.page--projects .project-thumb__info,.page--projects .project-thumb__actions{padding:8px}.page--projects .project-thumb__actions{grid-template-columns:1fr}.page--projects .project-thumb__actions .button{min-height:30px;padding:0 8px;font-size:.72rem}.page--projects .project-thumb--add{min-height:176px}.page--assets .surface__header{gap:8px}.assets-library{gap:10px}.page--projects .surface__header,.page--assets .surface__header{align-items:center}.page--assets .asset-list{grid-template-columns:1fr;gap:8px}.asset-list--library{gap:8px}.page--assets .asset-card{grid-template-columns:180px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border-radius:14px}.asset-list--library .asset-card{grid-template-columns:112px minmax(0,1fr);gap:10px;padding:10px 12px;border-radius:14px}.page--assets .asset-card__header{gap:8px}.page--assets .asset-card__main{display:grid;gap:6px}.page--assets .asset-card__preview{margin:0}.page--assets .asset-card__preview img{height:96px}.asset-list--library .asset-card__preview img{height:76px}.page--assets .asset-card__actions{justify-content:flex-start}.page--assets .asset-card__actions .button{min-height:30px;padding:0 8px;font-size:.72rem}.page--assets .asset-card strong{font-size:.88rem}.asset-list--library .asset-card strong{font-size:.82rem}.page--assets .asset-card__source,.page--assets .asset-card__notes,.page--assets .asset-card__meta{font-size:.74rem}.asset-list--library .asset-card__source,.asset-list--library .asset-card__notes,.asset-list--library .asset-card__meta{font-size:.7rem;line-height:1.4}.asset-upload-dialog__panel--project{width:min(720px,calc(100vw - 40px))}.asset-upload-dialog{position:fixed;inset:0;z-index:72;display:grid;place-items:center;padding:20px}.asset-upload-dialog__backdrop{position:absolute;inset:0;border:0;background:#0f172a61;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.asset-upload-dialog__panel{position:relative;width:min(640px,calc(100vw - 40px));padding:20px;border:1px solid rgba(30,64,175,.12);border-radius:24px;background:linear-gradient(180deg,#fffffffa,#f6f9fffa),var(--surface);box-shadow:0 30px 60px #0f172a29}.asset-upload-dialog__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.studio-grid{grid-template-columns:320px minmax(0,1fr) 360px}.surface{padding:18px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);background:linear-gradient(180deg,#fffffffa,#f6f9fff5),var(--surface)}.surface:hover,.page-header:hover,.sidebar-panel:hover{border-color:#1e40af2e;box-shadow:var(--shadow-soft)}.surface--filters{gap:18px}.surface--compact{padding:18px}.hero-stat--accent{background:linear-gradient(145deg,#1e40af1a,#ffffffeb 46%),linear-gradient(180deg,#fff4e7e6,#fffffff5);border-color:#1e40af2e}.hero-stat--compact{min-width:116px;padding:10px 12px;border-radius:14px}.overview-banner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;padding:24px;border:1px solid rgba(30,64,175,.16);border-radius:28px;background:radial-gradient(circle at top left,rgba(30,64,175,.12),transparent 24%),linear-gradient(145deg,#1e40af14,#fffffff5 42%),linear-gradient(145deg,rgba(217,119,6,.08),transparent 45%);box-shadow:var(--shadow-soft)}.overview-banner h3{margin:0 0 8px;font-size:1.22rem;line-height:1.3}.overview-banner__stats{justify-content:flex-end;flex-wrap:wrap}.overview-banner__stat{min-width:150px;padding:16px;border:1px solid rgba(30,64,175,.12);border-radius:18px;background:#ffffffd1}.surface h3{font-size:.98rem;line-height:1.4}.surface h4{font-size:.96rem;line-height:1.4}.field,.composer,.donut,.bars,.line-chart,.project-thumb,.asset-card,.version-card,.publish-card,.message,.file-card{display:grid;gap:8px}.field span{color:var(--text);font-size:.9rem;font-weight:600;line-height:1.5}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border-strong);border-radius:16px;min-height:46px;padding:13px 14px;background:#fff;color:var(--text);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);background:#fff}.field textarea{resize:vertical;min-height:110px}.field__hint{display:block;font-size:.82rem}.field--search{min-width:min(420px,100%)}.filters-bar{justify-content:space-between;flex-wrap:wrap}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:15px;font-size:.92rem;font-weight:700;transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-soft)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.46;cursor:not-allowed;box-shadow:none}.button--primary{border:1px solid var(--primary);background:linear-gradient(135deg,var(--primary),#2563eb);color:#fff}.button--secondary{border:1px solid var(--border-strong);background:#fff;color:var(--text)}.button--ghost{border:1px solid var(--border);background:var(--surface-soft);color:var(--text)}.button--danger{border:1px solid #f0c9c4;background:#fff5f5;color:var(--danger)}.segmented-control{flex-wrap:wrap;padding:6px;border:1px solid var(--border);border-radius:18px;background:var(--surface-soft)}.segmented-control__item{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:0;border-radius:12px;background:transparent;color:var(--text-soft);font-weight:600;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.segmented-control__item strong{color:inherit;font-size:.88rem}.segmented-control__item--active{background:#fff;color:var(--primary);box-shadow:inset 0 0 0 1px #1e40af24}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1;text-transform:uppercase;letter-spacing:.04em;background:#fff;color:var(--text-faint)}.status-badge--success{border-color:#b6d3be;background:#f4fbf6;color:#245335}.status-badge--warning{border-color:#d7d0b5;background:#fffdf0;color:#7d611d}.status-badge--danger{border-color:#dfbbbb;background:#fff5f5;color:#932f2f}.feedback--error{color:#932f2f}.feedback--success{color:#1f6a3a}.donut{grid-template-columns:120px minmax(0,1fr);align-items:center}.donut__svg{width:120px;height:120px}.page--overview .donut{grid-template-columns:104px minmax(0,1fr);gap:8px}.page--overview .donut__svg{width:80px;height:80px}.donut__legend,.line-chart__legend,.line-chart__axis{display:grid;gap:10px}.legend-row,.bars__meta,.feed__row,.project-thumb__actions,.delivery-actions,.delta-row,.version-card__meta,.asset-card__meta,.publish-card__meta,.file-card__meta{display:flex;gap:10px;justify-content:space-between;align-items:center}.legend-row__dot,.legend{width:10px;height:10px;border-radius:999px;display:inline-block}.context-card{display:grid;gap:6px;padding:18px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,#fffffffa,#f4f8fff0)}.context-card p{margin:0;color:var(--text-soft);line-height:1.6}.context-card--accent{border-color:#1e40af3d;background:linear-gradient(145deg,#1e40af1c,#fffffff5 40%),linear-gradient(160deg,rgba(217,119,6,.08),transparent 55%)}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-list__item{padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}.detail-list__item span{display:block;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.detail-list__item strong{display:block;margin-top:10px;color:var(--text);line-height:1.55;overflow-wrap:anywhere}.bars__row,.feed__row{padding-top:12px;border-top:1px solid var(--border)}.bars__row:first-child,.feed__row:first-child{padding-top:0;border-top:0}.bars__track{height:8px;border-radius:999px;background:#e7eef9;overflow:hidden}.bars__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#3b82f6)}.line-chart__svg{width:100%;height:auto;border-radius:14px;background:var(--surface-soft)}.page--overview .line-chart__svg{max-height:148px}.line-chart__legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.page--overview .line-chart__legend{gap:10px;margin-top:6px;font-size:.72rem}.legend--dark{background:var(--primary)}.legend--mid{background:#3b82f6}.legend--light{background:var(--accent)}.line-chart__axis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:4px;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:.72rem}.page--overview .line-chart__axis{font-size:.58rem}.page--overview .feed{gap:8px}.page--overview .feed__row{padding-top:8px}.page--overview .legend-row,.page--overview .feed__row{font-size:.8rem}.project-thumb{overflow:hidden;border:1px solid var(--border);border-radius:26px;background:var(--surface);box-shadow:var(--shadow);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-fast)}.project-thumb:hover{transform:translateY(-2px);border-color:#1e40af38;box-shadow:var(--shadow-soft)}.project-thumb__body,.project-thumb--add{width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:left}.project-thumb__scene{position:relative;display:grid;align-content:end;min-height:178px;padding:20px;border-bottom:1px solid var(--border);gap:10px;background:linear-gradient(180deg,#fff,#f6f5f2)}.project-thumb__scene:before{content:"";position:absolute;inset:auto 20px 0;height:1px;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);pointer-events:none}.project-thumb__scene--corporate{background:linear-gradient(160deg,#1e40af1f,#fffffff5 46%),linear-gradient(180deg,#fff,#eef4ff)}.project-thumb__scene--signal{background:linear-gradient(155deg,#d977062e,#fffffff2 42%),linear-gradient(180deg,#fff9f2,#fff3e0)}.project-thumb__scene--editorial{background:linear-gradient(155deg,#0f172a1a,#ffffffeb 46%),linear-gradient(180deg,#fff,#f4f7fb)}.project-thumb__scene--midnight{border-bottom-color:#94a3b852;background:linear-gradient(145deg,#0f172af5,#1e293beb),linear-gradient(180deg,#0f172a,#111827)}.project-thumb__scene--midnight strong,.project-thumb__scene--midnight p,.project-thumb__scene--midnight .scene-pill{color:#f8fafc}.project-thumb__scene--published{position:relative}.project-thumb__scene--published:after{content:"";position:absolute;inset:auto 18px 18px auto;width:14px;height:14px;border-radius:999px;background:var(--success);box-shadow:0 0 0 5px #15803d24}.project-thumb__scene-meta{justify-content:space-between}.scene-pill,.pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(255,255,255,.44);font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-thumb__scene strong{margin:0;font-size:1.2rem;line-height:1.2}.project-thumb__scene p{margin:0;color:var(--text-soft);font-size:.9rem;line-height:1.6}.project-thumb__info,.project-thumb__actions{padding:16px}.project-thumb__info{gap:10px}.project-thumb__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));flex-wrap:initial;align-items:stretch}.project-thumb__header{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.project-thumb__description{margin-top:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.project-thumb__meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;color:var(--text-faint);font-size:.82rem}.project-thumb--add{display:grid;place-items:center;min-height:270px;gap:10px;background:linear-gradient(145deg,#1e40af0f,#fffffff0),var(--surface)}.project-thumb__plus{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;border:1px dashed var(--border-strong);font-size:2rem;color:var(--primary)}.empty-inline--project-search{align-content:center;min-height:270px}.asset-card,.version-card,.publish-card,.file-card{padding:16px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),var(--surface-soft))}.version-card{width:100%;border:1px solid var(--border);text-align:left;color:inherit;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.version-card:hover{transform:translateY(-1px);border-color:#1e40af33;box-shadow:var(--shadow-soft)}.version-card--active{border-color:#1e40af57;background:linear-gradient(180deg,#e8f0ffe6,#fffffffa)}.asset-card__source,.asset-card__notes,.message__body{word-break:break-word;white-space:pre-wrap}.asset-card__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.asset-card__preview{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fff;margin:12px 0 0}.asset-card__preview img{display:block;width:100%;height:180px;object-fit:cover}.publish-card p,.version-card__header p,.file-card__header p,.asset-card__source,.asset-card__notes,.file-card__header strong,.project-thumb__meta,.mono{overflow-wrap:anywhere}.link-ellipsis{display:block;margin-top:10px;color:var(--text);text-decoration:none;line-height:1.6;overflow-wrap:anywhere}.version-card__meta,.file-card__meta{flex-wrap:wrap;justify-content:flex-start}.version-card__meta span,.file-card__meta span,.publish-card__meta span{color:var(--text-faint)}.studio-header{display:grid;gap:16px}.studio--focus{display:grid;gap:16px;height:100%;min-height:0;grid-template-rows:auto 1fr;overflow:hidden}.studio-breadcrumb{font-size:.86rem}.studio-focus-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.studio-focus-header--split{align-items:center}.studio-focus-header__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.studio-context-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.studio-focus-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.studio-focus-main,.studio-focus-rail,.context-summary,.conversation-composer,.workflow-list,.style-preview-list{display:grid;gap:16px}.style-preview-list{grid-template-columns:repeat(3,minmax(0,1fr))}.surface--preview-primary{padding-bottom:18px}.workspace-shell{position:relative;display:grid;height:100%;min-height:0;gap:20px;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.workspace-project-bar,.workspace-grid,.workspace-panel,.workspace-project-bar__primary,.workspace-project-bar__secondary,.workspace-project-bar__copy,.workspace-project-bar__metrics,.workspace-metric-grid,.workspace-chat-panel__tags,.workspace-status-ribbon,.workspace-status-ribbon__content,.workspace-status-ribbon__actions,.workspace-preview-panel__controls,.workspace-preview-tabs,.workspace-preview-tabs__list,.workspace-context-rail,.workspace-context-rail__body,.workspace-rail-summary{display:grid;gap:16px}.workspace-project-bar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(30,64,175,.14);border-radius:18px;background:radial-gradient(circle at top left,rgba(30,64,175,.12),transparent 24%),radial-gradient(circle at 100% 0%,rgba(217,119,6,.08),transparent 20%),linear-gradient(180deg,#fffffffa,#f5f9fffa),var(--surface);box-shadow:var(--shadow);animation:surface-enter .42s var(--transition-base) both}.workspace-project-bar:before{content:"";position:absolute;inset:6px;border-radius:12px;border:1px solid rgba(30,64,175,.08);pointer-events:none}.workspace-project-bar__primary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;flex:1 1 auto;min-width:0}.workspace-project-bar__copy{gap:2px}.workspace-project-bar__copy h2{margin:0;font-size:clamp(.9rem,.36vw + .88rem,1.04rem);line-height:1.1}.workspace-project-bar__copy .page-header__summary{font-size:.74rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.workspace-project-bar__secondary{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;min-width:0}.workspace-project-bar__summary{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:flex-start;gap:4px;padding:6px 8px;border:1px solid rgba(30,64,175,.1);border-radius:12px;background:#ffffffb8}.workspace-project-bar__metrics{justify-items:stretch}.workspace-project-bar__chips{display:flex;flex-wrap:wrap;gap:4px}.workspace-project-bar__chips--summary .pill,.workspace-project-bar__chips--summary .status-badge{min-height:24px;padding:0 7px;font-size:.64rem}.workspace-project-bar__drawer-toggle,.workspace-drawer-backdrop,.workspace-context-rail__close{display:inline-flex}.workspace-project-bar__drawer-toggle{justify-self:start;align-self:center}.workspace-project-bar__primary>.button,.workspace-project-bar__drawer-toggle,.workspace-chat-panel__asset-trigger{min-height:32px;padding:0 10px;border-radius:999px;font-size:.78rem}.workspace-drawer-backdrop{position:fixed;inset:0;z-index:40;border:0;background:#0f172a61;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.workspace-drawer-backdrop--visible,.workspace-shell--context-open .workspace-grid__rail{opacity:1;pointer-events:auto}.workspace-shell--context-open .workspace-grid__rail{transform:translate(0)}.workspace-metric-grid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workspace-metric-grid--compact{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.workspace-metric-card{padding:10px 12px;border:1px solid rgba(30,64,175,.1);border-radius:14px;background:linear-gradient(180deg,#ffffffe0,#f0f6ffe0),var(--surface-muted)}.workspace-metric-card span,.workspace-rail-summary__item span,.workspace-status-ribbon__scope,.delivery-card__label{display:block;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.workspace-metric-card strong,.workspace-rail-summary__item strong,.delivery-card strong{display:block;margin-top:4px;font-size:.96rem;line-height:1.2;color:var(--text)}.workspace-metric-card--compact{min-width:68px;padding:6px 8px;border-radius:10px}.workspace-metric-card--compact span{font-size:.58rem}.workspace-metric-card--compact strong{margin-top:2px;font-size:.8rem}.workspace-grid{height:100%;min-height:0;grid-template-columns:clamp(420px,34vw,520px) minmax(0,1fr);grid-template-areas:"chat preview";align-items:stretch;gap:14px}.workspace-grid__chat,.workspace-grid__preview,.workspace-grid__rail{min-width:0}.workspace-grid__chat{grid-area:chat}.workspace-grid__preview{grid-area:preview}.workspace-grid__rail{grid-area:rail;position:fixed;top:12px;right:12px;bottom:12px;width:min(1080px,calc(100vw - 24px));z-index:45;transform:translate(calc(100% + 16px));opacity:0;pointer-events:none;transition:transform var(--transition-base),opacity var(--transition-base);overflow:hidden}.workspace-panel{gap:10px;padding:12px 14px;min-height:0;height:100%;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#fffffffc,#f6fafffa),var(--surface);box-shadow:var(--shadow);animation:surface-enter .42s var(--transition-base) both}.workspace-panel__header,.workspace-chat-panel__header,.workspace-preview-panel__header,.workspace-context-rail__header,.workspace-status-ribbon{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.workspace-chat-panel__header>div:first-child,.workspace-preview-panel__header>div:first-child,.workspace-context-rail__header>div:first-child{min-width:0}.workspace-chat-panel__title,.workspace-preview-panel__title{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap}.workspace-chat-panel__title .eyebrow,.workspace-preview-panel__title .eyebrow{margin:0}.workspace-panel__header h3,.workspace-chat-panel__header h3,.workspace-preview-panel__header h3,.workspace-context-rail__header h3{font-size:.86rem;line-height:1.1}.workspace-panel__header .page-header__summary,.workspace-chat-panel__header .page-header__summary,.workspace-preview-panel__header .page-header__summary,.workspace-context-rail__header .page-header__summary{display:none}.workspace-chat-panel{grid-template-rows:auto auto auto minmax(0,1fr) auto;min-height:0;background:linear-gradient(180deg,#fffffffe,#fafcfffc),var(--surface)}.workspace-chat-panel__header,.workspace-preview-panel__header{align-items:center}.workspace-chat-panel__messages{min-height:0;overflow:auto;padding:4px 6px 0 0;scrollbar-gutter:stable}.workspace-chat-panel__composer{position:relative}.workspace-chat-panel__tags{display:flex;flex-wrap:nowrap;gap:4px;overflow:auto hidden;padding-bottom:0}.workspace-chat-panel__status-stack{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.workspace-chat-panel__asset-trigger{min-width:auto}.workspace-chat-panel__tags .pill{min-height:20px;padding:0 6px;font-size:.6rem}.workspace-preview-panel{background:linear-gradient(180deg,#fffffffe,#f7fafffc),var(--surface)}.workspace-status-ribbon{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:var(--surface-muted);box-shadow:inset 0 1px #ffffff75}.workspace-status-ribbon__content{gap:12px}.workspace-status-ribbon__content strong{display:block;color:var(--text);line-height:1.25;font-size:.86rem}.workspace-status-ribbon__content p{margin:4px 0 0;color:var(--text-soft);line-height:1.35;font-size:.74rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.workspace-status-ribbon__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.workspace-status-ribbon--neutral{border-color:#94a3b847;background:#f8fbfff5}.workspace-status-ribbon--success{border-color:#16a34a38;background:#f0fdf4f0}.workspace-status-ribbon--warning{border-color:#d977063d;background:#fff7edf5}.workspace-status-ribbon--danger{border-color:#b423182e;background:#fef2f2fa}.run-console-inline{border:1px solid var(--border);border-radius:20px;background:#fffffff5;overflow:hidden}.run-console-inline__terminal{margin:0;max-height:148px;overflow:auto;padding:10px 12px;font:11px/1.6 JetBrains Mono,monospace;color:#0f172a;white-space:pre-wrap;word-break:break-word;background:#f8fbff}.preview-toolbar{display:grid;gap:8px}.preview-toolbar--workspace{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;width:100%}.preview-toolbar__group{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}.preview-toolbar__group--modes{justify-content:flex-start}.preview-toolbar__group--zoom{justify-content:center}.preview-toolbar__group--meta{justify-content:flex-end;overflow:hidden}.preview-toolbar__group--actions{justify-content:flex-end}.preview-toolbar__group .button{min-height:32px;padding:0 8px;font-size:.72rem}.preview-toolbar__group--zoom .button{min-height:32px;min-width:36px;padding:0 7px;font-size:.7rem}.preview-toolbar__meta-item{display:inline-flex;align-items:center;min-height:24px;padding:0 7px;border-radius:999px;background:#ffffffbd;border:1px solid rgba(30,64,175,.1);color:var(--text-faint);font-size:.62rem;white-space:nowrap}.field--compact{min-width:min(180px,100%)}.field--compact span{margin-bottom:4px;font-size:.68rem}.field--inline-compact{display:inline-flex;align-items:center;gap:6px;min-width:auto}.field--inline-compact span{margin-bottom:0;white-space:nowrap}.field--inline-compact select{min-width:138px;min-height:32px;padding:0 24px 0 9px;border-radius:999px;font-size:.64rem;line-height:1.2}.mode-switch{display:flex;flex-wrap:wrap;gap:8px}.mode-switch .button{min-height:34px;padding:0 10px;font-size:.78rem}.workspace-preview-panel__controls{display:grid;width:100%;gap:8px;align-content:start;flex:1 1 auto}.workspace-preview-panel__controls .field--compact{min-width:152px}.workspace-preview-panel{grid-template-rows:auto minmax(0,1fr)}.workspace-preview-panel__stage{min-height:0;display:grid;justify-items:center}.workspace-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:var(--text-faint);font-size:.68rem;overflow-wrap:anywhere;justify-content:flex-end;flex:1 1 auto}.workspace-preview-meta .status-badge{min-width:auto;padding:4px 7px;font-size:.64rem}.workspace-preview-panel__title{align-items:center;white-space:nowrap}.workspace-preview-panel__title h3{letter-spacing:0;white-space:nowrap}.workspace-preview-panel__summary{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-faint);font-size:.66rem;white-space:nowrap}.workspace-preview-tabs{display:none}.workspace-preview-tabs__list{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-preview-tabs__tab{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--border);border-radius:16px;background:#fff;color:var(--text-soft);font-weight:600;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.workspace-preview-tabs__tab:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.workspace-preview-tabs__tab--active{border-color:#1e40af47;background:linear-gradient(180deg,#e8f0fffa,#fffffffa),#e8f0fff5;color:var(--primary)}.workspace-preview-tabs__tab strong{color:inherit}.workspace-preview-tabs__panel{display:grid;gap:14px}.workspace-delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.delivery-card{padding:16px;border:1px solid var(--border);border-radius:20px;background:var(--surface-soft)}.delivery-card p{margin:10px 0 0;color:var(--text-soft);line-height:1.6;overflow-wrap:anywhere}.delivery-card--accent{border-color:#d9770633;background:var(--surface-accent)}.workspace-card-stack{display:grid;gap:12px}.workspace-context-rail{position:fixed;top:12px;right:12px;bottom:12px;align-self:start;padding:18px;border:1px solid rgba(30,64,175,.12);border-radius:30px;background:linear-gradient(180deg,#fffffffa,#f3f8fff0),var(--surface);box-shadow:var(--shadow);width:min(1080px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;animation:surface-enter .42s var(--transition-base) both}.workspace-context-rail__body{min-height:0;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:start;gap:16px}.workspace-rail-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workspace-rail-summary__item{padding:14px 16px;border:1px solid rgba(30,64,175,.1);border-radius:18px;background:#ffffffeb}.composer-tools{gap:12px}.composer-tools__row{grid-template-columns:repeat(3,max-content);gap:10px;align-items:center}.composer-scope{grid-template-columns:minmax(0,1fr) 112px;align-items:end}.composer-shell{position:relative;gap:12px}.composer-shell__field{position:relative;display:grid;gap:8px}.composer-shell__label{color:var(--text);font-size:.86rem;font-weight:600}.composer-shell textarea{min-height:72px;padding-right:52px}.composer-shell__footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.composer-shell__tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.composer-shell__quick-trigger{position:absolute;right:10px;bottom:8px;z-index:2;width:30px;height:30px;border:1px solid rgba(30,64,175,.18);border-radius:999px;background:#fffffff5;color:var(--primary);font-size:1rem;font-weight:700;line-height:1;box-shadow:0 10px 20px #0f172a14}.composer-shell__quick-trigger--active{background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff}.composer-quick-actions{position:absolute;right:0;bottom:calc(100% + 10px);min-width:176px;padding:10px;border:1px solid var(--border);border-radius:16px;background:#fffffffa;box-shadow:0 18px 34px #0f172a24;display:grid;gap:8px;z-index:4}.composer-quick-actions__item{min-height:36px;padding:0 10px;border:1px solid transparent;border-radius:12px;background:var(--surface-soft);text-align:left;color:var(--text);font-size:.82rem;font-weight:600}.composer-quick-actions__item--active{border-color:#2563eb47;background:#ebf3fffa;color:var(--primary)}.composer-quick-actions__page-input{width:100%;min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:12px;text-align:center;background:#fff}.composer-shell__notes{gap:6px}.tool-button,.send-button{min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:999px;font-weight:600;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.tool-button{background:#fff;color:var(--text)}.tool-button--active{border-color:#2563eb52;background:#ebf3fffa;color:var(--primary)}.send-button{border-color:var(--primary);background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;min-height:34px;padding:0 12px}.send-button:disabled{opacity:.5}.composer-shell__page-input{width:72px;min-height:40px;padding:0 10px;border:1px solid var(--border);border-radius:999px;text-align:center;background:#fff}.composer-popover{position:absolute;left:0;bottom:calc(100% + 10px);min-width:220px;padding:12px;border:1px solid var(--border);border-radius:18px;background:#fffffffa;box-shadow:0 20px 36px #0f172a24;z-index:4}.composer-popover--assets{width:min(460px,100%)}.composer-popover__item{width:100%;min-height:40px;padding:0 12px;border:0;border-radius:12px;background:transparent;text-align:left;color:var(--text)}.composer-popover__item:hover{background:var(--surface-soft)}.run-card__chunk--stdout{color:#0f172a}.run-card__chunk--stderr{color:#b42318}.asset-reference-panel{gap:12px;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--surface-soft)}.asset-reference-panel__header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.asset-reference-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-reference-chip{display:grid;gap:4px;min-height:72px;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:#fff;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.asset-reference-chip:hover{transform:translateY(-1px)}.asset-reference-chip strong{color:var(--text);line-height:1.4}.asset-reference-chip span{color:var(--text-faint);font-size:.82rem}.asset-reference-chip--active{border-color:#1e40af57;background:#e8f0ffeb}.field--page-input input{text-align:center}.message-list--conversation{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;max-height:none;overflow:visible;padding:4px 4px 0 0}.message{width:min(100%,86%);padding:10px 12px;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 24px #0f172a0a}.message--user{align-self:flex-end;border-color:#1e40af2e;background:linear-gradient(180deg,#edf3ff,#f8fbff);border-bottom-right-radius:8px}.message--assistant{align-self:flex-start;background:linear-gradient(180deg,#fff,#fbfdff);width:100%;border-bottom-left-radius:8px}.message__body{font-size:.86rem;line-height:1.55}.message__header span,.message__title .status-badge{font-size:.66rem}.message__title{gap:6px}.message__header{margin-bottom:2px}.conversation-composer{padding:8px 10px 10px;border:1px solid rgba(30,64,175,.12);border-radius:22px;background:linear-gradient(180deg,#fffffffc,#f4f9fffa),var(--surface-soft);box-shadow:0 14px 30px #0f172a0f}.conversation-composer textarea{min-height:56px}.composer-shell__notes{display:none}.composer-shell__tools .pill{min-height:22px;padding:0 7px;font-size:.62rem}.conversation-composer--sticky{position:static}.empty-inline--compact{padding:14px}.context-summary__item{padding-top:12px;border-top:1px solid var(--border)}.context-summary__item:first-child{padding-top:0;border-top:0}.context-summary__item span{display:block;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.context-summary__item strong{display:block;margin-top:8px;color:var(--text);line-height:1.65;font-size:.92rem}.rail-divider{height:1px;background:var(--border);margin:6px 0}.surface--workflow{grid-column:1 / -1;gap:14px}.surface--context-main{grid-column:1 / -1;gap:16px}.surface--asset-entry{gap:14px;border-style:dashed}.workflow-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding-top:12px;border-top:1px solid var(--border)}.surface--workflow .inline-actions{justify-content:flex-start}.surface--workflow .style-preview-list{margin-top:4px}.workflow-step:first-child{padding-top:0;border-top:0}.workflow-step span{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:.72rem}.workflow-step strong{display:block;font-size:.92rem;line-height:1.4}.workflow-step p{margin:6px 0 0;color:var(--text-soft);line-height:1.65}.style-preview-card{display:grid;gap:12px;padding:14px;border:1px solid rgba(30,64,175,.1);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),var(--surface-soft))}.style-preview-card__header{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.style-preview-card__header p{margin:6px 0 0;color:var(--text-soft);line-height:1.6}.style-preview-card__frame{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff}.style-preview-card__iframe{width:100%;height:240px;border:0;background:#fff}.preview-stage{overflow:hidden;position:relative;display:grid;height:100%;min-height:0;aspect-ratio:auto;width:min(100%,1080px);border:1px solid rgba(30,64,175,.14);border-radius:22px;background:radial-gradient(circle at top left,rgba(30,64,175,.1),transparent 28%),radial-gradient(circle at 100% 0%,rgba(217,119,6,.06),transparent 22%),linear-gradient(180deg,#f9fbff,#f1f6fd);box-shadow:inset 0 1px #ffffffbd}.preview-frame{transform-origin:top center}.preview-stage:before{content:"";position:absolute;inset:8px;border-radius:12px;border:1px solid rgba(30,64,175,.08);pointer-events:none;z-index:1}.preview-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:#fff}.preview-empty{min-height:100%;display:grid;place-items:center;gap:8px;padding:24px;text-align:center}.message-list{max-height:none;overflow:visible;padding-right:0}.message{padding:14px 16px;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 24px #0f172a0a}.message--user{background:linear-gradient(180deg,#edf3ff,#f8fbff)}.message--assistant{background:linear-gradient(180deg,#fff,#fbfdff)}.message__meta-note{margin:10px 0 0;color:var(--text-faint);font-size:.82rem;line-height:1.6}.message__meta-note--warning{color:#9a3412}.message__header span,.asset-card__meta,.publish-card__meta,.file-card__meta{color:var(--text-faint);font-size:.82rem}.delta-row{flex-wrap:wrap;justify-content:flex-start}.delta{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:.72rem}.delta--created{border-color:#b6d3be;color:#245335;background:#f4fbf6}.delta--modified{border-color:#bdd3e8;color:#29517d;background:#f5f9fd}.delta--removed{border-color:#dfbbbb;color:#932f2f;background:#fff5f5}.chat-helper{margin-bottom:4px}.mono{font-family:JetBrains Mono,monospace;font-size:.82rem}.empty-inline{padding:18px;border:1px dashed var(--border-strong);border-radius:18px;background:var(--surface-soft)}.asset-dialog{position:fixed;inset:0;z-index:75;display:grid;place-items:center;padding:20px}.asset-dialog__backdrop{position:absolute;inset:0;border:0;background:#0f172a6b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.asset-dialog__panel{position:relative;width:min(1280px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px;padding:22px;border:1px solid rgba(30,64,175,.14);border-radius:30px;background:radial-gradient(circle at top left,rgba(30,64,175,.12),transparent 24%),radial-gradient(circle at 100% 0%,rgba(217,119,6,.08),transparent 22%),linear-gradient(180deg,#fffffffc,#f4f8fffa);box-shadow:0 32px 72px #0f172a2e;animation:surface-enter .24s var(--transition-base) both}.asset-dialog__header,.asset-dialog__summary,.asset-manager-section__header{display:grid;gap:16px}.asset-dialog__header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.asset-dialog__header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.asset-dialog__summary{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-dialog__summary-card{padding:16px;border:1px solid rgba(30,64,175,.1);border-radius:20px;background:#ffffffc7}.asset-dialog__summary-card span{display:block;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.asset-dialog__summary-card strong{display:block;margin-top:10px;font-size:1.2rem;line-height:1.2}.asset-manager-section--main{min-height:0;display:grid;gap:16px;overflow:auto}.asset-manager-section{display:grid;gap:14px;padding:18px;border:1px solid rgba(30,64,175,.12);border-radius:24px;background:linear-gradient(180deg,#fffffff5,#f6fafff0)}.asset-manager-section__header{grid-template-columns:minmax(0,1fr)}.asset-manager-section__header--toolbar{grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);align-items:end}.asset-manager-toolbar{display:grid;gap:12px}.field--asset-search{min-width:0}.asset-filter-row{display:flex;flex-wrap:wrap;gap:8px}.asset-filter-chip{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text-soft);transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.asset-filter-chip strong{color:inherit;font-size:.82rem}.asset-filter-chip--active{border-color:#1e40af42;background:#e8f0fff0;color:var(--primary)}.asset-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.asset-manager-grid--library{grid-template-columns:1fr}.asset-manager-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;padding:14px;border:1px solid var(--border);border-radius:20px;background:#ffffffd6;box-shadow:0 10px 24px #0f172a0a}.asset-manager-card__preview{width:104px;height:104px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}.asset-manager-card__preview img{display:block;width:100%;height:100%;object-fit:cover}.asset-manager-card__placeholder{display:grid;place-items:center;width:100%;height:100%;padding:12px;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;text-align:center}.asset-manager-card__body,.asset-manager-card__title{display:grid;gap:8px}.asset-manager-card__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.asset-manager-card__badges{display:flex;flex-wrap:wrap;gap:8px}.asset-manager-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.asset-manager-card__rename-input{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--border-strong);border-radius:14px;background:#fff}.asset-manager-card__source,.asset-manager-card__notes{margin:0;color:var(--text-soft);line-height:1.65;overflow-wrap:anywhere}.asset-manager-card__meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-faint);font-size:.82rem}.asset-empty-state{justify-items:start;gap:12px}.asset-add-sheet{position:fixed;inset:0;z-index:82;display:grid;place-items:center;padding:24px}.asset-add-sheet__backdrop{position:absolute;inset:0;border:0;background:#0f172a7a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.asset-add-sheet__panel{position:relative;width:min(880px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;display:grid;gap:18px;padding:22px;border:1px solid rgba(30,64,175,.14);border-radius:28px;background:radial-gradient(circle at top left,rgba(30,64,175,.1),transparent 24%),linear-gradient(180deg,#fffffffc,#f5f9fffa);box-shadow:0 30px 70px #0f172a2e;animation:surface-enter .22s var(--transition-base) both}.asset-add-sheet__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.asset-add-sheet__mode-row{display:flex;flex-wrap:wrap;gap:10px}.asset-add-sheet__mode{min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text-soft);font-weight:600;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.asset-add-sheet__mode--active{border-color:#1e40af47;background:#e8f0fff0;color:var(--primary)}.asset-library-picker{display:grid;gap:14px}@keyframes surface-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1480px){.topbar__hero,.project-manager-assets{grid-template-columns:1fr}.topbar__content{grid-template-columns:1fr;align-items:stretch}.overview-banner{grid-template-columns:1fr}.studio-grid{grid-template-columns:320px minmax(0,1fr)}.studio-grid__chat{grid-column:1 / -1}.studio-focus-grid{grid-template-columns:1fr}.workspace-project-bar{display:grid;justify-content:stretch;gap:10px}.workspace-project-bar__metrics{justify-items:stretch}.workspace-project-bar__secondary{flex-wrap:wrap;justify-content:flex-start}.workspace-grid{grid-template-columns:clamp(300px,32vw,360px) minmax(0,1fr);grid-template-areas:"chat preview"}.projects-grid--dense{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-grid__rail{position:fixed;top:12px;right:12px;bottom:12px;width:min(1080px,calc(100vw - 24px));z-index:45;transform:translate(calc(100% + 16px));opacity:0;pointer-events:none;transition:transform var(--transition-base),opacity var(--transition-base)}.workspace-context-rail{max-height:100%}.workspace-project-bar__drawer-toggle,.workspace-context-rail__close{display:inline-flex}.workspace-drawer-backdrop{position:fixed;inset:0;z-index:40;border:0;background:#0f172a61;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.workspace-drawer-backdrop--visible,.workspace-shell--context-open .workspace-grid__rail{opacity:1;pointer-events:auto}.workspace-shell--context-open .workspace-grid__rail{transform:translate(0)}}@media(max-width:1180px){.layout,.home-grid,.assets-layout,.dashboard-grid,.projects-grid,.studio-grid,.studio-context-strip,.hero-stats,.project-header__facts,.preview-meta,.topbar__nav,.topbar__meta,.workspace-chat-meta,.composer-tools__row,.composer-scope,.asset-reference-list,.workspace-grid,.workspace-preview-tabs__list,.workspace-delivery-grid,.workspace-rail-summary,.workspace-metric-grid,.topbar__spotlight-stats,.asset-dialog__summary,.asset-manager-grid,.workspace-context-rail__body,.style-preview-list,.projects-grid--dense{grid-template-columns:1fr}.preview-toolbar--workspace{grid-template-columns:1fr;justify-items:stretch}.topbar__nav,.topbar__meta{width:100%}.projects-hub__filters,.assets-library__filters{align-items:stretch}.page--assets .asset-card{grid-template-columns:1fr}.preview-toolbar__group,.preview-toolbar__group--modes,.preview-toolbar__group--zoom,.preview-toolbar__group--meta,.preview-toolbar__group--actions{justify-content:flex-start}.workspace-grid{grid-template-areas:"preview" "chat";height:auto}.page-header--overview-compact{grid-template-columns:1fr;align-items:stretch}.overview-banner__stats,.filters-bar{flex-direction:column;align-items:stretch}.surface--wide,.surface--context-main{grid-column:auto}.sidebar{position:static}.studio-focus-header,.studio-focus-header__actions,.modal-panel__header,.workspace-project-bar,.workspace-panel__header,.workspace-chat-panel__header,.workspace-preview-panel__header,.workspace-context-rail__header,.workspace-status-ribbon{flex-direction:column;align-items:stretch}.workspace-project-bar__copy .page-header__summary,.workspace-panel__header .page-header__summary,.workspace-chat-panel__header .page-header__summary,.workspace-preview-panel__header .page-header__summary,.workspace-context-rail__header .page-header__summary{display:-webkit-box;font-size:.8rem;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conversation-toolbar,.modal-grid,.modal-grid--assets,.project-manager-assets{grid-template-columns:1fr}}@media(max-width:760px){.shell{width:min(100% - 18px,1640px);padding-top:10px}.brand,.nav-item,.sidebar-panel,.surface,.page-header{border-radius:20px}.brand,.sidebar-panel,.surface,.page-header{padding:16px}.field-grid,.detail-list,.hero-stats,.project-header__facts,.preview-meta,.sidebar-panel--stats{grid-template-columns:1fr}.projects-grid--dense{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.topbar__content,.topbar__hero{gap:14px}.topbar .brand,.topbar__spotlight{padding:18px}.shell--workspace{width:min(100% - 18px,1880px);padding-top:10px}.workspace-project-bar,.workspace-panel,.workspace-context-rail{border-radius:22px;padding:16px}.workspace-preview-tabs__tab{justify-content:space-between}.workspace-preview-meta,.workspace-project-bar__summary,.workspace-project-bar__chips,.workspace-chat-panel__status-stack{width:100%}.workspace-chat-panel__status-stack{justify-items:stretch}.message-list--conversation{max-height:none;min-height:280px}.page-header__actions,.overview-banner__stats,.preview-toolbar__sources,.preview-toolbar__meta,.segmented-control{width:100%}.projects-hub__filters .field--search,.assets-library__filters .field--search{max-width:none}.sidebar-section__header,.surface__header,.asset-card__header,.asset-dialog__header,.asset-manager-card,.asset-manager-card__header,.asset-add-sheet__header,.project-card__header,.project-thumb__header,.version-card__header,.publish-card__header,.file-card__header,.message__header,.page-header,.inline-actions,.project-thumb__actions,.delivery-actions{flex-direction:column;align-items:stretch}.donut{grid-template-columns:1fr;justify-items:center}.line-chart__axis{grid-template-columns:repeat(6,minmax(0,1fr))}.conversation-composer--sticky{position:static}.composer-shell__notes{display:grid}.preview-frame{min-height:0}.asset-dialog{padding:10px}.asset-dialog__panel{width:min(100vw - 20px,1320px);max-height:calc(100dvh - 20px);padding:16px;border-radius:22px}.asset-manager-section__header--toolbar{grid-template-columns:1fr;align-items:stretch}.asset-dialog__header-actions{justify-content:flex-start}.asset-add-sheet{padding:10px}.asset-add-sheet__panel{width:min(100vw - 20px,880px);max-height:calc(100dvh - 20px);padding:16px;border-radius:22px}.asset-manager-card{grid-template-columns:1fr}.asset-manager-card__preview{width:100%;height:180px}.asset-manager-card__actions{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
