:root{color-scheme:light;--bg-app:#f5f6f8;--bg-panel:#ffffff;--border-subtle:#e5e7eb;--text-primary:#111827;--text-secondary:#6b7280;--accent:#14b8a6;--accent-strong:#0d9488;--accent-soft:#ccfbf1;--top-bar-height:56px;--sub-toolbar-height:44px;--shell-header-height:calc(var(--top-bar-height) + var(--sub-toolbar-height));--editor-rail-width:260px;--editor-rail-inset:18px;--editor-canvas-inset:24px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:var(--font-inter),sans-serif;font-size:14px;background:var(--bg-app);color:var(--text-primary)}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:var(--bg-app)}.app-shell-content{min-height:100vh;padding-top:var(--shell-header-height)}.app-shell-content-preview{padding-top:var(--top-bar-height)}.top-bar{position:fixed;top:0;left:0;right:0;z-index:20}.top-bar-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;height:38px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:rgba(255,255,255,.06);color:#e2e8f0;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.button-icon{width:14px;height:14px;flex-shrink:0}.top-bar-button-quiet{background:transparent;color:#cbd5e1}.top-bar-button-secondary{background:rgba(255,255,255,.09);color:#f1f5f9}.top-bar-button:not(.top-bar-button-primary):focus-visible:not(:disabled),.top-bar-button:not(.top-bar-button-primary):hover:not(:disabled){border-color:rgba(148,163,184,.32);background:rgba(255,255,255,.12);color:#f8fafc;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.top-bar-button:disabled{cursor:not-allowed;border-color:rgba(148,163,184,.12);background:rgba(255,255,255,.02);color:#64748b}.top-bar-button-primary{border-color:var(--accent-strong);background:var(--accent);color:#ffffff;box-shadow:0 0 0 1px rgba(20,184,166,.14)}.top-bar-button-primary:focus-visible,.top-bar-button-primary:hover{border-color:var(--accent-strong);background:var(--accent-strong);color:#ffffff}.sub-toolbar{position:fixed;top:var(--top-bar-height);left:0;right:0;z-index:19;display:flex;align-items:stretch;background:var(--cui-color-chrome-bg-soft);border-bottom:1px solid var(--cui-color-chrome-border)}.approval-controls{position:relative;gap:10px;min-width:0}.approval-badge,.approval-controls{display:inline-flex;align-items:center}.approval-badge{min-height:24px;padding:0 10px;border:1px solid rgba(148,163,184,.16);border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.approval-badge:before{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:999px;content:"";vertical-align:1px}.approval-badge-pending{background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.4);color:#fde68a}.approval-badge-pending:before{background:#f59e0b}.approval-badge-approved{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.4);color:#bbf7d0}.approval-badge-approved:before{background:#22c55e}.approval-review-actions{display:inline-flex;align-items:center;gap:8px}.approval-button{font-size:12px}.approval-reject-form{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:flex;flex-direction:column;gap:8px;width:320px;padding:12px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#1b2538;box-shadow:0 12px 30px rgba(2,6,23,.5)}.approval-reject-label{font-size:11px;font-weight:600;letter-spacing:.04em;color:#94a3b8}.approval-reject-input{width:100%;padding:8px 10px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#0f1726;color:#e6eef8;font:inherit;font-size:13px;resize:vertical}.approval-reject-input:focus{outline:none;border-color:rgba(96,165,250,.6)}.approval-reject-form-actions{display:flex;justify-content:flex-end;gap:8px}.approval-error{max-width:360px;overflow:hidden;color:#fecaca;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.approval-hint{max-width:360px;color:#fcd34d;font-size:12px}.schedule-controls{align-items:center;gap:10px;min-width:0}.schedule-controls,.schedule-status{position:relative;display:inline-flex}.schedule-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border:1px solid rgba(148,163,184,.16);border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;cursor:default}.schedule-badge:focus-visible{outline:2px solid rgba(96,165,250,.7);outline-offset:2px}.schedule-status-detail{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:max-content;max-width:280px;padding:10px 12px;border:1px solid rgba(148,163,184,.22);border-left:3px solid #60a5fa;border-radius:10px;background:#1b2538;box-shadow:0 12px 30px rgba(2,6,23,.5);color:#e6eef8;font-size:13px;line-height:1.45;white-space:normal;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease,visibility .12s;pointer-events:none}.schedule-status:focus-within .schedule-status-detail,.schedule-status:hover .schedule-status-detail{opacity:1;visibility:visible;transform:translateY(0)}.schedule-status-overdue .schedule-status-detail{border-left-color:#fbbf24}.schedule-status-unknown .schedule-status-detail{border-left-color:#94a3b8}.schedule-badge-unknown{background:rgba(148,163,184,.16);border-color:rgba(148,163,184,.4);color:#cbd5e1}.schedule-badge-unknown:before{background:#94a3b8}.schedule-badge:before{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:999px;content:"";vertical-align:1px}.schedule-badge-scheduled{background:rgba(96,165,250,.18);border-color:rgba(96,165,250,.45);color:#dbeafe}.schedule-badge-scheduled:before{background:#60a5fa}.schedule-button{font-size:12px}.schedule-form{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:flex;flex-direction:column;gap:8px;width:280px;padding:12px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#1b2538;box-shadow:0 12px 30px rgba(2,6,23,.5)}.schedule-form-label{font-size:11px;font-weight:600;letter-spacing:.04em;color:#94a3b8}.schedule-form-input{width:100%;padding:8px 10px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#0f1726;color:#e6eef8;font:inherit;font-size:13px}.schedule-form-input:focus{outline:none;border-color:rgba(96,165,250,.6)}.schedule-form-hint{color:#fcd34d;font-size:12px}.schedule-form-actions{display:flex;justify-content:flex-end;gap:8px}.schedule-error{max-width:360px;overflow:hidden;color:#fecaca;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.schedule-hint{max-width:360px;color:#fcd34d;font-size:12px}.schedule-badge-overdue{background:rgba(251,191,36,.2);border-color:rgba(251,191,36,.5);color:#fef3c7}.schedule-badge-overdue:before{background:#fbbf24}.editor-shell{min-height:calc(100vh - var(--shell-header-height));background:var(--bg-app)}.editor-shell-preview{min-height:calc(100vh - var(--top-bar-height));background:#ffffff}.editor-frame{display:grid;grid-template-columns:var(--editor-rail-width) minmax(0,1fr) 320px;min-height:calc(100vh - var(--shell-header-height))}.editor-rail{display:flex;flex-direction:column;min-height:0}.editor-rail-structure{flex:1 1 auto;min-height:0;display:flex}.editor-projsel{position:relative;flex:none;padding:16px var(--editor-rail-inset) 14px;background:var(--cui-color-surface);border-right:1px solid var(--cui-color-border)}.editor-projsel-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:1px solid var(--cui-color-border);border-radius:8px;background:var(--cui-color-surface-sunken);color:var(--cui-color-fg);font-size:13px;text-align:left;cursor:pointer;transition:background .14s ease}.editor-projsel-trigger:hover{background:var(--cui-color-surface)}.editor-projsel-trigger:focus-visible{outline:none;box-shadow:var(--cui-shadow-focus)}.editor-projsel-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:4px;background:var(--cui-color-accent);color:#ffffff;font-size:11px;font-weight:600;line-height:1}.editor-projsel-name{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.editor-projsel-chev{flex:none;color:var(--cui-color-fg-tertiary)}.editor-frame-preview{grid-template-columns:minmax(0,1fr);width:100%;height:100%;min-height:calc(100vh - var(--top-bar-height))}.editor-frame-preview-host{display:contents}.editor-shell--preview .editor-frame{border:none}.editor-shell--preview .editor-frame-preview{width:100%;height:100%;background:#000000}.editor-shell--preview .editor-frame>.panel{border:none!important;box-shadow:none!important}.editor-shell--preview .editor-frame>.panel:first-child,.editor-shell--preview .editor-frame>.panel:last-child{border:none!important}.panel{background:var(--bg-panel);border:0}.panel-inner{padding:24px 22px}.panel-title{margin:0 0 6px;font-size:12px;font-weight:500;letter-spacing:0;color:var(--text-secondary)}.panel-subtitle{margin:0;font-size:20px;font-weight:600;line-height:1.25}.field-input:focus,.field-textarea:focus,.section-block:focus-visible{border-color:var(--accent-strong);outline:2px solid var(--accent);outline-offset:2px}.canvas-panel{display:flex;flex-direction:column;background:var(--bg-app)}.canvas-panel-preview{align-items:center;border:0}.canvas-header{padding:24px 24px 0}.canvas-stage{flex:1 1;padding:24px 32px}.canvas-panel-preview .canvas-stage{width:100%;max-width:1040px;padding:48px 72px}.preview-surface{display:flex;flex-direction:column;background:linear-gradient(180deg,#eef3f8,#f7f9fc)}.preview-surface-fullscreen{min-height:calc(100vh - var(--top-bar-height));background:#ffffff}.preview-surface-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px var(--editor-canvas-inset) 0}.preview-surface-meta{display:grid;justify-items:end;grid-gap:6px;gap:6px;padding-top:2px}.preview-surface-mode{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border:1px solid rgba(20,184,166,.18);border-radius:999px;background:rgba(20,184,166,.08);color:var(--accent-strong);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.preview-surface-url{max-width:320px;font-size:12px;line-height:1.4;color:var(--text-secondary);text-align:right;word-break:break-all}.preview-surface-stage{flex:1 1;padding:24px 32px 32px}.preview-surface-fullscreen .preview-surface-stage{padding:0}.preview-surface-frame{position:relative;height:100%;min-height:640px;padding:12px;overflow:hidden;border:1px solid #dbe3ec;border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 1px 0 rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.35)}.preview-surface-fullscreen .preview-surface-frame{min-height:calc(100vh - var(--top-bar-height));padding:0;border:0;border-radius:0;background:#000000;box-shadow:none}.preview-wrapper{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden;background:#000000}.preview-surface-iframe{display:block;width:100%;height:100%;min-height:616px;border:none;border-radius:12px;outline:none;background:#ffffff;transform:translateZ(0)}.preview-surface-fullscreen .preview-surface-iframe{min-height:calc(100vh - var(--top-bar-height));border-radius:0}.overlay-layer{position:absolute;inset:0;z-index:50;pointer-events:none}.overlay-box{position:absolute;border:2px solid #0d9488;border-radius:4px;box-shadow:0 0 0 2px rgba(13,148,136,.2);transition:all .12s ease}.preview-overlay{position:absolute;inset:12px;z-index:1;flex-direction:column;pointer-events:none}.preview-overlay,.preview-overlay-top{display:flex;justify-content:space-between}.preview-overlay-top{align-items:center;gap:10px}.preview-overlay-badge,.preview-overlay-selection{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.preview-overlay-badge{border:1px solid rgba(20,184,166,.24);background:rgba(20,184,166,.12);color:var(--accent-strong)}.preview-overlay-selection{border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.82);color:var(--text-primary)}.preview-overlay-hover{position:absolute;border:1px dashed rgba(255,255,255,.6);border-radius:12px;background:rgba(255,255,255,.05);pointer-events:none}.preview-overlay-note{align-self:flex-end;max-width:280px;padding:10px 12px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:rgba(255,255,255,.84);color:var(--text-secondary);font-size:12px;line-height:1.45;text-align:right}.canvas-stack{display:grid;grid-gap:20px;gap:20px}.section-block{position:relative;width:100%;border:1px solid transparent;border-radius:8px;background:var(--bg-panel);padding:28px 24px 24px;color:var(--text-primary);cursor:default;text-align:left;transition:background .15s ease,border-color .15s ease}.section-block:hover{border-color:#d1d5db;background:#f9fafb}.section-block-preview{padding:40px 36px}.section-block-preview,.section-block-preview:hover{border-color:transparent;background:var(--bg-panel)}.section-block-selected{border-color:var(--accent);border-width:1.5px;background:#f9fafb;box-shadow:0 0 0 1px rgba(20,184,166,.2)}.section-controls{position:absolute;top:6px;right:6px;z-index:2;display:inline-flex;border:1px solid #e5e7eb;border-radius:6px;background:#ffffff;opacity:0;pointer-events:none;transition:opacity .15s ease}.section-block:focus-within .section-controls,.section-block:hover .section-controls{opacity:1;pointer-events:auto}.section-control-button{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border:0;border-right:1px solid var(--border-subtle);background:#ffffff;color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1;transition:background .15s ease,color .15s ease}.section-control-icon{width:14px;height:14px;flex-shrink:0}.section-control-button:last-child{border-right:0}.section-control-button:focus-visible,.section-control-button:hover:not(:disabled){background:var(--accent-soft);color:var(--text-primary)}.section-control-button:disabled{cursor:not-allowed;color:#d1d5db}.section-picker{position:absolute;top:calc(100% + 6px);right:0;width:240px;border:1px solid var(--border-subtle);border-radius:8px;background:#ffffff;padding:6px}.section-picker-title{margin:0;padding:6px 8px;font-size:12px;font-weight:500;color:var(--text-secondary)}.section-picker-option{display:grid;width:100%;grid-gap:2px;gap:2px;border:0;border-radius:6px;background:transparent;padding:8px;color:var(--text-primary);text-align:left}.section-picker-option:focus-visible,.section-picker-option:hover{background:#f9fafb;outline:none}.section-picker-option-label{font-size:13px;font-weight:600;line-height:1.35}.section-picker-option-description{font-size:12px;line-height:1.4;color:var(--text-secondary)}.section-kicker{display:inline-flex;position:absolute;top:6px;left:8px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.05);font-size:11px;font-weight:500;letter-spacing:0;color:#6b7280;transition:background .15s ease,color .15s ease}.section-block-selected .section-kicker{background:var(--accent-soft);color:var(--accent-strong)}.section-title{display:block;width:100%;margin:0 0 10px;font-size:17px;font-weight:600;line-height:1.28}.section-eyebrow{margin:0 0 8px;font-size:13px;font-weight:500;line-height:1.35}.section-description,.section-eyebrow{display:block;width:100%;color:var(--text-secondary)}.section-description{margin:0;font-size:14px;line-height:1.7}.section-view{display:grid;grid-gap:22px;gap:22px}.section-view-columns-header,.section-view-header,.section-view-support-header{display:grid;grid-gap:8px;gap:8px;max-width:720px}.section-view-hero{gap:28px}.section-view-hero-copy{display:grid;grid-gap:12px;gap:12px;max-width:760px}.section-view-hero-frame,.section-view-media-frame{min-width:0}.section-view-media{align-items:center;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.section-view-media-left{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.section-view-media-left .section-view-media-frame{order:-1}.section-view-media-copy{display:grid;grid-gap:10px;gap:10px}.editable-text{border:0;border-radius:3px;background:transparent;padding:0;font:inherit;cursor:text}.editable-text:focus{outline:1px dashed var(--accent);outline-offset:3px}.section-description.editable-text{white-space:pre-wrap}.section-eyebrow-cinematic{text-transform:uppercase;letter-spacing:.08em}.section-title-hero{max-width:12ch;font-size:clamp(2rem,4vw,3.5rem);line-height:1.02}.section-title-feature{max-width:22ch;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.14}.section-description-lead{max-width:62ch;font-size:15px;line-height:1.72}.section-cta-row{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.section-cta-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:var(--accent-strong);color:#ffffff;font-size:12px;font-weight:600;letter-spacing:.02em}.section-cta-pill-muted{background:#ecfeff;color:var(--accent-strong)}.section-columns{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.section-columns-narrative{gap:20px}.section-column{margin:0}.section-column-card{padding:18px 20px;border-left:1px solid var(--border-subtle);background:linear-gradient(180deg,rgba(249,250,251,.92),rgba(255,255,255,.98))}.section-media-frame{display:grid;grid-gap:12px;gap:12px;align-content:end;min-height:260px;padding:24px;border:1px solid var(--border-subtle);border-radius:14px;background:linear-gradient(180deg,rgba(17,24,39,.06),rgba(17,24,39,.02)),linear-gradient(135deg,#f8fafc,#eef2f7)}.section-media-frame-hero{min-height:360px;padding:32px;background:linear-gradient(180deg,rgba(15,23,42,.7),rgba(15,23,42,.16)),linear-gradient(135deg,#1f2937,#475569);color:#f9fafb}.section-media-type{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.76);color:#475569;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.section-media-frame-hero .section-media-type{background:rgba(255,255,255,.14);color:#e2e8f0}.section-media-source{margin:0;font-size:22px;font-weight:600;line-height:1.2}.section-media-caption{margin:0;max-width:40ch;font-size:13px;line-height:1.6;color:var(--text-secondary)}.section-media-frame-hero .section-media-caption{color:rgba(226,232,240,.86)}.section-structured-list{display:grid;grid-gap:14px;gap:14px}.section-structured-grid,.section-structured-links{grid-template-columns:repeat(3,minmax(0,1fr))}.section-structured-item{display:grid;grid-gap:8px;gap:8px;padding:18px 18px 20px;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(180deg,rgba(249,250,251,.92),rgba(255,255,255,1))}.section-structured-item strong{font-size:13px;font-weight:600;line-height:1.35}.section-structured-item span{font-size:13px;line-height:1.45;color:var(--text-secondary)}.section-structured-kicker{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.section-structured-cta{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-top:4px;color:var(--accent-strong);font-size:12px;font-weight:600}.field-input,.field-textarea{width:100%;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:10px;background:#fbfcfd;color:var(--text-primary);font-size:14px;line-height:1.5}.field-textarea{min-height:120px;resize:vertical}.inspector-empty{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.55}.page-shared-notice{margin:0 0 16px;padding:12px 14px;border:1px solid var(--cui-color-shared);border-radius:10px;background:var(--cui-color-shared-soft)}.page-shared-notice-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.page-shared-notice-title{font-size:13px;font-weight:600;color:var(--cui-color-shared-strong)}.page-shared-notice-list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.page-shared-notice-item+.page-shared-notice-item{padding-top:12px;border-top:1px solid rgba(109,40,217,.18)}.page-shared-notice-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.page-shared-notice-name{font-size:14px;font-weight:600;color:var(--text-primary)}.page-shared-notice-usage{flex:none;font-size:12px;font-weight:500;color:var(--cui-color-shared-strong)}.page-shared-notice-hint{margin:6px 0 8px;font-size:12px;line-height:1.5;color:var(--text-secondary)}.page-shared-notice-link{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;font:inherit;font-size:12px;font-weight:600;color:var(--cui-color-shared);text-decoration:none;cursor:pointer}.page-shared-notice-link:hover{color:var(--cui-color-shared-hover);text-decoration:underline}@media (max-width:1080px){.editor-frame{grid-template-columns:1fr;min-height:calc(100vh - var(--shell-header-height))}.editor-frame-preview{min-height:calc(100vh - var(--top-bar-height))}.preview-surface-header{grid-template-columns:1fr;display:grid}.preview-surface-meta{justify-items:start}.preview-surface-url{max-width:100%;text-align:left}.preview-surface-stage{padding:20px 20px 24px}.preview-surface-frame{min-height:520px;padding:10px}.preview-surface-iframe{min-height:500px}.preview-surface-fullscreen,.preview-surface-fullscreen .preview-surface-frame,.preview-surface-fullscreen .preview-surface-iframe{min-height:calc(100vh - var(--top-bar-height))}.preview-overlay-top{flex-wrap:wrap;justify-content:flex-start}.preview-overlay-note{max-width:100%;text-align:left}.section-structured-grid,.section-structured-links,.section-view-media,.section-view-media-left{grid-template-columns:1fr}.section-title-hero{max-width:14ch}}.login-form{display:flex;flex-direction:column;gap:14px}.login-actions{display:flex;align-items:center;justify-content:space-between;font-size:12px}.login-remember{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--cui-color-fg-secondary);cursor:pointer}.login-remember input{width:14px;height:14px;accent-color:var(--cui-color-accent);cursor:pointer}.login-link{padding:0;border:0;background:transparent;color:var(--cui-color-accent-hover);font:inherit;cursor:pointer}.login-link:hover:not(:disabled){text-decoration:underline}.login-link:disabled{color:var(--cui-color-fg-tertiary);cursor:default}.login-soon-note{margin:0;font-size:12px;color:var(--cui-color-fg-tertiary);text-align:center}.login-foot-version{font-family:var(--cui-font-mono)}.login-error{padding:8px 10px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px}.user-menu{position:relative;display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;border-radius:999px;background:var(--cui-color-chrome-bg-soft)}.user-menu-role{font-family:var(--cui-font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.user-menu-role,.user-menu-signout{color:var(--cui-color-chrome-text-muted)}.user-menu-signout{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:6px;background:transparent;cursor:pointer}.user-menu-signout:hover:not(:disabled){background:var(--cui-color-chrome-hover);color:var(--cui-color-chrome-text-strong)}.user-menu-signout:disabled{cursor:default;opacity:.5}.user-menu-error{position:absolute;top:calc(100% + 6px);right:0;z-index:30;max-width:280px;padding:6px 10px;border-radius:6px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:12px;line-height:1.3}.version-history-overlay{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end}.version-history-backdrop{position:absolute;inset:0;border:0;padding:0;background:rgba(17,24,39,.35)}.version-history-panel{position:relative;z-index:1;width:min(420px,100vw);height:100%;overflow-y:auto;border-left:1px solid var(--border-subtle);box-shadow:-8px 0 24px rgba(17,24,39,.12)}.version-history-inner{display:grid;grid-gap:18px;gap:18px}.version-history-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.version-history-header .panel-title{display:inline-flex;align-items:center;gap:6px}.version-history-close{flex-shrink:0}.version-history-help{line-height:1.5}.version-history-help,.version-history-status{margin:0;font-size:13px;color:var(--text-secondary)}.version-history-status-error{display:grid;grid-gap:10px;gap:10px;justify-items:start;color:#b91c1c}.version-history-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.version-history-error,.version-history-notice{margin:0;font-size:13px;line-height:1.4;padding:10px 12px}.version-history-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px}.version-history-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.version-history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-panel)}.version-history-item-main{display:grid;grid-gap:4px;gap:4px}.version-history-item-heading{display:flex;align-items:center;gap:8px}.version-history-item-number{font-size:14px;font-weight:600}.version-history-item-meta{font-size:12px;color:var(--text-secondary)}.version-history-badge{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px}.version-history-badge-draft{color:var(--accent-strong);background:var(--accent-soft)}.version-history-badge-published{color:#166534;background:#dcfce7}.version-history-badge-archived{color:var(--text-secondary);background:#f3f4f6}.version-history-restore{flex-shrink:0}.hub-app{min-height:100vh;background:var(--cui-color-bg);color:var(--cui-color-fg)}.hub-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 24px 0}.hub-eyebrow{font-family:var(--cui-font-mono);font-size:10px;letter-spacing:var(--cui-tracking-caps);text-transform:uppercase;color:var(--cui-color-fg-tertiary)}.hub-header h2{font-size:24px;font-weight:500;letter-spacing:-.012em;margin:6px 0 0}.hub-header p{color:var(--cui-color-fg-secondary);margin:5px 0 0;font-size:13px;max-width:460px}.hub-toolbar{display:flex;align-items:center;gap:10px;padding:12px 22px 14px;flex-wrap:wrap}.hub-grid-wrap{flex:1 1;overflow:auto;padding:2px 24px 28px}.hub-tag-cloud{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}.hub-preview{display:flex;flex-direction:column;gap:7px}.hub-preview-line{font-size:11px;color:var(--cui-color-fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-panel-empty,.hub-panel-note{font-size:12px;color:var(--cui-color-fg-tertiary);margin:0}.hub-detail-rail{border-right:1px solid var(--cui-color-border-subtle);background:var(--cui-color-surface-frame);padding:18px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.hub-back{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--cui-color-fg-secondary);font:inherit;font-size:12px;padding:4px 0;cursor:pointer}.hub-back:hover{color:var(--cui-color-fg)}.hub-detail-ident{display:flex;align-items:center;gap:10px}.hub-detail-ident h1{font-size:15px;font-weight:500;margin:0}.hub-detail-sub{font-family:var(--cui-font-mono);font-size:10px;color:var(--cui-color-fg-tertiary)}.hub-editor{gap:16px;max-width:640px;padding-top:18px}.hub-editor,.hub-editor-form{display:flex;flex-direction:column}.hub-editor-form{gap:14px}.hub-field{display:flex;flex-direction:column;gap:6px}.hub-field-label{font-size:12px;font-weight:500;color:var(--cui-color-fg-secondary)}.hub-field input,.hub-field textarea{font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--cui-color-border);border-radius:6px;background:var(--cui-color-surface);color:var(--cui-color-fg);resize:vertical}.hub-field input:focus,.hub-field textarea:focus{outline:none;border-color:var(--cui-color-accent);box-shadow:var(--cui-shadow-focus)}.hub-editor-actions{display:flex;align-items:center;gap:12px}.hub-saved-note{font-size:12px;color:var(--cui-color-success-fg)}.hub-save-error{padding:8px 10px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px}.media-preview-hero{aspect-ratio:4/3;border-radius:10px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--cui-color-border);background:var(--cui-color-surface-sunken)}.media-preview-hero img{width:100%;height:100%;object-fit:cover}.media-preview-kind{font-family:var(--cui-font-mono);font-size:11px;color:var(--cui-color-fg-tertiary)}.media-preview-title{font-size:15px;font-weight:500;margin:0}.media-preview-sub{font-family:var(--cui-font-mono);font-size:11px;color:var(--cui-color-fg-secondary);margin:3px 0 0}.media-alt{font-size:12px;margin:0}.media-alt,.projects-app{color:var(--cui-color-fg)}.projects-app{min-height:100vh;background:var(--cui-color-bg)}.projects-shell{display:grid;grid-template-columns:232px 1fr;min-height:calc(100vh - 56px)}.projects-shell>.cui-content-rail{border-right:1px solid var(--cui-color-border);overflow:auto}.projects-browser{overflow:auto;background:var(--cui-color-bg)}.projects-page{max-width:1200px;margin:0 auto;padding:36px 24px 80px}.projects-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.projects-eyebrow{margin:0;font-family:var(--cui-font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cui-color-fg-tertiary)}.projects-title{margin:6px 0 0;font-size:32px;font-weight:500;letter-spacing:-.014em;color:var(--cui-color-fg)}.projects-lede{margin:6px 0 0;max-width:520px;font-size:14px;line-height:1.5;color:var(--cui-color-fg-secondary)}.projects-actions{display:flex;flex-shrink:0;gap:10px}.projects-controls{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--cui-color-border)}.projects-search{flex:1 1 auto;max-width:380px;min-width:0}.projects-search .cui-content-search{width:100%;max-width:none}.projects-filters{display:flex;flex-wrap:wrap;gap:6px}.projects-filter{padding:7px 12px;border:1px solid var(--cui-color-border);border-radius:6px;background:var(--cui-color-surface);color:var(--cui-color-fg-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:background .14s var(--cui-ease-standard),color .14s var(--cui-ease-standard),border-color .14s var(--cui-ease-standard)}.projects-filter:hover{background:var(--cui-color-surface-sunken)}.projects-filter:focus-visible{outline:none;box-shadow:var(--cui-shadow-focus)}.projects-filter-on{border-color:var(--cui-color-fg);color:var(--cui-color-bg)}.projects-filter-on,.projects-filter-on:hover{background:var(--cui-color-fg)}.projects-filter-disabled,.projects-filter:disabled{cursor:not-allowed;opacity:.48;border-color:var(--cui-color-border)}.projects-filter-disabled,.projects-filter-disabled:hover,.projects-filter:disabled,.projects-filter:disabled:hover{color:var(--cui-color-fg-tertiary);background:var(--cui-color-surface-sunken)}.projects-section-label{display:flex;align-items:center;gap:8px;margin:8px 0 12px}.projects-section-title{letter-spacing:.14em;text-transform:uppercase}.projects-section-count,.projects-section-title{font-family:var(--cui-font-mono);font-size:11px;color:var(--cui-color-fg-tertiary)}.projects-section-count{background:var(--cui-color-surface-sunken);padding:1px 7px;border-radius:99px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.project-card{position:relative;display:block;width:100%;padding:0;border:1px solid var(--cui-color-border);border-radius:var(--cui-radius-lg);background:var(--cui-color-surface);box-shadow:var(--cui-shadow-sm);overflow:hidden;text-align:left;cursor:pointer;transition:box-shadow .14s var(--cui-ease-standard),transform .14s var(--cui-ease-standard)}.project-card:hover:not(:disabled){box-shadow:var(--cui-shadow-md);transform:translateY(-1px)}.project-card:focus-visible{outline:none;box-shadow:var(--cui-shadow-focus)}.project-card-thumb{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;border-bottom:1px solid var(--cui-color-border)}.project-card-thumb-mock{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;gap:8px}.project-card-thumb-line{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.28)}.project-card-thumb-w1{width:50%}.project-card-thumb-w2{width:75%;background:rgba(255,255,255,.2)}.project-card-thumb-w3{width:35%;background:rgba(255,255,255,.16)}.project-card-thumb-big{display:block;flex:1 1;margin-top:4px;border-radius:6px;background:rgba(255,255,255,.08)}.project-card-meta{display:block;padding:14px 16px 16px}.project-card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.project-card-identity{display:flex;flex-direction:column;min-width:0}.project-card-name{font-size:15px;font-weight:500;color:var(--cui-color-fg)}.project-card-domain{margin-top:4px;font-family:var(--cui-font-mono);font-size:11px;color:var(--cui-color-fg-secondary)}.project-card-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:200px;padding:32px;background:transparent;border-style:dashed;border-color:var(--cui-color-border-strong);box-shadow:none;color:var(--cui-color-fg-secondary)}.project-card-new:hover:not(:disabled){background:var(--cui-color-surface-sunken);border-color:var(--cui-color-accent);color:var(--cui-color-accent-hover);box-shadow:none;transform:none}.project-card-new:disabled{cursor:not-allowed;opacity:.72}.project-card-new-label{font-size:14px;font-weight:500}.project-card-new-desc{font-size:12px;color:var(--cui-color-fg-tertiary);text-align:center;max-width:200px;line-height:1.4}.project-card-skeleton{cursor:default;pointer-events:none}.project-card-skeleton:hover{transform:none;box-shadow:var(--cui-shadow-sm)}.project-card-thumb-skel{background:linear-gradient(100deg,var(--cui-color-surface-sunken) 30%,var(--cui-color-border) 50%,var(--cui-color-surface-sunken) 70%);background-size:200% 100%;animation:projects-shimmer 1.3s linear infinite;border-bottom:1px solid var(--cui-color-border)}.project-card-skel-line{height:10px;border-radius:99px;background:var(--cui-color-surface-sunken)}.project-card-skel-line-lg{width:62%;margin-bottom:8px}.project-card-skel-line-sm{width:40%}@keyframes projects-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:980px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.projects-shell{grid-template-columns:1fr}.projects-shell>.cui-content-rail{border-right:0;border-bottom:1px solid var(--cui-color-border)}.projects-page{padding:28px 16px 64px}.projects-head{align-items:stretch}.projects-actions,.projects-head{flex-direction:column}.projects-actions .cui-button{width:100%;justify-content:center}.projects-controls{flex-wrap:wrap}.projects-search{max-width:none;width:100%}.projects-filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.projects-grid{grid-template-columns:1fr}}.sub-toolbar-back{display:inline-flex;align-items:center;gap:7px;flex:none;width:var(--editor-rail-width);height:var(--sub-toolbar-height);line-height:1;padding:0 var(--editor-rail-inset);border:0;border-right:1px solid var(--cui-color-chrome-border);background:transparent;color:var(--cui-color-chrome-text-muted);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease}.sub-toolbar-back:hover{background:var(--cui-color-chrome-hover);color:var(--cui-color-chrome-text-strong)}.sub-toolbar-back:active{background:var(--cui-color-chrome-bg);color:var(--cui-color-chrome-text-strong)}.sub-toolbar-back:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--cui-color-accent-bright)}@media (max-width:1080px){.sub-toolbar-back{width:auto}}.sub-toolbar-bar{flex:1 1 auto;min-width:0;display:flex}.sub-toolbar-bar>*{flex:1 1 auto;min-width:0;padding-left:var(--editor-canvas-inset);border-bottom:0}@media (prefers-reduced-motion:reduce){.project-card-skeleton,.project-card-thumb-skel{animation:none}.project-card:hover:not(:disabled){transform:none;box-shadow:var(--cui-shadow-sm)}}.media-field{display:flex;flex-direction:column;gap:10px}.media-field-preview{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;border:1px solid var(--border-subtle);background:#f1f5f9;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-field-thumb{width:100%;height:100%;object-fit:cover;display:block}.media-field-empty{display:inline-flex;color:var(--text-secondary)}.media-field-play{position:absolute;inset:0;margin:auto;width:40px;height:40px;border-radius:999px;background:rgba(17,24,39,.55);color:#fff;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.media-field-info{display:flex;flex-direction:column;gap:6px}.media-field-kind{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--text-secondary)}.media-field-name{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-field-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.media-field-details{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--border-subtle);background:#fff;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .14s ease,background .14s ease}.media-field-details:hover{border-color:#cbd5e1;background:#f8fafc}.media-field-replace{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--accent-strong);background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .14s ease,box-shadow .14s ease}.media-field-replace:hover:not(:disabled){background:var(--accent-strong)}.media-field-replace:disabled{opacity:.5;cursor:not-allowed}.media-field-url-toggle{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--border-subtle);background:#fff;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer}.media-field-url-toggle:hover{color:var(--text-primary);border-color:#cbd5e1}.media-field-url{margin-top:2px}.media-field-details:focus-visible,.media-field-replace:focus-visible,.media-field-url-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.media-picker-backdrop{position:fixed;inset:0;z-index:60;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:24px}.media-picker{width:min(920px,100%);max-height:min(640px,90vh);display:flex;flex-direction:column;background:var(--bg-panel);border-radius:14px;border:1px solid var(--border-subtle);box-shadow:0 24px 60px rgba(15,23,42,.3);overflow:hidden}.media-picker-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-subtle)}.media-picker-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--accent-strong)}.media-picker-title{font-size:18px;font-weight:650;color:var(--text-primary);margin-top:2px}.media-picker-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border-subtle);background:#fff;color:var(--text-secondary);cursor:pointer}.media-picker-close:hover{color:var(--text-primary)}.media-picker-body{flex:1 1;display:grid;grid-template-columns:200px minmax(0,1fr);min-height:0}.media-picker-rail{border-right:1px solid var(--border-subtle);padding:14px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.media-picker-rail-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--text-secondary);padding:0 8px 6px}.media-picker-folder{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:8px;border:0;background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer;text-align:left}.media-picker-folder:hover{background:#f1f5f9}.media-picker-folder.is-active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.media-picker-folder-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-picker-folder-count{font-size:12px;color:var(--text-secondary)}.media-picker-main{display:flex;flex-direction:column;min-height:0}.media-picker-toolbar{display:flex;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.media-picker-grid{flex:1 1;overflow-y:auto;padding:16px}.media-picker-note{color:var(--text-secondary);font-size:13px}.media-picker-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--border-subtle)}.media-picker-selection{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-picker-actions{display:flex;gap:10px;flex:none}.media-picker-btn{height:38px;padding:0 16px;border-radius:9px;border:1px solid var(--border-subtle);background:#fff;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer}.media-picker-btn:hover{border-color:#cbd5e1}.media-picker-btn-primary{border-color:var(--accent-strong);background:var(--accent);color:#fff;font-weight:600}.media-picker-btn-primary:hover:not(:disabled){background:var(--accent-strong)}.media-picker-btn-primary:disabled{opacity:.5;cursor:not-allowed}.media-picker-btn:focus-visible,.media-picker-close:focus-visible,.media-picker-folder:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-data-error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg,#f7f7f8);padding:2rem}.project-data-error-card{max-width:28rem;text-align:center;display:grid;grid-gap:.75rem;gap:.75rem}.project-data-error-card h1{font-size:1.25rem;font-weight:600}.project-data-error-hint{color:var(--color-text-muted,#6b7280);font-size:.875rem}.project-data-error-card a{text-decoration:underline;font-size:.875rem}