:global(body){margin:0;background:radial-gradient(1100px 780px at 10% 10%,color-mix(in srgb,var(--brand-primary, #1976d2) 18%,transparent),transparent 60%),radial-gradient(900px 680px at 90% 8%,color-mix(in srgb,var(--brand-secondary, #ff9800) 16%,transparent),transparent 62%),linear-gradient(180deg,#07111d,#091522 44%,#08111d);color:#eff6ff}:global(body[data-brand-editor-ui]){--brand-editor-font-family: var(--admin-ui-font-family, "IBM Plex Sans Variable", "Noto Sans SC Variable", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif);--brand-editor-bg: #08111d;--brand-editor-surface: rgba(10, 18, 31, .82);--brand-editor-border: rgba(148, 160, 176, .18);--brand-editor-text-main: #eef3f7;--brand-editor-text-muted: #c3ccd6;--brand-editor-text-subtle: #9aa8b6;--brand-editor-text-soft: #d5dde6;--brand-editor-text-highlight: #f6f9fc;--bg: var(--brand-editor-bg);--surface: var(--brand-editor-surface);--text-main: var(--brand-editor-text-main);--text-sub: var(--brand-editor-text-muted);--border: var(--brand-editor-border);--brand-background: var(--brand-editor-bg);--brand-surface: var(--brand-editor-surface);--brand-text-primary: var(--brand-editor-text-main);--brand-text-secondary: var(--brand-editor-text-muted);--brand-border: var(--brand-editor-border);color:var(--brand-editor-text-main);font-family:var(--brand-editor-font-family)}:global(body[data-brand-editor-ui] #y-shell-nav),:global(body[data-brand-editor-ui] #y-shell-nav *){font-family:var(--brand-editor-font-family)}:global(*){box-sizing:border-box}.brand-page{--brand-editor-accent-base: color-mix(in srgb, var(--brand-primary, #1976d2) 64%, var(--brand-secondary, #ff9800) 36%);--brand-editor-line-soft: color-mix(in srgb, var(--brand-editor-accent-base) 20%, rgba(255, 255, 255, .16));--brand-editor-line-strong: color-mix(in srgb, var(--brand-editor-accent-base) 32%, rgba(255, 255, 255, .2));--brand-editor-line-emphasis: color-mix(in srgb, var(--brand-editor-accent-base) 46%, rgba(255, 255, 255, .24));--brand-editor-panel-soft: color-mix(in srgb, var(--brand-editor-accent-base) 10%, rgba(255, 255, 255, .03));--brand-editor-panel-strong: color-mix(in srgb, var(--brand-editor-accent-base) 16%, rgba(255, 255, 255, .04));--brand-editor-panel-selected: color-mix(in srgb, var(--brand-editor-accent-base) 24%, rgba(12, 20, 33, .9));--brand-editor-chip-border: color-mix(in srgb, var(--brand-editor-accent-base) 28%, rgba(255, 255, 255, .16));--brand-editor-chip-fill: color-mix(in srgb, var(--brand-editor-accent-base) 14%, rgba(255, 255, 255, .05));--brand-editor-chip-fill-strong: linear-gradient(135deg, color-mix(in srgb, var(--brand-primary, #1976d2) 54%, rgba(255, 255, 255, .14)), color-mix(in srgb, var(--brand-secondary, #ff9800) 44%, var(--brand-primary, #1976d2)));--brand-editor-tag-border-emphasis: color-mix(in srgb, var(--brand-secondary, #ff9800) 38%, rgba(255, 255, 255, .18));--brand-editor-tag-fill-emphasis: color-mix(in srgb, var(--brand-secondary, #ff9800) 18%, rgba(255, 255, 255, .08));--brand-editor-tag-border-live: color-mix(in srgb, var(--brand-success, #22c55e) 42%, rgba(255, 255, 255, .18));--brand-editor-tag-fill-live: color-mix(in srgb, var(--brand-success, #22c55e) 22%, rgba(17, 58, 45, .56));--brand-editor-tag-border-draft: color-mix(in srgb, var(--brand-primary, #1976d2) 42%, rgba(255, 255, 255, .18));--brand-editor-tag-fill-draft: color-mix(in srgb, var(--brand-primary, #1976d2) 26%, rgba(255, 255, 255, .06));--brand-editor-tag-border-warning: color-mix(in srgb, var(--brand-warning, #f59e0b) 42%, rgba(255, 255, 255, .18));--brand-editor-tag-fill-warning: color-mix(in srgb, var(--brand-warning, #f59e0b) 22%, rgba(100, 67, 17, .42));--brand-editor-pulse-shadow: color-mix(in srgb, var(--brand-editor-accent-base) 42%, transparent);--brand-editor-light-surface: radial-gradient(circle at top left, color-mix(in srgb, var(--brand-primary, #1976d2) 12%, rgba(255, 255, 255, .94)), transparent 48%), linear-gradient(180deg, rgba(248, 251, 255, .97), rgba(236, 243, 250, .95));--brand-editor-light-border: color-mix(in srgb, var(--brand-editor-accent-base) 18%, rgba(15, 23, 42, .14));--brand-editor-light-text-main: #102235;--brand-editor-light-text-muted: #516376;--brand-editor-light-text-subtle: #6f8094;--brand-editor-light-text-highlight: #08111d;--brand-editor-light-line-soft: color-mix(in srgb, var(--brand-editor-accent-base) 12%, rgba(15, 23, 42, .12));--brand-editor-light-line-strong: color-mix(in srgb, var(--brand-editor-accent-base) 18%, rgba(15, 23, 42, .16));--brand-editor-light-line-emphasis: color-mix(in srgb, var(--brand-editor-accent-base) 34%, rgba(15, 23, 42, .18));--brand-editor-light-panel-soft: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(244, 248, 252, .97));--brand-editor-light-panel-strong: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(239, 245, 251, .98));min-height:100vh;padding:24px 16px 44px;color:var(--brand-editor-text-main);color-scheme:dark;font-family:var(--brand-editor-font-family, var(--admin-ui-font-family, "IBM Plex Sans Variable", "Noto Sans SC Variable", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif))}.layout{width:min(1400px,100%);margin:0 auto}.card{border:1px solid var(--brand-editor-border);border-radius:24px;background:var(--brand-editor-surface);box-shadow:0 18px 48px #00000047;backdrop-filter:blur(14px)}.surface-context--light{--brand-editor-surface: var(--brand-editor-light-surface);--brand-editor-border: var(--brand-editor-light-border);--brand-editor-text-main: var(--brand-editor-light-text-main);--brand-editor-text-muted: var(--brand-editor-light-text-muted);--brand-editor-text-subtle: var(--brand-editor-light-text-subtle);--brand-editor-text-soft: var(--brand-editor-light-text-subtle);--brand-editor-text-highlight: var(--brand-editor-light-text-highlight);--brand-editor-line-soft: var(--brand-editor-light-line-soft);--brand-editor-line-strong: var(--brand-editor-light-line-strong);--brand-editor-line-emphasis: var(--brand-editor-light-line-emphasis);--brand-editor-panel-soft: var(--brand-editor-light-panel-soft);--brand-editor-panel-strong: var(--brand-editor-light-panel-strong);color:var(--brand-editor-text-main);color-scheme:light;box-shadow:0 24px 56px #06101e2e,inset 0 1px #ffffffb8}.surface-context--light .section__eyebrow,.surface-context--light .asset-preview__label{color:color-mix(in srgb,var(--brand-primary, #1976d2) 68%,#102235)}.surface-context--light .asset-panel,.surface-context--light .color-input,.surface-context--light .derived-chip,.surface-context--light .button:not(.button--primary):not(.button--danger),.surface-context--light .upload-button{box-shadow:inset 0 1px #ffffffb8}.surface-context--light .derived-chip__swatch{border-color:var(--brand-editor-light-line-strong);box-shadow:0 0 0 1px #ffffff75}.hero{display:grid;gap:18px;padding:24px;animation:rise-in .14s ease-out}.hero--workspace{gap:16px}.hero__head--settings{align-items:center}.workspace-state-strip{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:20px;border:1px solid var(--brand-editor-line-strong);background:var(--brand-editor-panel-strong)}.workspace-state-strip strong{display:block;font-size:20px;line-height:1.2;color:var(--brand-editor-text-highlight)}.workspace-state-strip p{margin:6px 0 0;color:var(--brand-editor-text-muted);line-height:1.6}.workspace-state-strip__eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-editor-text-soft)}.workspace-state-strip__meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.workspace-state-strip--accent{border-color:var(--brand-editor-line-emphasis)}.workspace-state-strip--warning{border-color:var(--brand-editor-tag-border-warning);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-warning, #f59e0b) 14%,rgba(255,255,255,.04)),var(--brand-editor-panel-strong))}.workspace-state-strip--success{border-color:var(--brand-editor-tag-border-live);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-success, #22c55e) 12%,rgba(255,255,255,.04)),var(--brand-editor-panel-strong))}.workspace-state-strip--error{border-color:#ff788947;background:linear-gradient(135deg,rgba(86,22,34,.52),var(--brand-editor-panel-strong))}.hero__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.hero__copy{display:grid;gap:0;min-width:0}.hero__copy--settings{gap:2px}.hero__kicker{margin:14px 0 0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-editor-text-soft)}.hero__workspace-switch{width:min(360px,100%);display:grid;gap:12px;padding:16px 18px;border-radius:20px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-soft)}.hero__workspace-switch--compact{width:min(320px,100%);gap:10px;padding:14px 16px}.hero__workspace-label,.hero__action-eyebrow,.hero-status-card__eyebrow,.hero-flow-step__index{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.hero__workspace-label,.hero__action-eyebrow,.hero-status-card__eyebrow{color:var(--brand-editor-text-soft)}.hero__workspace-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-tab{appearance:none;min-height:48px;padding:0 14px;border-radius:16px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-strong);color:var(--brand-editor-text-highlight);font:inherit;font-weight:600;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.workspace-tab:hover{transform:translateY(-1px);border-color:var(--brand-editor-line-emphasis)}.workspace-tab--active{border-color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 78%,#ffffff),color-mix(in srgb,var(--brand-secondary) 54%,var(--brand-primary)));color:#04111f;box-shadow:0 16px 32px #0512223d}.hero__workspace-entry,.hero__action-note,.hero-status-card p,.hero-flow-step p{margin:0;color:var(--brand-editor-text-muted);line-height:1.6}.hero__status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.hero-status-card{display:grid;gap:8px;padding:16px 18px;border-radius:20px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-soft)}.hero-status-card--emphasis{border-color:var(--brand-editor-line-emphasis);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-editor-panel-strong) 82%,rgba(255,255,255,.05)),color-mix(in srgb,var(--brand-editor-accent-base) 14%,rgba(255,255,255,.04)))}.hero-status-card strong,.hero__action-copy strong{color:var(--brand-editor-text-highlight)}.hero-status-card strong{font-size:18px;line-height:1.25}.hero-status-card__meta{color:var(--brand-editor-text-subtle);font-size:12px;line-height:1.5}.hero__flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero__flow--compact{gap:10px}.hero-flow-step{display:grid;gap:10px;padding:16px 18px;border-radius:20px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-strong)}.hero__flow--compact .hero-flow-step{gap:8px;padding:14px 16px}.hero-flow-step--action{border-color:color-mix(in srgb,var(--brand-editor-accent-base) 38%,rgba(255,255,255,.18));background:linear-gradient(135deg,color-mix(in srgb,var(--brand-editor-panel-strong) 72%,rgba(255,255,255,.04)),color-mix(in srgb,var(--brand-editor-accent-base) 18%,rgba(255,255,255,.06)))}.hero-flow-step--current{box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-editor-accent-base) 28%,rgba(255,255,255,.12))}.hero-flow-step__index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid var(--brand-editor-chip-border);background:var(--brand-editor-chip-fill);color:var(--brand-editor-text-highlight);font-weight:700}.hero-flow-step strong{display:block;margin-bottom:6px;font-size:16px;line-height:1.35;color:var(--brand-editor-text-highlight)}.hero__flow--compact .hero-flow-step strong{margin-bottom:4px;font-size:15px}.hero__flow--compact .hero-flow-step p{line-height:1.45}.hero__action-dock{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:22px;border:1px solid var(--brand-editor-line-strong);background:var(--brand-editor-panel-strong)}.hero__action-dock--compact{align-items:center;padding:16px 18px}.hero__action-copy{display:grid;gap:6px;max-width:380px}.hero__action-dock--compact .hero__action-copy{max-width:460px}.hero__action-copy strong{font-size:18px;line-height:1.3}.hero__action-groups{flex:1;display:grid;gap:12px;justify-items:end}.hero__action-primary,.hero__action-secondary{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.button--hero{min-height:52px;padding:0 20px}.button--signal{border-color:color-mix(in srgb,var(--brand-editor-accent-base) 44%,rgba(255,255,255,.24));background:color-mix(in srgb,var(--brand-editor-accent-base) 18%,rgba(255,255,255,.04));color:var(--brand-editor-text-highlight);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-editor-accent-base) 18%,transparent)}.button--ghost{background:transparent;border-color:color-mix(in srgb,var(--brand-editor-line-soft) 92%,rgba(255,255,255,.08))}.hero__eyebrow,.hero__meta,.hero__actions,.template-card__swatches,.asset-previews,.asset-actions,.dual-color-grid,.mode-row,.preview-stats,.preview-actions,.preview-footer{display:flex;gap:12px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--brand-editor-chip-border);color:var(--brand-editor-text-soft);font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:var(--brand-editor-chip-fill)}.chip--accent{color:#fff;border-color:var(--brand-editor-line-strong);background:var(--brand-editor-chip-fill-strong)}.chip--warning{color:#fef3c7;border-color:var(--brand-editor-tag-border-warning);background:var(--brand-editor-tag-fill-warning)}.hero h1,.section h2,.preview-shell h2{margin:0}.hero h1{margin-top:16px;font-size:clamp(34px,4.8vw,58px);line-height:1.02;letter-spacing:-.04em}.hero--workspace h1{margin-top:10px;font-size:clamp(28px,3.8vw,44px);line-height:1.08;letter-spacing:-.03em}.hero__lead,.section__head p,.preview-shell p,.template-card__body span,.template-card__body small,.field span,.field input,.field select,.field textarea,.asset-note,.asset-path,.template-loading,.template-empty,.loading p,.inline-error,.mode-row span,.derived-chip small,.preview-shell__label,.preview-footer span{color:var(--brand-editor-text-muted)}.hero__lead{margin:16px 0 0;max-width:760px;font-size:18px;line-height:1.75}.hero__lead--compact{margin-top:10px;max-width:560px;font-size:16px;line-height:1.58}.hero__actions{margin-top:24px}.hero__meta{margin-top:18px;font-size:13px;color:var(--brand-editor-text-subtle)}.hero-preview{border-radius:22px;padding:18px;border:1px solid color-mix(in srgb,var(--shell-preview-border, rgba(148, 160, 176, .18)) 82%,white 18%);background:radial-gradient(circle at top right,color-mix(in srgb,var(--shell-preview-glow, var(--brand-editor-accent-base)) 18%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--shell-preview-canvas, rgba(9, 16, 28, .96)) 96%,white 4%),color-mix(in srgb,var(--shell-preview-bar, rgba(9, 16, 28, .92)) 92%,black 8%));display:grid;gap:14px;min-height:280px;align-content:space-between;color:var(--shell-preview-text, var(--brand-editor-text-main));box-shadow:0 24px 48px color-mix(in srgb,var(--shell-preview-canvas, #08111d) 74%,black)}.hero-preview__bar{display:grid;gap:12px}.hero-preview__brand-shell{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--shell-preview-border, rgba(148, 160, 176, .18)) 84%,white 16%);background:color-mix(in srgb,var(--shell-preview-bar, rgba(10, 18, 31, .78)) 90%,white 10%);box-shadow:inset 0 1px color-mix(in srgb,var(--shell-preview-glow, var(--brand-editor-accent-base)) 14%,transparent)}.hero-preview__logo{width:84px;min-width:84px;height:48px;padding:6px 10px;border-radius:14px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--shell-preview-border, rgba(148, 160, 176, .18)) 78%,white 22%);background:color-mix(in srgb,var(--shell-preview-panel, rgba(255, 255, 255, .12)) 86%,white 14%)}.hero-preview__logo--empty span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--shell-preview-text, var(--brand-editor-text-main))}.hero-preview__logo img,.preview-shell__logo img,.asset-frame img,.template-card__logo img,.template-item__logo img,.template-library-card__logo img{width:100%;height:100%;object-fit:contain}.section__eyebrow,.asset-preview__label{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-editor-text-highlight)}.hero-preview__identity{min-width:0;display:flex;flex-direction:column;gap:4px}.hero-preview__brand{margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--shell-preview-text-muted, var(--brand-editor-text-soft))}.hero-preview__identity strong{display:block;font-size:clamp(22px,2.6vw,30px);line-height:1.06;color:var(--shell-preview-text, var(--brand-editor-text-highlight))}.hero-preview__current,.hero-preview__nav-item{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--shell-preview-border, rgba(148, 160, 176, .18)) 82%,white 18%);background:color-mix(in srgb,var(--shell-preview-panel, rgba(255, 255, 255, .08)) 90%,white 10%);color:var(--shell-preview-text, var(--brand-editor-text-highlight));font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hero-preview__current{margin-left:auto;background:color-mix(in srgb,var(--shell-preview-accent, var(--brand-editor-accent-base)) 18%,transparent);color:var(--shell-preview-accent-text, var(--brand-editor-text-highlight));border-color:color-mix(in srgb,var(--shell-preview-accent, var(--brand-editor-accent-base)) 40%,white 12%)}.hero-preview__nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.hero-preview__nav-item--active{background:var(--shell-preview-accent, var(--brand-editor-accent-base));color:var(--shell-preview-accent-text, #ffffff);border-color:color-mix(in srgb,var(--shell-preview-accent, var(--brand-editor-accent-base)) 82%,white 18%)}.hero-preview__panel{display:grid;gap:10px;padding:16px 18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--shell-preview-border, rgba(148, 160, 176, .18)) 88%,white 12%);background:linear-gradient(180deg,color-mix(in srgb,var(--shell-preview-panel, rgba(255, 255, 255, .08)) 90%,white 10%),color-mix(in srgb,var(--shell-preview-canvas, rgba(9, 16, 28, .94)) 82%,black 18%))}.hero-preview__eyebrow{margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--shell-preview-accent, var(--brand-editor-accent-base)) 72%,white 28%)}.hero-preview__panel p{margin:0;color:var(--shell-preview-text-muted, var(--brand-editor-text-soft));line-height:1.7}.button,.upload-button,.preview-button,.template-card{appearance:none;border:1px solid var(--brand-editor-line-strong);border-radius:14px;background:var(--brand-editor-panel-soft);color:var(--brand-editor-text-highlight);font:inherit}.button,.preview-button,.upload-button{min-height:46px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.button:hover,.preview-button:hover,.upload-button:hover,.template-card:hover{transform:translateY(-1px);border-color:var(--brand-editor-line-emphasis)}.button:disabled,.preview-button:disabled,.upload-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button--primary,.preview-button--primary{color:#04111f;border-color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 78%,#ffffff),color-mix(in srgb,var(--brand-secondary) 54%,var(--brand-primary)));font-weight:700}.button--small{min-height:38px;padding:0 14px;font-size:13px}.button--danger{border-color:#ff788947;background:#5616226b;color:#ffd7dd}.upload-button input{display:none}.notice{margin:16px 0 0;padding:14px 16px;border-radius:16px;border:1px solid var(--brand-editor-line-strong)}.notice--neutral{background:var(--brand-editor-panel-strong)}.notice--success{background:#113a2dbd;border-color:#5bc8923d}.notice--error,.inline-error{background:#561622b3;border-color:#ff788947;color:#ffd7dd}.loading{margin-top:16px;padding:22px;display:flex;align-items:center;gap:16px}.loading__pulse{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));box-shadow:0 0 0 0 var(--brand-editor-pulse-shadow);animation:pulse 1.2s infinite}.content-grid{margin-top:20px;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,.86fr);gap:20px;align-items:start}.content-grid--template{grid-template-columns:minmax(0,1.38fr) minmax(320px,.82fr)}.stack{display:grid;gap:20px}.workflow-block{display:grid;gap:12px}.workflow-block--aside{align-self:start}.workflow-block__header{display:flex;align-items:flex-start;gap:12px;padding:2px 4px 0}.workflow-block__step{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--brand-editor-chip-border);background:var(--brand-editor-chip-fill);color:var(--brand-editor-text-highlight);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.workflow-block__copy{display:grid;gap:6px}.workflow-block__copy strong{color:var(--brand-editor-text-highlight);font-size:16px;line-height:1.3}.workflow-block__copy p{margin:0;max-width:540px;color:var(--brand-editor-text-muted);line-height:1.55}.section{padding:22px}.section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section__head h2{font-size:24px;line-height:1.2}.section__head p{max-width:600px;margin:0;line-height:1.55}.field-grid,.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:8px}.composer-shell{display:grid;gap:18px}.composer-shell__head{margin-bottom:0}.composer-nav,.composer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.composer-diff-card{display:grid;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--brand-editor-line-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-editor-panel-strong) 86%,rgba(255,255,255,.04)),color-mix(in srgb,var(--brand-editor-accent-base) 10%,rgba(255,255,255,.03)))}.composer-diff-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.composer-diff-card__head h3{margin:0;color:var(--brand-editor-text-highlight);font-size:20px;line-height:1.25}.composer-diff-card__head p,.composer-diff-empty{margin:0;color:var(--brand-editor-text-muted);line-height:1.7}.composer-diff-card__meta{display:flex;gap:10px;flex-wrap:wrap}.composer-diff-card__meta span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-soft);color:var(--brand-editor-text-soft);font-size:12px}.composer-diff-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.composer-diff-list__item{display:grid;gap:8px;padding:14px;border-radius:16px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-soft)}.composer-diff-list__item strong{color:var(--brand-editor-text-highlight)}.composer-diff-list__item p{margin:0;color:var(--brand-editor-text-muted);line-height:1.65}.composer-nav__button{appearance:none;display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:18px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-soft);color:var(--brand-editor-text-main);font:inherit;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.composer-nav__button:hover{transform:translateY(-1px);border-color:var(--brand-editor-line-emphasis)}.composer-nav__button--active{border-color:var(--brand-editor-line-emphasis);background:var(--brand-editor-panel-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-editor-accent-base) 24%,rgba(255,255,255,.28))}.composer-nav__index{display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;border-radius:999px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-strong);color:var(--brand-editor-text-highlight);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.composer-nav__copy{display:grid;gap:4px}.composer-nav__copy strong,.composer-summary__item strong,.composer-panel__head h3{color:var(--brand-editor-text-highlight)}.composer-nav__copy strong{font-size:16px;line-height:1.35}.composer-nav__copy small{color:var(--brand-editor-text-muted);line-height:1.55}.composer-summary__item{display:grid;gap:6px;padding:14px 16px;border-radius:16px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-soft)}.composer-summary__item--active{border-color:var(--brand-editor-line-emphasis);background:var(--brand-editor-panel-strong)}.composer-summary__item span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-editor-text-subtle)}.composer-summary__item strong{font-size:15px;line-height:1.55}.composer-panel{display:grid;gap:18px;padding:20px;border-radius:22px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-strong)}.composer-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.composer-panel__head h3{margin:0;font-size:24px;line-height:1.2}.composer-panel__head p{max-width:620px;margin:0;color:var(--brand-editor-text-muted);line-height:1.75}.field--wide{grid-column:1 / -1}.field input,.field textarea,.field code{font:inherit}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:12px 14px;border-radius:14px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-soft);color:var(--brand-editor-text-highlight);caret-color:var(--brand-editor-text-highlight)}.field input::placeholder,.field textarea::placeholder{color:var(--brand-editor-text-subtle)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:none;border-color:var(--brand-editor-line-emphasis);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-editor-accent-base) 18%,transparent)}.field input:-webkit-autofill,.field select:-webkit-autofill,.field textarea:-webkit-autofill{-webkit-text-fill-color:var(--brand-editor-text-highlight);box-shadow:0 0 0 1000px var(--brand-editor-panel-soft) inset;caret-color:var(--brand-editor-text-highlight);transition:background-color 9999s ease-out 0s}.field select{appearance:none}.field textarea{min-height:96px;resize:vertical}.field__hint{margin:0;color:var(--brand-editor-text-muted);font-size:12px;line-height:1.5;word-break:break-word}.template-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.template-summary-card{display:grid;gap:8px;padding:16px;border-radius:18px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-soft)}.template-summary-card--accent{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary, #1976d2) 24%,rgba(255,255,255,.08)),color-mix(in srgb,var(--brand-secondary, #ff9800) 18%,rgba(255,255,255,.04)));border-color:var(--brand-editor-line-strong)}.template-summary-card__eyebrow,.template-summary-card__meta,.template-badge{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.template-summary-card strong{font-size:19px;line-height:1.2}.template-summary-card__meta,.template-summary-card p,.template-library__caption,.template-library-card__copy span,.template-library-card__copy small,.template-library-card__meta,.template-library-card__note{color:var(--brand-editor-text-muted)}.template-summary-card p,.template-library__caption,.template-library-card__note{margin:0;line-height:1.5}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.template-manager{display:grid;gap:16px;align-items:start}.template-manager--selection{grid-template-columns:minmax(0,1fr)}.template-manager--editor{grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr)}.template-library,.template-editor{display:grid;gap:14px;padding:18px;border-radius:18px;background:var(--brand-editor-panel-soft);border:1px solid var(--brand-editor-line-soft)}.template-library--selection{gap:16px}.template-library__mode-note{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:14px;padding:18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--brand-editor-accent-base) 26%,rgba(255,255,255,.12));background:radial-gradient(circle at top left,color-mix(in srgb,var(--brand-primary, #1976d2) 22%,transparent),transparent 52%),linear-gradient(135deg,color-mix(in srgb,var(--brand-editor-panel-strong) 78%,rgba(255,255,255,.04)),color-mix(in srgb,var(--brand-secondary, #ff9800) 12%,rgba(6,12,22,.9)))}.template-library__mode-copy{display:grid;gap:6px}.template-library__mode-note--site{grid-template-columns:minmax(0,1.22fr) minmax(220px,.78fr)}.template-library__mode-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-editor-text-soft)}.template-library__mode-copy strong{font-size:17px;line-height:1.35;color:var(--brand-editor-text-highlight)}.template-library__mode-copy p{margin:0;color:var(--brand-editor-text-soft);line-height:1.7}.template-library__mode-status{display:grid;gap:6px;align-content:start;padding:16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--brand-editor-accent-base) 22%,rgba(255,255,255,.14));background:#09122157}.template-library__mode-status strong{font-size:16px;line-height:1.35;color:var(--brand-editor-text-highlight)}.template-library__mode-status small{color:var(--brand-editor-text-muted);line-height:1.6}.template-library__mode-tags{display:flex;gap:10px;flex-wrap:wrap;align-content:flex-start}.template-library__mode-tag{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand-editor-accent-base) 28%,rgba(255,255,255,.14));background:#09122170;color:var(--brand-editor-text-highlight);font-size:12px;letter-spacing:.04em}.template-library__head,.template-editor__head,.template-item,.template-item__identity,.template-item__actions,.template-editor__asset,.template-editor__asset-meta{display:flex;gap:12px}.template-library__actions{display:flex;gap:10px;flex-wrap:wrap}.template-library__cards{display:grid;grid-template-columns:1fr;gap:12px}.template-library__cards--selection{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.template-library__cards--selection .template-library-card{min-height:100%}.template-library__cards--selection .template-library-card__actions{margin-top:auto}.template-library__head,.template-editor__head,.template-item{align-items:flex-start;justify-content:space-between}.template-library-card{box-sizing:border-box;display:grid;gap:12px;padding:14px;border-radius:18px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-strong);color:var(--brand-editor-text-main)}.template-library-card--selected{border-color:var(--brand-editor-line-emphasis);background:var(--brand-editor-panel-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-editor-accent-base) 42%,rgba(255,255,255,.22))}.template-library-card--editing{box-shadow:inset 0 0 0 1px #ffffff14}.template-library-card--selected.template-library-card--editing{box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-editor-accent-base) 42%,rgba(255,255,255,.22)),inset 0 0 0 1px #ffffff14}.template-library-card__head,.template-library-card__identity,.template-badges,.template-library-card__actions,.template-library-card__meta,.template-library-card__swatches{display:flex;gap:10px;flex-wrap:wrap}.template-library-card__head{justify-content:space-between;align-items:flex-start}.template-library-card__identity{align-items:center;min-width:0}.template-library-card__logo{width:64px;height:64px;padding:10px;border-radius:18px;overflow:hidden;flex:0 0 auto}.template-library-card__copy{display:grid;gap:4px;min-width:0}.template-library-card__copy strong{font-size:16px;color:var(--brand-editor-text-highlight)}.template-badges{justify-content:flex-end}.template-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--brand-editor-chip-border);color:var(--brand-editor-text-soft);background:var(--brand-editor-chip-fill)}.template-badge--accent{border-color:var(--brand-editor-tag-border-emphasis);background:var(--brand-editor-tag-fill-emphasis);color:#f8fbff}.template-badge--live{border-color:var(--brand-editor-tag-border-live);background:var(--brand-editor-tag-fill-live);color:var(--brand-editor-text-highlight)}.template-badge--draft{border-color:var(--brand-editor-tag-border-draft);background:var(--brand-editor-tag-fill-draft);color:var(--brand-editor-text-highlight)}.template-badge--edit{border-color:var(--brand-editor-tag-border-warning);background:var(--brand-editor-tag-fill-warning);color:var(--brand-editor-text-highlight)}.template-library__list{display:grid;gap:10px}.template-item{padding:12px;border-radius:16px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-strong)}.template-item__identity,.template-editor__asset{align-items:center}.template-item__logo{width:56px;height:56px;padding:10px;border-radius:16px;overflow:hidden}.template-item__copy{display:grid;gap:4px}.template-item__copy span,.template-item__copy small,.template-library__caption,.template-library-card__copy span,.template-library-card__copy small,.template-library-card__meta,.template-library-card__note,.template-editor__head p,.template-editor__asset-meta span,.template-editor__asset-meta small{color:var(--brand-editor-text-muted)}.template-library__caption,.template-library-card__note,.template-editor__head p,.template-editor__asset-meta span,.template-editor__asset-meta small{margin:0}.template-library-card__actions{align-items:center}.template-library-card__meta{color:var(--brand-editor-text-soft);line-height:1.5}.template-library-card__note{color:var(--brand-editor-text-muted);line-height:1.72}.template-library-card__actions .button:not(.button--primary){color:var(--brand-editor-text-highlight)}.template-editor__asset{padding:14px;border-radius:16px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-strong)}.template-editor__asset-meta{flex:1;flex-direction:column;justify-content:center}.asset-placeholder{color:var(--brand-editor-text-muted);font-size:13px;letter-spacing:.04em}.template-card{display:grid;gap:14px;padding:16px;text-align:left;cursor:pointer}.template-card--active{border-color:var(--brand-editor-line-emphasis);background:var(--brand-editor-panel-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-editor-accent-base) 42%,rgba(255,255,255,.22))}.template-card__logo{width:72px;height:72px;border-radius:18px;padding:12px;background:#fffffff2;overflow:hidden}.template-card__body{display:grid;gap:4px}.template-card__surface,.asset-preview__surface{color:var(--brand-editor-text-subtle);font-size:12px;line-height:1.4}.template-card__body strong{font-size:16px}.template-library-card__swatches span,.template-card__swatches span,.derived-chip__swatch{display:inline-block;width:18px;height:18px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.asset-panel{display:grid;gap:12px;padding:18px;border-radius:18px;background:var(--brand-editor-panel-soft);border:1px solid var(--brand-editor-line-soft)}.asset-panel__head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.asset-panel__head h3{margin:0}.asset-frame{display:grid;place-items:center;border-radius:18px;border:1px solid var(--brand-editor-line-soft);overflow:hidden}.logo-surface--light{background:linear-gradient(180deg,#fffffffa,#f1f6fcfa)}.logo-surface--dark{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--brand-primary, #1976d2) 18%,transparent),transparent 68%),radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--brand-secondary, #ff9800) 12%,transparent),transparent 54%),linear-gradient(180deg,#0a121ffa,#121e2efa)}.logo-surface--split{background:linear-gradient(135deg,#fffffffa 0 50%,#0c1421fa 50% 100%)}.asset-frame--logo{width:100%;min-height:132px;padding:20px}.asset-frame--favicon{width:84px;height:84px;padding:16px}.asset-preview{display:grid;gap:8px;flex:1}.asset-path,.asset-note{margin:0;font-size:13px;line-height:1.6}.dual-color-grid{margin-bottom:14px}.field--color{max-width:320px}.color-input{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;border-radius:14px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-soft)}.color-input input[type=color]{width:44px;height:32px;padding:0;border:0;background:transparent}.color-input code,.derived-chip code{color:var(--brand-editor-text-highlight);font-size:12px}.mode-row{align-items:center;justify-content:space-between;margin-bottom:14px}.derived-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.derived-chip{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:16px;background:var(--brand-editor-panel-soft);border:1px solid var(--brand-editor-line-soft)}.derived-chip div{display:grid;gap:4px}.preview-column{position:sticky;top:18px;display:grid;gap:16px}.impact-panel{padding:22px}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.impact-item{display:grid;gap:8px;padding:14px;border-radius:16px;background:var(--brand-editor-panel-soft);border:1px solid var(--brand-editor-line-soft)}.impact-item strong{font-size:14px}.impact-item p{margin:0;color:var(--brand-editor-text-muted);line-height:1.6}.impact-grid--summary{margin-bottom:12px}.impact-warnings{margin:12px 0 0;padding:14px;border-radius:16px;border:1px solid var(--brand-editor-tag-border-warning);background:var(--brand-editor-tag-fill-warning)}.impact-warnings strong{color:var(--brand-editor-text-highlight)}.impact-warning-list{margin:10px 0 0;padding-left:18px;color:var(--brand-editor-text-soft);display:grid;gap:6px}.impact-details{margin-top:14px}.impact-details summary{cursor:pointer;color:var(--brand-editor-text-soft)}.coverage-matrix{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.coverage-item{display:grid;gap:8px;padding:14px;border-radius:16px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-soft)}.coverage-item__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.coverage-item__head strong{color:var(--brand-editor-text-highlight)}.coverage-item__head span,.coverage-item small{color:var(--brand-editor-text-soft);font-size:12px}.coverage-item p{margin:0;color:var(--brand-editor-text-muted);line-height:1.65}.coverage-item--success{border-color:var(--brand-editor-tag-border-live)}.coverage-item--warning{border-color:var(--brand-editor-tag-border-warning)}.coverage-item--accent{border-color:var(--brand-editor-line-emphasis)}.template-route-actions{margin-top:16px;display:flex;justify-content:flex-start}.preview-shell{padding:20px;overflow:hidden}.preview-shell__top{display:flex;gap:14px;align-items:center}.preview-shell__logo{width:68px;height:68px;padding:10px;border-radius:18px;display:grid;place-items:center;overflow:hidden}.preview-shell__label{display:block;margin-bottom:6px}.shell-preview-card__head{align-items:flex-start;justify-content:space-between}.shell-preview-card__intro{margin:8px 0 0;max-width:520px}.shell-preview-card__status,.shell-preview-card__meta,.shell-preview-scene__actions,.shell-preview-scene__nav{display:flex;gap:10px;flex-wrap:wrap}.shell-preview-card__meta{margin-top:16px}.shell-preview-card__meta>div,.shell-preview-details__item,.shell-preview-state{padding:12px 14px;border-radius:16px;border:1px solid var(--brand-editor-line-soft);background:var(--brand-editor-panel-soft)}.shell-preview-card__meta>div{width:100%}.shell-preview-card__meta span,.shell-preview-details__item span,.shell-preview-state__label,.shell-preview-group header span,.shell-preview-eyebrow,.shell-preview-scene__brand small,.shell-preview-ghost,.shell-preview-mobile__item,.shell-preview-card__note{color:var(--brand-editor-text-muted)}.shell-preview-card__meta span,.shell-preview-details__item span,.shell-preview-state__label,.shell-preview-group header span,.shell-preview-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.shell-preview-card__meta strong,.shell-preview-details__item strong,.shell-preview-state strong{display:block;margin-top:6px}.shell-preview-card__meta small{display:block;margin-top:6px;color:var(--brand-editor-text-muted)}.shell-preview-card__note{margin-top:14px;line-height:1.7}.shell-preview-card__action-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-top:16px}.shell-preview-card__hint{color:var(--brand-editor-text-muted);font-size:13px;line-height:1.6}.shell-preview-scene{margin-top:18px;padding:14px;border-radius:24px;border:1px solid var(--shell-preview-border, rgba(136, 180, 224, .14));background:radial-gradient(circle at top right,color-mix(in srgb,var(--shell-preview-glow, #8fddd1) 34%,transparent),transparent 44%),linear-gradient(180deg,var(--shell-preview-canvas, #12181d),color-mix(in srgb,var(--shell-preview-canvas, #12181d) 82%,#04070c));color:var(--shell-preview-text, #f4efe6);box-shadow:0 20px 42px color-mix(in srgb,var(--shell-preview-canvas, #12181d) 68%,black);font-family:var(--shell-preview-font, inherit)}.shell-preview-scene--compact .shell-preview-scene__actions{display:none}.shell-preview-scene--compact .shell-preview-scene__hero,.shell-preview-scene--dialog .shell-preview-scene__hero{white-space:normal}.shell-preview-scene--compact .shell-preview-group__cards{grid-template-columns:1fr}.shell-preview-scene--compact .shell-preview-group__cards article:nth-child(n+3){display:none}.shell-preview-scene--dialog{margin-top:16px;padding:18px}.shell-preview-dialog{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px 16px;background:color-mix(in srgb,#04070c 78%,transparent);backdrop-filter:blur(14px)}.shell-preview-dialog__panel{width:min(1080px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:22px;border-radius:28px;border:1px solid var(--brand-editor-line-strong);background:color-mix(in srgb,var(--brand-editor-bg, #08111d) 94%,black 6%);color:var(--brand-editor-text-main, #eef3f7);box-shadow:0 32px 96px #0000007a}.shell-preview-dialog__panel h2,.shell-preview-dialog__panel strong{color:var(--brand-editor-text-highlight, #f6f9fc)}.shell-preview-dialog__panel .preview-shell__label,.shell-preview-dialog__panel .shell-preview-card__meta span,.shell-preview-dialog__panel .shell-preview-card__meta small,.shell-preview-dialog__panel .shell-preview-card__note,.shell-preview-dialog__panel .shell-preview-details summary,.shell-preview-dialog__copy p{color:var(--brand-editor-text-muted, #c3ccd6)}.shell-preview-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.shell-preview-dialog__copy{display:grid;gap:6px}.shell-preview-dialog__copy p{margin:0;max-width:640px;color:var(--brand-editor-text-muted);line-height:1.7}.shell-preview-card__meta--dialog,.shell-preview-card__note--dialog,.shell-preview-details--dialog{margin-top:18px}.shell-preview-scene__bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--shell-preview-border, #31463f) 92%,white 8%);background:color-mix(in srgb,var(--shell-preview-bar, #1c2723) 94%,white 6%)}.shell-preview-scene__brand{display:flex;gap:12px;align-items:center;min-width:0;grid-column:1;grid-row:1}.shell-preview-scene__brand-copy{min-width:0}.shell-preview-scene__brand-copy strong,.shell-preview-scene__brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-preview-scene__brand strong,.shell-preview-scene__hero strong,.shell-preview-group__cards article strong,.shell-preview-mobile__drawer strong{display:block}.shell-preview-scene__logo{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;padding:8px;border:1px solid color-mix(in srgb,var(--shell-preview-border, #31463f) 84%,white 16%);background:color-mix(in srgb,var(--shell-preview-panel, #22312a) 78%,white 22%);overflow:hidden}.shell-preview-scene__logo img{width:100%;height:100%;object-fit:contain}.shell-preview-scene__logo--empty span{font-size:10px;letter-spacing:.12em;color:var(--shell-preview-text, #f4efe6)}.shell-preview-scene__actions{grid-column:2;grid-row:1;justify-self:end;flex-wrap:nowrap}.shell-preview-scene__nav{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.shell-preview-pill,.shell-preview-ghost,.shell-preview-mobile__item{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:0;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--shell-preview-border, #31463f) 84%,white 16%);background:color-mix(in srgb,var(--shell-preview-panel, #22312a) 88%,white 12%);white-space:nowrap}.shell-preview-pill--active,.shell-preview-mobile__item--active,.shell-preview-badge{background:var(--shell-preview-accent, #2a8177);color:var(--shell-preview-accent-text, #f8fbff);border-color:color-mix(in srgb,var(--shell-preview-accent, #2a8177) 84%,white 16%)}.shell-preview-scene__hero{margin-top:14px;min-width:0;display:flex;gap:14px;align-items:flex-start;justify-content:space-between;white-space:nowrap;padding:16px 18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--shell-preview-accent, #2a8177) 58%,var(--shell-preview-border, #31463f));background:linear-gradient(135deg,var(--shell-preview-accent, #2a8177),color-mix(in srgb,var(--shell-preview-accent, #2a8177) 48%,var(--shell-preview-bar, #1c2723)));color:var(--shell-preview-accent-text, #f8fbff)}.shell-preview-scene__hero p,.shell-preview-group__cards article p,.shell-preview-state p{margin:8px 0 0;line-height:1.65}.shell-preview-scene__groups{margin-top:14px;display:grid;grid-template-columns:1fr;gap:14px}.shell-preview-group,.shell-preview-mobile__drawer{padding:14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--shell-preview-border, #31463f) 90%,white 10%);background:color-mix(in srgb,var(--shell-preview-panel, #22312a) 92%,white 8%)}.shell-preview-group header{display:flex;justify-content:space-between;gap:10px;align-items:center}.shell-preview-group__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.shell-preview-group__cards article{min-height:118px;padding:14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--shell-preview-border, #31463f) 88%,white 12%);background:color-mix(in srgb,var(--shell-preview-canvas, #12181d) 64%,white 6%)}.shell-preview-details{margin-top:16px}.shell-preview-details summary{cursor:pointer;color:#cfe0f6;font-size:13px}.shell-preview-details__grid,.shell-preview-state-grid{display:grid;gap:12px}.shell-preview-details__grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.shell-preview-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.shell-preview-state{color:var(--shell-preview-text, #f4efe6);border-color:color-mix(in srgb,var(--shell-preview-border, #31463f) 88%,white 12%);background:linear-gradient(180deg,color-mix(in srgb,var(--shell-preview-panel, #22312a) 92%,white 8%),color-mix(in srgb,var(--shell-preview-canvas, #12181d) 78%,black 22%))}.shell-preview-state--loading{position:relative;overflow:hidden}.shell-preview-state--loading:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.12),transparent);transform:translate(-100%);animation:shell-shimmer 1.8s ease-in-out infinite}@keyframes shell-shimmer{to{transform:translate(100%)}}.preview-banner{margin-top:18px;display:grid;gap:8px;padding:16px;border-radius:20px;color:#08111d;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 82%,white),color-mix(in srgb,var(--brand-secondary) 56%,var(--brand-primary)))}.preview-banner strong{font-size:24px}.preview-stats{margin-top:16px}.preview-stats>div{flex:1;min-width:120px;padding:12px;border-radius:16px;background:var(--brand-editor-panel-soft);border:1px solid var(--brand-editor-line-soft)}.preview-stats span{display:block;font-size:12px;color:var(--brand-editor-text-muted);margin-bottom:6px}.preview-actions{margin-top:16px}.preview-button{flex:1}.preview-footer{margin-top:18px;align-items:center;justify-content:space-between}.preview-footer img{width:22px;height:22px}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--brand-editor-pulse-shadow)}70%{box-shadow:0 0 0 14px color-mix(in srgb,var(--brand-editor-pulse-shadow) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--brand-editor-pulse-shadow) 0%,transparent)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1080px){.hero,.hero__status-grid,.template-summary-grid,.content-grid,.impact-grid,.asset-grid,.template-manager,.template-library__mode-note,.composer-nav,.composer-summary{grid-template-columns:1fr}.hero__head,.hero__action-dock,.workflow-block__header,.composer-panel__head,.composer-diff-card__head,.workspace-state-strip{flex-direction:column}.hero__workspace-switch{width:100%;max-width:none}.hero__action-groups{width:100%;justify-items:stretch}.hero__action-primary,.hero__action-secondary{justify-content:flex-start}.preview-column{position:static}.workspace-state-strip__meta{justify-content:flex-start}}@media (max-width: 720px){.brand-page{padding:16px 12px 32px}.hero,.section,.preview-shell{padding:18px}.field-grid,.advanced-grid{grid-template-columns:1fr}.section__head,.mode-row,.hero__action-primary,.hero__action-secondary,.asset-panel__head,.workflow-block__header,.template-library-card__head,.template-library-card__identity,.template-library-card__actions,.template-badges,.template-library__head,.template-editor__head,.template-item,.template-item__identity,.template-item__actions,.template-library__actions,.template-editor__asset,.template-route-actions,.preview-shell__top,.preview-footer,.shell-preview-dialog__head,.shell-preview-scene__hero,.shell-preview-group header,.shell-preview-card__head{flex-direction:column;align-items:flex-start}.hero__workspace-tabs,.hero__status-grid,.hero__flow{grid-template-columns:1fr}.hero-preview__current{margin-left:0}.hero-preview__logo{width:100%;min-width:0;max-width:112px}.shell-preview-scene__bar,.shell-preview-scene__groups,.shell-preview-details__grid,.shell-preview-state-grid,.shell-preview-group__cards,.shell-preview-card__action-row{grid-template-columns:1fr}.shell-preview-dialog{padding:12px}.shell-preview-dialog__panel{max-height:calc(100vh - 24px);padding:18px}.shell-preview-scene__actions{grid-column:1;grid-row:2;justify-self:start}.shell-preview-scene__nav{grid-row:3;grid-template-columns:1fr}.button,.upload-button,.preview-button{width:100%}}