:root{--bg:#f7f2ea;--surface:#fcf9f3;--surface-2:#f0eae0;--surface-3:#e6ded1;--ink:#24211d;--muted:#625d54;--faint:#6b655c;--border:rgba(36,33,29,.10);--border-strong:rgba(36,33,29,.17);--accent:#9f4f32;--accent-2:#8f452c;--success:#5e8066;--warning:#9a743f;--danger:#ae5a51;--shadow:0 14px 40px rgba(43,35,25,.07);--radius:16px;--sidebar:276px;--topbar:64px;--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
[data-theme=dark]{--bg:#1f1d19;--surface:#292721;--surface-2:#322f28;--surface-3:#3b372f;--ink:#faf7f0;--muted:#d1c9be;--faint:#aea69b;--border:rgba(246,242,234,.10);--border-strong:rgba(246,242,234,.18);--accent:#d28762;--accent-2:#e29b74;--success:#88a48d;--warning:#c39a5a;--danger:#d27b72;--shadow:0 18px 48px rgba(0,0,0,.26)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.svg-sprite{position:absolute;width:0;height:0}
svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.app{height:100dvh;display:grid;grid-template-columns:var(--sidebar) 1fr;overflow:hidden;background:var(--bg)}
.app.sidebar-collapsed .sidebar{width:76px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);height:100dvh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0;z-index:30}.sidebar-header{padding:18px 16px 10px;display:flex;align-items:center;gap:8px}.sidebar-header .workspace-switcher{flex:1;width:auto;min-width:0}.sidebar-toggle{flex:0 0 auto;width:30px;height:30px;border:1px solid var(--border);background:var(--surface);transition:transform .18s ease,background .18s ease}.sidebar-toggle:hover{background:var(--surface-2);color:var(--ink)}.sidebar-toggle svg{width:15px;height:15px;transform:rotate(90deg)}.sidebar-collapsed .sidebar-toggle svg{transform:rotate(-90deg)}.sidebar-collapsed .sidebar-header{padding:18px 10px 10px}.sidebar-collapsed .workspace-switcher{justify-content:center;padding:8px;flex:0 0 40px;width:40px}.sidebar-collapsed .workspace-copy,.sidebar-collapsed .workspace-switcher .chevron,.sidebar-collapsed .new-chat span,.sidebar-collapsed .new-chat kbd,.sidebar-collapsed .sidebar-search input,.sidebar-collapsed .sidebar-search kbd,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-tag,.sidebar-collapsed .theme-toggle span,.sidebar-collapsed .account-copy,.sidebar-collapsed .account-card .chevron{display:none}.sidebar-collapsed .new-chat{margin:10px 10px 14px;padding:12px;min-height:42px}.sidebar-collapsed .new-chat svg{width:18px;height:18px}.sidebar-collapsed .sidebar-search{margin:0 10px 14px;padding:10px;justify-content:center}.sidebar-collapsed .nav-groups{padding:0 8px}.sidebar-collapsed .nav-item{justify-content:center;padding:10px;position:relative}.sidebar-collapsed .nav-item:hover::after,.sidebar-collapsed .theme-toggle:hover::after,.sidebar-collapsed .account-card:hover::after{content:attr(aria-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--ink);color:var(--bg);padding:6px 8px;border-radius:8px;font-size:11px;white-space:nowrap;z-index:100;box-shadow:var(--shadow)}.sidebar-collapsed .theme-toggle{justify-content:center;padding:10px;position:relative}.sidebar-collapsed .account-card{justify-content:center;padding:10px;position:relative}.sidebar-collapsed .sidebar-bottom{padding:10px 8px 12px}.workspace-switcher{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:12px;text-align:left}.workspace-switcher:hover,.account-card:hover,.nav-item:hover,.theme-toggle:hover{background:var(--surface-2)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:var(--bg);border-radius:11px;font-weight:800}.brand-mark.small{width:26px;height:26px;border-radius:8px;font-size:12px}.brand-mark.muted{background:var(--surface-3);color:var(--muted)}.workspace-copy,.account-copy{display:flex;flex-direction:column;min-width:0}.workspace-copy strong,.account-copy strong{font-size:14px}.workspace-copy small,.account-copy small{font-size:12px;color:var(--muted);margin-top:2px}.chevron{margin-left:auto;color:var(--faint);width:14px;height:14px}.mobile-close{display:none!important}.new-chat{margin:10px 16px 14px;padding:13px 16px;border-radius:13px;font-weight:750;display:flex;gap:8px;align-items:center;justify-content:center}.new-chat svg{width:17px;height:17px}.new-chat kbd{margin-left:auto;opacity:.55;font-size:11px}.primary{background:var(--ink);color:var(--bg)}.primary:hover{opacity:.95}.sidebar-search{margin:0 16px 18px;padding:8px 10px;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid transparent;border-radius:12px;color:var(--faint)}.sidebar-search:focus-within{border-color:var(--border-strong);background:var(--surface)}.sidebar-search input{border:0;outline:0;background:transparent;width:100%;min-width:0}.sidebar-search kbd{border:1px solid var(--border);padding:2px 6px;border-radius:6px;font-size:10px;color:var(--faint)}.nav-groups{padding:0 10px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.nav-group{padding:0 0 14px}.nav-label{font-size:10px;letter-spacing:.15em;color:var(--faint);padding:4px 10px 6px;font-weight:750}.nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--muted);text-align:left;font-size:14px}.nav-item svg{width:16px;height:16px}.nav-item.active{background:var(--surface-2);color:var(--ink);font-weight:700}.nav-tag{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:999px;background:rgba(190,104,72,.12);color:var(--accent)}.sidebar-bottom{margin-top:auto;padding:10px 10px 14px;border-top:1px solid var(--border)}.sidebar-settings-row{display:flex;align-items:center;gap:4px}.sidebar-settings-row .sidebar-settings-link{flex:1;min-width:0}.sidebar-settings-row .theme-toggle{flex:0 0 36px;width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:10px}.sidebar-settings-row .theme-toggle svg{width:16px;height:16px}.sidebar-settings-row .theme-toggle:hover{background:var(--surface-2);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar-collapsed .sidebar-settings-row{justify-content:center}.sidebar-collapsed .sidebar-settings-row .sidebar-settings-link{flex:0 0 40px;padding:10px}.sidebar-collapsed .sidebar-settings-row .theme-toggle{flex:0 0 40px;width:40px;height:40px;padding:10px}.sidebar-collapsed .sidebar-settings-row .theme-toggle::after{content:attr(aria-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--ink);color:var(--bg);padding:6px 8px;border-radius:8px;font-size:11px;white-space:nowrap;z-index:100;box-shadow:var(--shadow);display:none}.sidebar-collapsed .sidebar-settings-row .theme-toggle:hover::after{display:block}.theme-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--muted);font-size:14px}.theme-value{margin-left:auto;color:var(--faint);font-size:12px}.account-card{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;text-align:left;margin-top:4px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);font-size:11px;font-weight:800}.avatar.large{width:38px;height:38px}.account-copy{flex:1}.main{height:100dvh;min-height:0;min-width:0;margin-left:var(--sidebar);width:calc(100% - var(--sidebar));display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);position:relative;z-index:10}.topbar.flash{box-shadow:inset 0 -2px 0 var(--accent)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.breadcrumbs strong{color:var(--ink)}.mobile-menu{display:none!important}.icon-button{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;display:grid;place-items:center;color:var(--muted);background:var(--surface)}.icon-button:hover{background:var(--surface-2);color:var(--ink)}.status-pill{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;padding-right:6px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 14%,transparent)}.view-host{flex:1;min-height:0;overflow:hidden}.view{height:100%;display:flex;flex-direction:column;min-height:0}.view-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px 34px 18px}.view-header h1{margin:4px 0 6px;font-size:30px;line-height:1.08;letter-spacing:-.03em}.view-header>div>p:last-child{margin:0;color:var(--muted);max-width:760px;line-height:1.55}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:800;margin:0}.view-actions{display:flex;gap:8px;flex-wrap:wrap}.primary-action,.secondary-action{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:10px;font-weight:700;font-size:13px}.primary-action{background:var(--ink);color:var(--bg)}.secondary-action{background:var(--surface);border:1px solid var(--border)}.content-scroll{overflow:auto;padding:0 34px 34px;min-height:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:18px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 34px 16px}.kpi{padding:16px}.kpi-label{font-size:12px;color:var(--muted)}.kpi-value{font-size:28px;line-height:1.05;font-weight:800;letter-spacing:-.03em;margin-top:8px}.trend{font-size:12px;color:var(--muted);margin-top:8px}.trend.good{color:var(--success)}.content-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.section-head h3,.card h3{margin:0 0 5px;font-size:16px;letter-spacing:-.01em}.section-head p,.card>p,.feature-card p,.landing-security p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.table-wrap{margin-top:12px;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:var(--faint);font-weight:700;font-size:11px;padding:9px;border-bottom:1px solid var(--border)}.data-table td{padding:12px 9px;border-bottom:1px solid var(--border);vertical-align:top}.data-table td strong{display:block}.data-table td small{display:block;color:var(--muted);margin-top:2px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:700}.badge.success{background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success)}.badge.warn{background:color-mix(in srgb,var(--warning) 13%,transparent);color:var(--warning)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--border);font-size:13px}.toggle:last-child{border-bottom:0}.toggle small{display:block;color:var(--muted);margin-top:3px}.switch{width:42px;height:24px;border-radius:999px;background:var(--surface-3);padding:3px}.switch span{display:block;width:18px;height:18px;background:var(--surface);border-radius:50%;transition:transform .2s ease}.switch.on{background:var(--accent)}.switch.on span{transform:translateX(18px)}.progress{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:14px 0}.progress span{display:block;height:100%;background:var(--accent);border-radius:inherit}.model-list{display:grid;gap:9px}.model-card{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border:1px solid var(--border);padding:14px;border-radius:12px}.model-card p{margin:4px 0 0}.payment-method{border:1px solid var(--border);padding:12px;border-radius:12px;margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:4px}.payment-method small{grid-column:1/-1;color:var(--muted)}.field-block{display:grid;gap:7px;margin-top:16px;font-size:13px;font-weight:700}.field-block textarea,.form-row input,.field-block input,.field-block select,.inline-form select,.form-grid input,.form-grid select,.editor-form input,.editor-form textarea{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:11px;outline:none;resize:vertical}.field-block textarea{min-height:110px}.inline-form,.form-row,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline-form label,.form-row label,.form-grid label{font-size:13px;font-weight:650;display:grid;gap:7px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.settings-nav{padding:8px}.settings-nav button{width:100%;text-align:left;padding:10px;border-radius:8px;color:var(--muted)}.settings-nav button.active,.settings-nav button:hover{background:var(--surface-2);color:var(--ink)}
/* Fixed chat: viewport itself never scrolls; only the transcript can scroll inside its own frame. */
.chat-layout{height:100%;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);isolation:isolate}.chat-top{min-height:68px;display:flex;justify-content:space-between;align-items:center;padding:14px 28px 10px;flex:0 0 auto}.conversation-name{font-weight:760;font-size:15px}.chat-context{font-size:12px;color:var(--muted);margin:4px 0 0}.chat-tools{display:flex;gap:8px;align-items:center}.model-button,.model-inline{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--border);background:var(--surface);border-radius:10px;font-size:13px}.model-button small{color:var(--muted)}.chat-frame{min-height:0;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.conversation-canvas{min-height:0;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:18px 24px 10px}.welcome-row{width:min(880px,88%);display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.assistant-mark{width:46px;height:46px;border-radius:14px;background:var(--ink);color:var(--bg);display:grid;place-items:center;flex:0 0 auto}.assistant-mark svg{width:22px;height:22px}.welcome-row h1{font-size:34px;letter-spacing:-.045em;line-height:1.03;margin:4px 0 10px}.welcome-copy{font-size:14px;line-height:1.6;color:var(--muted);max-width:720px;margin:0}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.suggestion{display:flex;align-items:center;gap:10px;text-align:left;padding:13px 14px;background:var(--surface);border:1px solid var(--border);border-radius:13px;color:var(--muted)}.suggestion:hover{border-color:var(--border-strong);transform:translateY(-1px)}.suggestion svg{width:15px;height:15px;color:var(--accent);flex:0 0 auto}.composer-zone{min-height:0;flex:0 0 auto;padding:12px clamp(20px,8vw,120px) 14px;background:linear-gradient(to top,var(--bg) 76%,transparent);z-index:5}.composer{background:var(--surface);border:1px solid var(--border-strong);border-radius:18px;box-shadow:var(--shadow);padding:12px 14px 11px}.composer-topline{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.model-inline{padding:6px 8px;font-size:12px}.composer textarea{display:block;width:100%;resize:none;min-height:66px;max-height:160px;border:0;outline:0;background:transparent;padding:12px 2px;font-size:16px;line-height:1.5}.composer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:6px}.composer-icon{width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--muted)}.toolbar-note,.credit-note{font-size:11px;color:var(--faint)}.send-button{width:38px;height:38px;border-radius:11px;background:var(--ink);color:var(--bg);display:grid;place-items:center}.send-button svg{width:17px;height:17px}.composer-disclaimer{text-align:center;color:var(--faint);font-size:10px;margin:7px 0 0}.message-stack{width:min(880px,88%);align-self:center;height:100%;min-height:0;overflow:auto;padding:8px 0 20px;scrollbar-gutter:stable}.message{padding:14px 0}.message-label{font-size:12px;font-weight:750;color:var(--muted)}.message-body{font-size:14px;line-height:1.7}.assistant-message .message-body{max-width:760px}.message-body h3{font-size:17px;margin-top:22px}.message-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.assistant-mark.small{width:28px;height:28px;border-radius:9px}.assistant-mark.small svg{width:15px;height:15px}.model-note{font-size:11px;color:var(--faint)}.mini-actions{display:flex;gap:5px;margin-top:12px}.text-action{font-size:12px;color:var(--muted);padding:6px 8px;border-radius:8px}.text-action:hover{background:var(--surface-2)}.hidden{display:none!important}.callout{display:flex;gap:10px;padding:12px;background:var(--surface-2);border-radius:11px;color:var(--muted);font-size:12px;line-height:1.5}.callout strong{color:var(--ink)}

[data-theme=dark] .welcome-row h1,[data-theme=dark] .conversation-name,[data-theme=dark] .breadcrumbs strong,[data-theme=dark] .view-header h1,[data-theme=dark] .kpi-value,[data-theme=dark] .section-head h3,[data-theme=dark] .card h3,[data-theme=dark] .feature-card h4,[data-theme=dark] .landing-hero-copy h2,[data-theme=dark] .landing-security h3,[data-theme=dark] .landing-cta-final h3{color:var(--ink)}
[data-theme=dark] .workspace-copy strong,[data-theme=dark] .account-copy strong,[data-theme=dark] .nav-item.active,[data-theme=dark] .theme-toggle,[data-theme=dark] .settings-nav button.active{color:var(--ink)}
[data-theme=dark] .message-body,[data-theme=dark] .welcome-copy,[data-theme=dark] .landing-hero-copy>p{color:var(--muted)}
/* Website + builder */
.website-view{overflow:hidden}.website-shell{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 34px 26px}.website-tabs{display:flex;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--border)}.website-tab{padding:8px 12px;border-radius:9px;color:var(--muted);font-size:13px}.website-tab.active{background:var(--surface-2);color:var(--ink);font-weight:750}.website-overview,.landing-preview-wrap,.builder-layout{min-height:0;flex:1;overflow:auto;padding-top:14px}.hero-card{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:22px}.hero-card h2{font-size:28px;line-height:1.08;letter-spacing:-.035em;margin:4px 0 10px}.hero-card p{max-width:680px}.hero-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.mini-preview{border:1px solid var(--border);border-radius:14px;background:var(--surface-2);padding:10px;min-height:220px}.landing-mini{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;height:100%;padding:12px}.landing-nav{display:flex;align-items:center;gap:14px;font-size:10px;color:var(--muted)}.landing-nav strong{margin-right:auto;color:var(--ink);font-size:12px}.mini-cta{background:var(--ink);color:var(--bg);padding:5px 8px;border-radius:7px}.landing-mini-hero{padding:38px 18px}.landing-mini-hero strong{display:block;font-size:27px;line-height:1.04;letter-spacing:-.035em;margin:6px 0 9px}.landing-mini-hero p{font-size:12px;line-height:1.55}.landing-mini-hero>span{font-size:10px;color:var(--muted);display:block;margin-top:16px}.check-list{display:grid;gap:12px;margin-top:14px;color:var(--muted);font-size:13px}.check-list>div{display:flex;gap:8px;align-items:center}.check-list svg{color:var(--success);width:15px;height:15px}.swatches{display:flex;gap:8px;margin:16px 0}.swatches span{width:34px;height:34px;border-radius:9px;border:1px solid var(--border)}
.landing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.landing-toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.landing-toolbar>div{display:flex;align-items:center;gap:8px}.preview-note{font-size:11px;color:var(--faint)}.landing-page{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.landing-nav-full{display:flex;align-items:center;gap:28px;padding:18px 28px;border-bottom:1px solid var(--border)}.landing-brand{display:flex;align-items:center;gap:10px;margin-right:auto}.landing-brand .brand-mark{width:31px;height:31px;border-radius:9px;font-size:13px}.landing-nav-full nav{display:flex;gap:24px}.landing-nav-full nav a{font-size:12px;color:var(--muted);text-decoration:none}.landing-nav-cta{background:var(--ink);color:var(--bg);padding:9px 13px;border-radius:9px;font-size:12px;font-weight:750}.landing-hero-full{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:70px clamp(26px,7vw,84px) 64px}.landing-hero-copy h2{font-size:54px;line-height:1.02;letter-spacing:-.055em;margin:8px 0 16px;max-width:720px}.landing-hero-copy>p{font-size:17px;line-height:1.65;color:var(--muted);max-width:650px}.landing-primary,.landing-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 15px;border-radius:10px;font-weight:750}.landing-primary{background:var(--ink);color:var(--bg)}.landing-secondary{background:var(--surface-2)}.landing-proof{display:flex!important;align-items:center;gap:7px;font-size:12px!important;margin-top:18px!important}.landing-proof svg{width:14px;height:14px;color:var(--success)}.landing-product-shot{background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:0 24px 70px rgba(48,40,30,.12)}.shot-top{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:4px 4px 10px}.shot-status{color:var(--success)}.shot-body{display:grid;grid-template-columns:42px 1fr;gap:10px}.shot-side{background:var(--surface-3);border-radius:10px;min-height:270px}.shot-main{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.shot-heading{width:65%;height:14px;background:var(--surface-3);border-radius:7px;margin-bottom:12px}.shot-line{height:8px;background:var(--surface-2);border-radius:7px;width:78%;margin-bottom:8px}.shot-line.wide{width:92%}.shot-card{height:120px;background:var(--surface-2);border-radius:12px;margin-top:20px}.proof-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 7vw;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.proof-strip strong{display:block}.proof-strip span{font-size:12px;color:var(--muted)}.proof-stats{display:flex;gap:26px}.proof-stats span{font-size:11px;color:var(--muted)}.proof-stats strong{display:inline;font-size:15px;color:var(--ink)}.landing-features{padding:72px 7vw}.section-intro{max-width:700px}.section-intro h3,.landing-security h3,.landing-cta-final h3{font-size:34px;letter-spacing:-.04em;margin:6px 0 9px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.feature-card{padding:20px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.feature-card svg{color:var(--accent);width:20px;height:20px}.feature-card h4{margin:15px 0 7px;font-size:16px}.landing-security{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:64px 7vw;background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.security-list{display:grid;gap:12px;align-content:center}.security-list div{display:flex;gap:8px;align-items:center;font-size:13px}.security-list svg{color:var(--success);width:16px;height:16px}.landing-cta-final{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:72px 7vw}.landing-cta-final>div{max-width:760px}.landing-footer{display:flex;gap:22px;align-items:center;padding:22px 7vw;border-top:1px solid var(--border);color:var(--muted);font-size:11px}.landing-footer strong{margin-right:auto;color:var(--ink)}
.builder-layout{display:grid;grid-template-columns:210px 1.15fr .85fr;gap:14px;overflow:hidden}.builder-sidebar,.builder-editor,.builder-preview{background:var(--surface);border:1px solid var(--border);border-radius:15px;min-height:0;overflow:auto}.builder-sidebar{padding:12px}.builder-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 4px 14px}.builder-section{padding:8px 0 14px}.builder-item{width:100%;display:flex;align-items:center;gap:8px;padding:9px 8px;border-radius:9px;text-align:left;color:var(--muted);font-size:12px}.builder-item.active,.builder-item:hover{background:var(--surface-2);color:var(--ink)}.builder-item svg{width:15px;height:15px}.builder-editor{padding:18px}.editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:15px}.editor-head h2{font-size:20px;letter-spacing:-.03em;margin:6px 0}.editor-form{display:grid;gap:16px;padding-top:18px}.editor-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.editor-form textarea{min-height:104px}.editor-form small{font-size:11px;color:var(--faint);font-weight:500}.editor-note{margin-top:16px;padding:13px;background:var(--surface-2);border-radius:11px;display:grid;gap:5px;font-size:12px}.editor-note span{color:var(--muted);line-height:1.5}.builder-preview{padding:10px}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 10px;font-size:12px;color:var(--muted)}.builder-preview .landing-mini{min-height:calc(100% - 40px)}
.popover{position:fixed;z-index:80;background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:13px;min-width:245px;padding:7px}.popover button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;text-align:left}.popover button:hover{background:var(--surface-2)}.popover button small{display:block;color:var(--muted)}.popover-divider{height:1px;background:var(--border);margin:5px 0}.workspace-menu{left:18px;top:60px}.account-menu{left:18px;bottom:62px}.account-menu-head{display:flex;align-items:center;gap:10px;padding:8px}.dialog{width:min(560px,calc(100vw - 32px));padding:0;border:0;border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 40px 120px rgba(0,0,0,.28)}.dialog::backdrop{background:rgba(15,13,11,.4);backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px;border-bottom:1px solid var(--border)}.dialog h2{margin:5px 0 0;font-size:22px}.dialog-search{margin:16px 20px;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:11px;width:calc(100% - 40px);outline:0}.command-list{padding:0 12px 12px;max-height:360px;overflow:auto}.command{width:100%;display:flex;justify-content:space-between;padding:11px 10px;border-radius:9px}.command:hover{background:var(--surface-2)}.empty-inline{padding:16px;color:var(--muted)}.stepper{display:flex;align-items:center;padding:16px 20px}.step{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--faint)}.step.active{color:var(--ink);font-weight:750}.step span{font-size:10px}.step::before{content:'•';font-size:20px}.line{flex:1;height:1px;background:var(--border);margin:0 8px}.dialog>.form-grid,.dialog>.callout{margin:0 20px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:20px;border-top:1px solid var(--border);margin-top:18px}.mobile-backdrop{display:none}
@media (max-width:1050px){:root{--sidebar:240px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.landing-hero-full{grid-template-columns:1fr}.hero-card{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.landing-security{grid-template-columns:1fr}.builder-layout{grid-template-columns:190px 1fr}.builder-preview{display:none}}
@media (max-width:820px){.mobile-menu{display:grid!important}.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,300px);transform:translateX(-102%);transition:transform .2s ease;box-shadow:30px 0 90px rgba(0,0,0,.12)}.sidebar.open{transform:translateX(0)}.mobile-close{display:grid}.mobile-menu{display:grid}.topbar{padding:0 14px}.status-pill{display:none}.view-header{padding:20px 18px 14px}.content-scroll{padding:0 18px 20px}.kpi-grid{padding:0 18px 14px;grid-template-columns:1fr 1fr}.span-4,.span-5,.span-7,.span-8{grid-column:span 12}.chat-top{padding:14px 14px 8px}.conversation-canvas{padding:8px 14px}.welcome-row{width:100%;grid-template-columns:auto 1fr;gap:12px}.welcome-row h1{font-size:34px}.suggestions{grid-template-columns:1fr}.composer-zone{padding:10px 14px 12px}.toolbar-note{display:none}.website-shell{padding:0 16px 18px}.landing-nav-full nav{display:none}.landing-hero-full{padding:44px 24px}.landing-hero-copy h2{font-size:42px}.proof-strip{flex-direction:column;align-items:flex-start;padding:18px 24px}.proof-stats{gap:14px;flex-wrap:wrap}.landing-features,.landing-security,.landing-cta-final{padding:48px 24px}.landing-footer{padding:18px 24px;flex-wrap:wrap}.builder-layout{grid-template-columns:1fr;overflow:auto}.builder-sidebar{display:none}.builder-editor{min-height:auto}.builder-preview{display:block;min-height:320px}.builder-preview .landing-mini{min-height:280px}.inline-form,.form-row,.form-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.dialog .form-grid{grid-template-columns:1fr}}
@media (max-width:560px){.view-header{flex-direction:column}.view-header h1{font-size:26px}.kpi-grid{grid-template-columns:1fr}.topbar-right .icon-button{display:none}.chat-tools{min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}.chat-tools::-webkit-scrollbar{display:none}.chat-tools .icon-button{display:grid!important;flex:0 0 34px;width:34px;height:34px}.chat-tools .model-button small{display:none}.chat-tools .voice-button{flex:0 0 auto}.welcome-row{grid-template-columns:1fr}.assistant-mark{width:38px;height:38px}.welcome-row h1{font-size:30px}.composer textarea{min-height:56px}.landing-hero-copy h2{font-size:36px}.landing-primary,.landing-secondary{width:100%;justify-content:center}.landing-cta-final{flex-direction:column;align-items:flex-start}.landing-cta-final .landing-primary{width:auto}.landing-footer span{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Final fixed-shell contracts */
@media (min-width:821px){.sidebar-toggle{display:grid!important}.mobile-close,.mobile-menu{display:none!important}.app.sidebar-collapsed .sidebar{width:76px}.app.sidebar-collapsed .sidebar-header{gap:4px}.app.sidebar-collapsed .sidebar-toggle{position:absolute;right:8px;top:18px}.app.sidebar-collapsed .brand-mark{width:34px;height:34px}.app.sidebar-collapsed .workspace-switcher{width:40px}.app.sidebar-collapsed .workspace-switcher + .sidebar-toggle{display:grid}.app.sidebar-collapsed .sidebar-search svg{width:17px;height:17px}.sidebar-toggle{display:grid!important}}
@media (max-width:820px){.sidebar-toggle{display:none!important}.mobile-close{display:grid!important}.mobile-menu{display:grid!important}.chat-layout{height:100%;min-height:0;overflow:hidden}.chat-frame{min-height:0;overflow:hidden}.conversation-canvas{min-height:0;overflow:hidden}.composer-zone{position:relative;z-index:4}.main{min-height:0}.view-host{min-height:0;overflow:hidden}}

/* UI-06A — Profile page refinement */
.profile-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px}.profile-primary,.profile-secondary{display:grid;align-content:start;gap:14px;min-width:0}.profile-hero{padding:20px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.profile-hero-main{display:flex;gap:18px;align-items:center;min-width:0}.profile-avatar-wrap{display:grid;justify-items:center;gap:8px;flex:0 0 auto}.profile-avatar{width:88px;height:88px;border-radius:22px;display:grid;place-items:center;background:var(--ink);color:var(--bg);font-size:25px;font-weight:850;letter-spacing:-.03em;box-shadow:0 12px 30px rgba(0,0,0,.08)}.profile-photo{padding:7px 10px;font-size:11px}.profile-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-name-row h2{font-size:24px;letter-spacing:-.035em;margin:0}.profile-role{margin:5px 0 6px;color:var(--muted);font-size:13px}.profile-description{margin:0;max-width:660px;color:var(--muted);font-size:13px;line-height:1.55}.profile-hero-actions{display:flex;gap:8px;flex:0 0 auto}.primary-action.saved{background:var(--success)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:7px;font-size:13px;font-weight:700}.form-grid input,.form-grid select{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 12px;color:var(--ink);outline:none}.form-grid input:focus,.form-grid select:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.form-grid small{font-size:11px;color:var(--faint);font-weight:500;line-height:1.4}.profile-score{display:flex;align-items:baseline;gap:7px;margin:12px 0 4px}.profile-score strong{font-size:34px;letter-spacing:-.04em}.profile-score span{font-size:12px;color:var(--muted)}.profile-check{display:flex;gap:10px;padding:11px 0;border-top:1px solid var(--border);align-items:flex-start}.profile-check>span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);flex:0 0 auto}.profile-check>span svg{width:12px;height:12px}.profile-check strong{font-size:12px;display:block}.profile-check small{font-size:11px;color:var(--muted);display:block;margin-top:2px}.profile-check.muted>span{background:var(--surface-2);color:var(--faint)}.profile-note{display:grid;gap:9px}.profile-note strong{font-size:13px}.profile-note span{font-size:12px;line-height:1.55;color:var(--muted)}
@media (max-width:1050px){.profile-layout{grid-template-columns:1fr}.profile-secondary{grid-template-columns:1fr 1fr}.profile-note{grid-column:1/-1}}
@media (max-width:820px){.profile-hero{flex-direction:column}.profile-hero-main{align-items:flex-start}.profile-hero-actions{width:100%}.profile-hero-actions button{flex:1;justify-content:center}.profile-secondary{grid-template-columns:1fr}.profile-note{grid-column:auto}}
@media (max-width:560px){.profile-hero-main{flex-direction:column}.profile-name-row h2{font-size:22px}.form-grid{grid-template-columns:1fr}.profile-avatar{width:76px;height:76px;border-radius:19px}.profile-photo{width:100%}}

/* UI-06B + FIXED SHELL HARDENING */
html,body{overflow:hidden!important;width:100%;height:100%;overscroll-behavior:none}
body{position:fixed;inset:0}
.app{position:fixed;inset:0;height:100dvh;width:100%;display:block;overflow:hidden}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.main{height:100dvh;min-height:0;min-width:0;margin-left:var(--sidebar);width:calc(100% - var(--sidebar));overflow:hidden}
.app.sidebar-collapsed .sidebar{width:76px}
.app.sidebar-collapsed .main{margin-left:76px;width:calc(100% - 76px)}
.sidebar-header,.new-chat,.sidebar-search,.sidebar-bottom{flex:0 0 auto}
.nav-groups{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.view-host{height:calc(100dvh - var(--topbar));flex:0 0 calc(100dvh - var(--topbar));min-height:0;overflow:hidden}
.chat-layout{height:100%;min-height:0;display:grid;grid-template-rows:68px minmax(0,1fr);overflow:hidden}
.chat-frame{min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
.conversation-canvas{min-height:0;height:100%;overflow:hidden;display:flex;position:relative}
.welcome-row{max-height:100%;overflow:hidden}
.message-stack{min-height:0;max-height:100%;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;align-self:stretch}
.composer-zone{position:relative;flex:0 0 auto;min-height:max-content;overflow:visible}
.composer{max-height:clamp(150px,24dvh,250px);overflow:hidden}
.composer textarea{overflow-y:auto}
.view:not(.chat-layout) .content-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.sidebar-toggle{display:grid!important}
@media (min-width:821px){
  .app.sidebar-collapsed .sidebar-header{padding-left:10px;padding-right:10px}
  .app.sidebar-collapsed .main{margin-left:76px;width:calc(100% - 76px)}
}
@media (max-width:820px){
  .app{display:block}
  .main{margin-left:0!important;width:100%!important;height:100dvh;min-width:0}
  .sidebar{position:fixed;width:min(86vw,300px);height:100dvh}
  .view-host{height:calc(100dvh - var(--topbar));flex-basis:calc(100dvh - var(--topbar))}
  .nav-groups{overflow-y:auto}
  .chat-frame{grid-template-rows:minmax(0,1fr) auto}
  .conversation-canvas{padding-bottom:4px}
  .message-stack{height:100%;max-height:100%;overflow-y:auto}
}
/* UI-06B Security */
.security-page .card{min-width:0}
.security-status-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--border);margin-top:16px}
.security-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}
.security-status>div{min-width:0}
.security-status strong{display:block;font-size:13px}
.security-status small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:3px}
.status-icon{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);color:var(--faint);font-weight:800}
.status-icon.success{background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success)}
.security-score{display:flex;align-items:baseline;gap:7px;margin:10px 0 4px}
.security-score strong{font-size:34px;letter-spacing:-.04em}
.security-score span{font-size:12px;color:var(--muted)}
.session-list{display:grid;border-top:1px solid var(--border);margin-top:14px}
.session-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}
.session-device{display:flex;align-items:center;gap:10px;min-width:0}
.session-device svg{width:18px;height:18px;color:var(--muted);flex:0 0 auto}
.session-device strong{display:block;font-size:13px}
.session-device small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
@media (max-width:900px){.security-page .span-7,.security-page .span-5,.security-page .span-8,.security-page .span-4{grid-column:span 12}}


/* UI-06C Notifications + attachment UX + fixed chat refinement */
.notification-center{display:grid;gap:14px}.notification-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.notification-filters{display:flex;gap:7px;flex-wrap:wrap}.filter-chip{padding:8px 11px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--surface);font-size:12px;font-weight:700}.filter-chip:hover,.filter-chip.active{color:var(--ink);background:var(--surface-2);border-color:var(--border-strong)}.filter-chip .badge{padding:2px 6px;margin-left:3px}.notification-center-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.notification-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px 16px;border-bottom:1px solid var(--border);background:var(--surface);transition:background .15s ease}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:var(--surface-2)}.notification-item.unread{background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.notification-icon{width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted)}.notification-icon svg{width:16px;height:16px}.notification-copy{min-width:0}.notification-title-row{display:flex;align-items:center;gap:8px}.notification-title-row strong{font-size:13px}.notification-copy p{margin:4px 0 3px;color:var(--muted);font-size:12px;line-height:1.45}.notification-copy small{color:var(--faint);font-size:11px}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:0 0 auto}.empty-state{min-height:220px;display:grid;place-items:center;align-content:center;gap:6px;color:var(--muted);text-align:center}.empty-state strong{color:var(--ink)}.notification-center-list .text-action{align-self:center}.notifications-popover{right:18px;top:54px;left:auto;bottom:auto;width:min(390px,calc(100vw - 32px));padding:0;overflow:hidden}.notifications-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:15px 16px;border-bottom:1px solid var(--border)}.notifications-head h3{margin:4px 0 0;font-size:16px}.notification-list{max-height:410px;overflow:auto}.notification-list .notification-item{grid-template-columns:auto minmax(0,1fr);padding:13px 14px}.notifications-footer{padding:10px 12px;border-top:1px solid var(--border);background:var(--surface-2)}.notifications-footer button{width:100%;justify-content:center}.notification-popover-unread{position:absolute}.topbar-right{position:relative}.drop-target.dragging{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent),var(--shadow)}.attachment-tray{display:flex;gap:9px;flex-wrap:wrap;padding:0 2px 9px;max-height:122px;overflow:auto}.attachment-card{position:relative;width:min(260px,100%);min-height:68px;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:9px;align-items:center;padding:9px 9px 9px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:0 5px 18px rgba(0,0,0,.04);transition:transform .15s ease,background .15s ease,border-color .15s ease}.attachment-card:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-1px)}.attachment-card.error{border-color:color-mix(in srgb,var(--danger) 55%,var(--border))}.attachment-leading{position:relative;width:42px;height:42px}.attachment-file-icon,.attachment-thumb{width:42px;height:42px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.03em;overflow:hidden}.attachment-thumb img{width:100%;height:100%;object-fit:cover;display:block}.attachment-meta{min-width:0;display:grid;gap:2px}.attachment-meta strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-meta small{font-size:10px;color:var(--muted)}.attachment-error{font-size:10px;color:var(--danger);font-weight:700}.attachment-remove{width:24px;height:24px;border-radius:7px;color:var(--faint);display:grid;place-items:center;opacity:0}.attachment-card:hover .attachment-remove,.attachment-remove:focus-visible{opacity:1;background:var(--surface-2);color:var(--ink)}.attachment-remove:disabled{opacity:.35;cursor:not-allowed}.upload-progress{position:absolute;inset:0;border-radius:10px;border:2px solid var(--border);border-top-color:var(--accent);animation:attachment-spin .8s linear infinite;background:color-mix(in srgb,var(--surface) 20%,transparent)}@keyframes attachment-spin{to{transform:rotate(360deg)}}.paste-hint{margin:-2px 0 4px;color:var(--muted);font-size:11px}.composer-zone{min-width:0}.welcome-row{place-items:center;text-align:center;grid-template-columns:1fr;gap:12px;margin:auto}.welcome-copy-block{display:grid;justify-items:center}.welcome-copy-block .welcome-copy{max-width:680px}.welcome-row h1{max-width:760px}.suggestions{width:min(780px,100%);text-align:left}.suggestion{justify-content:flex-start}.message-stack{width:min(880px,88%);text-align:left}.composer-zone .composer-disclaimer{max-width:760px;margin:7px auto 0}.notification-item:focus-within{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}
@media (max-width:820px){.notifications-popover{right:14px;top:58px;width:min(380px,calc(100vw - 28px))}.attachment-card{width:100%;grid-template-columns:38px minmax(0,1fr) 24px}.attachment-file-icon,.attachment-thumb,.attachment-leading{width:38px;height:38px}.attachment-remove{opacity:1}.welcome-row{width:min(720px,100%);padding:0 10px}.suggestions{grid-template-columns:1fr;width:100%}.message-stack{width:min(760px,100%);padding-left:6px;padding-right:6px}}
@media (max-width:560px){.notification-toolbar{align-items:stretch}.notification-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.notification-filters .filter-chip{white-space:nowrap}.notification-toolbar>.secondary-action{width:100%;justify-content:center}.notification-item{grid-template-columns:auto minmax(0,1fr);padding:13px}.notification-item>.text-action{display:none}.attachment-tray{max-height:150px}.attachment-card{min-height:60px}.attachment-meta strong{font-size:11px}.attachment-meta small{font-size:9px}.welcome-row h1{font-size:30px}.welcome-copy{font-size:14px}.composer-zone{padding:8px 10px 10px}.composer{padding:10px 11px}.composer textarea{min-height:58px}.message-stack{width:100%}}
[data-theme=dark] .attachment-card,[data-theme=dark] .notification-item{box-shadow:0 5px 18px rgba(0,0,0,.14)}
/* UI-06D Account & personal settings */
.account-status-line{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}
.account-status-line:last-child{border-bottom:0}.account-status-line>div{min-width:0}.account-status-line strong{display:block;font-size:13px}.account-status-line small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:3px}.account-status-line.muted{opacity:.82}
.form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);padding-top:16px;margin-top:18px}.stack-actions{display:grid;gap:8px;margin-top:14px}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:22px;border-color:color-mix(in srgb,var(--danger) 18%,var(--border))}.danger-zone h3{margin:4px 0}.danger-zone p{max-width:720px}.danger-actions{display:flex;gap:8px;flex-wrap:wrap}.secondary-action.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.settings-nav-label{padding:10px 12px 5px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.settings-home{display:grid;align-content:start;gap:12px}.settings-home h2{font-size:26px;letter-spacing:-.03em;margin:0}.settings-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.settings-tile{display:grid;text-align:left;gap:5px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;transition:.15s ease}.settings-tile:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-1px)}.settings-tile strong{font-size:13px;color:var(--ink)}.settings-tile span{font-size:11px;line-height:1.5;color:var(--muted)}.settings-theme-panel{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);margin-top:5px}.settings-theme-panel h3{margin:0 0 3px}.settings-theme-panel p{margin:0;color:var(--muted);font-size:11px}.theme-choice{min-width:74px;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-weight:700;font-size:12px;color:var(--muted)}.theme-choice.selected{color:var(--ink);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
@media(max-width:820px){.settings-tiles{grid-template-columns:1fr}.danger-zone{align-items:flex-start;flex-direction:column}.form-actions{justify-content:stretch}.form-actions>*{flex:1}.settings-theme-panel{grid-template-columns:1fr 1fr}.settings-theme-panel>div{grid-column:1/-1}}
.workspace-tabs{display:flex;gap:6px;padding:0 34px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.workspace-tab{padding:9px 11px;border-radius:9px;color:var(--muted);font-size:12px;font-weight:750}.workspace-tab:hover,.workspace-tab.active{background:var(--surface-2);color:var(--ink)}.workspace-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.workspace-summary>div{padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.workspace-summary strong{display:block;font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}.workspace-summary span{display:block;margin-top:5px;font-size:13px;font-weight:700}.workspace-quick-actions{display:grid;gap:9px;margin-top:10px}.invite-list,.role-list{display:grid;gap:8px}.invite-row,.role-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.invite-row strong,.role-card strong{display:block;font-size:13px}.invite-row small,.role-card small{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.4}.section-divider{height:1px;background:var(--border);margin:16px 0}.chat-tools{position:relative;display:flex;gap:8px;align-items:center;z-index:20}.chat-model-trigger{position:relative;z-index:21;pointer-events:auto;min-width:160px}.chat-model-menu{position:absolute;right:48px;top:56px;z-index:100;width:230px;padding:7px}.chat-model-menu button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;text-align:left;padding:10px;border-radius:9px}.chat-model-menu button:hover{background:var(--surface-2)}.chat-model-menu strong{font-size:12px}.chat-model-menu small{font-size:10px;color:var(--muted);grid-column:1}.app-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,10px);background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:10px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.18s ease;z-index:1000}.app-toast.show{opacity:1;transform:translate(-50%,0)}
.chat-layout .chat-tools .icon-button{position:relative;z-index:22}.chat-layout .chat-frame{min-height:0}.chat-layout .composer-zone{min-height:0}.chat-layout .message-stack{overflow:auto;overscroll-behavior:contain}.chat-layout .conversation-canvas{min-height:0}.nav-groups{overscroll-behavior:contain}.sidebar-bottom{flex:0 0 auto}
@media (max-width:820px){.workspace-tabs{padding-left:16px;padding-right:16px}.workspace-summary{grid-template-columns:1fr 1fr}.invite-row,.role-card{grid-template-columns:1fr auto}.chat-model-menu{right:14px;top:112px}.chat-model-trigger{min-width:130px}}
/* UI-07C Projects: dedicated project workspace surfaces */
.project-link{appearance:none;border:0;background:none;padding:0;text-align:left;color:inherit;cursor:pointer;width:100%;display:flex;flex-direction:column;gap:4px}
.project-link strong{font-weight:650;color:var(--ink)}
.project-link small{color:var(--muted)}
.project-tabs{display:flex;gap:6px;padding:0 0 14px;border-bottom:1px solid var(--border);overflow:auto;flex:none}
.project-tab{border:0;background:transparent;border-radius:8px;padding:9px 12px;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap}
.project-tab:hover{background:var(--surface-2);color:var(--ink)}
.project-tab.active{background:var(--surface-2);color:var(--ink);font-weight:650}
.back-link{border:0;background:transparent;padding:0 0 10px;color:var(--muted);font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.back-link:hover{color:var(--ink)}
.back-link svg{width:16px;height:16px}
.list-row{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center;border:0;border-top:1px solid var(--border);background:transparent;padding:14px 0;text-align:left;color:inherit;cursor:pointer}
.list-row:hover{background:var(--surface-2);padding-left:10px;padding-right:10px;border-radius:8px}
.list-row>div{display:flex;flex-direction:column;gap:4px}
.list-row small{color:var(--muted)}
.timeline{display:flex;flex-direction:column;gap:0;margin-top:10px}
.timeline>div{padding:16px 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:5px}
.timeline small{color:var(--muted)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1080px}
.settings-grid label{display:flex;flex-direction:column;gap:7px;margin-top:16px;color:var(--muted);font-size:13px}
.settings-grid input,.settings-grid textarea{width:100%;box-sizing:border-box;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;padding:11px 12px;font:inherit}
.settings-grid textarea{min-height:120px;resize:vertical}
@media (max-width: 900px){.settings-grid{grid-template-columns:1fr}.project-tabs{padding-right:8px}.view-header .back-link{margin-bottom:2px}}
/* UI-08B Plans & subscription */

.workspace-billing-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;margin-bottom:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px}.workspace-billing-banner>div:first-child{min-width:0}.workspace-billing-banner strong{display:block;font-size:16px}.workspace-billing-banner span:not(.badge){display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.workspace-billing-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}@media(max-width:760px){.workspace-billing-banner{align-items:flex-start;flex-direction:column}.workspace-billing-badges{justify-content:flex-start}}
.billing-tabs{display:flex;gap:6px;padding:0 0 14px;border-bottom:1px solid var(--border);overflow:auto;flex:none;margin-bottom:16px}.billing-tab{border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:9px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}.billing-tab:hover,.billing-tab.active{background:var(--surface-2);color:var(--ink)}
.billing-plan-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:18px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,var(--surface),var(--surface-2));margin-bottom:14px}.billing-plan-head h2{margin:4px 0 3px;font-size:24px;letter-spacing:-.03em}.billing-plan-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.billing-plan-status{display:grid;gap:7px;justify-items:end;font-size:11px;color:var(--muted);text-align:right}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 8px 22px rgba(0,0,0,.025);transition:.15s ease}.plan-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.plan-card.recommended{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 7%,transparent)}.plan-card.current{border-color:color-mix(in srgb,var(--success) 38%,var(--border))}.plan-card h3{margin:4px 0 6px;font-size:19px;letter-spacing:-.02em}.plan-card>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.5;margin:0}.plan-ribbon{align-self:flex-start;margin-bottom:5px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-size:10px;font-weight:800}.plan-ribbon.current{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}.plan-price{display:flex;align-items:baseline;gap:6px;margin:18px 0 7px}.plan-price strong{font-size:25px;letter-spacing:-.03em}.plan-price span{font-size:11px;color:var(--muted)}.plan-credit{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.plan-credit strong{font-size:12px}.plan-credit span{font-size:10px;color:var(--muted)}.plan-entitlement{min-height:42px!important;margin:12px 0 14px!important}.plan-actions{margin-top:auto}.plan-actions button{width:100%;justify-content:center}
.entitlement-list{display:grid;gap:11px;margin-top:14px}.entitlement-list>div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}.entitlement-check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--success) 14%,var(--surface));color:var(--success);font-size:12px;font-weight:900}.entitlement-list strong{display:block;font-size:12px}.entitlement-list small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.subscription-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);font-size:12px}.subscription-row:last-of-type{border-bottom:0}.subscription-row span{color:var(--muted)}.subscription-summary{display:grid;gap:4px;padding:12px 0}.subscription-summary strong{font-size:16px}.subscription-summary span,.subscription-summary small{color:var(--muted);font-size:11px}
.usage-bars{display:grid;gap:17px;margin-top:16px}.usage-bars>div>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:11px}.usage-bars>div>div span{color:var(--muted)}.usage-bars .bar{display:block;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.usage-bars .bar i{display:block;height:100%;border-radius:999px;background:var(--accent)}
@media(max-width:900px){.plan-grid{grid-template-columns:1fr}.billing-plan-head{flex-direction:column}.billing-plan-status{justify-items:start;text-align:left}}@media(max-width:560px){.billing-tabs{padding-bottom:10px}.billing-plan-head{padding:15px}.plan-card{padding:16px}}
/* UI shell v1.2: hard lock the application viewport and isolate scroll regions. */
html,body{overflow:hidden!important;width:100%;height:100%;margin:0}body{position:fixed;inset:0}
.app{position:fixed;inset:0;display:block;overflow:hidden}
.main{position:fixed;top:0;right:0;bottom:0;left:var(--sidebar);width:auto!important;height:100dvh;min-height:0;margin-left:0!important;overflow:hidden}
.app.sidebar-collapsed .main{left:76px;right:0;width:auto!important;margin-left:0!important}
@media (max-width:820px){.main{left:0!important;right:0!important;width:auto!important;height:100dvh;margin-left:0!important}.app.sidebar-collapsed .main{left:0!important}}
/* Exact regression contracts used by the automated shell suite. */
.chat-layout{height:100%;min-height:0;display:grid;grid-template-rows:68px minmax(0,1fr);overflow:hidden}
.chat-frame{min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
.conversation-canvas{min-height:0;height:100%;overflow:hidden}
.message-stack{min-height:0;max-height:100%;height:100%;overflow-y:auto;overflow-x:hidden}
.chat-layout .message-stack{overflow:auto;overscroll-behavior:contain}
.view:not(.chat-layout) .content-scroll{overflow-y:auto;overflow-x:hidden}
.nav-groups{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}

/* UI-08C Credits & wallet */
.credit-wallet-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px;margin-bottom:14px;background:linear-gradient(145deg,var(--surface),var(--surface-2))}.wallet-balance{display:flex;align-items:baseline;gap:8px;margin:6px 0}.wallet-balance strong{font-size:38px;letter-spacing:-.04em}.wallet-balance span{font-size:12px;color:var(--muted);font-weight:700}.credit-wallet-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.wallet-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wallet-rule{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--border);font-size:12px}.wallet-rule>div{min-width:0}.wallet-rule strong{display:block}.wallet-rule small{display:block;color:var(--muted);margin-top:3px;line-height:1.4}.wallet-alerts{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.wallet-alert-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}.wallet-alert-head span{font-size:11px;color:var(--muted)}.credit-event-list{display:grid;gap:0}.credit-event-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.credit-event-list>div:last-child{border-bottom:0}.credit-event-list strong{display:block;font-size:13px}.credit-event-list small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
/* Model control hit-target isolation: the selector owns its hit area and cannot be covered by adjacent actions. */
.chat-tools{position:relative;z-index:40;isolation:isolate}.model-control,.composer-model-control{position:relative;z-index:60;pointer-events:auto}.model-control{flex:0 0 auto;min-width:160px}.composer-model-control{display:flex;flex:0 0 auto}.chat-layout .chat-tools .icon-button{z-index:20;flex:0 0 auto}.chat-model-menu{position:fixed;z-index:2000;pointer-events:auto;right:auto;top:auto;max-width:min(260px,calc(100vw - 24px));max-height:min(360px,calc(100dvh - 24px));overflow:auto}.chat-model-trigger:focus-visible,.model-inline:focus-visible{position:relative;z-index:70;outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}
/* Composer grows with content up to a bounded height, then scrolls internally. */
.composer{max-height:clamp(160px,34dvh,320px);overflow:visible}.composer textarea{min-height:58px;max-height:180px;height:58px;overflow-y:hidden;transition:height .12s ease}.composer-model-control .model-inline{cursor:pointer}
@media(max-width:820px){.credit-wallet-hero{align-items:flex-start;flex-direction:column}.wallet-actions{justify-content:flex-start}.model-control{min-width:130px}.chat-model-menu{max-width:calc(100vw - 24px)}.composer{max-height:min(42dvh,320px)}.composer textarea{max-height:160px}}
@media(max-width:560px){.wallet-actions{width:100%}.wallet-actions button{flex:1 1 180px}.wallet-balance strong{font-size:32px}.chat-tools .model-control{min-width:128px}.composer-model-control{max-width:165px}}
/* UI-08F Usage analytics & budget controls */
.usage-modebar{display:flex;gap:6px;align-items:center;padding:4px;border:1px solid var(--border);background:var(--surface-2);border-radius:11px;width:max-content;margin:0 0 14px}.usage-mode{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.usage-mode:hover,.usage-mode.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.04)}
.usage-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.usage-filters select,.budget-input{min-height:36px;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:9px;padding:8px 10px;font:inherit;font-size:12px}.usage-filters select{min-width:130px}.usage-insight{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;margin-top:16px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-radius:10px;font-size:11px}.usage-insight strong{color:var(--accent)}.usage-insight span{color:var(--muted);line-height:1.5}.budget-health-score{display:flex;align-items:baseline;gap:8px;margin:8px 0 4px}.budget-health-score strong{font-size:34px;letter-spacing:-.04em}.budget-health-score span{font-size:11px;color:var(--muted);font-weight:700}.progress.thick{height:10px;margin:8px 0 14px}.progress.thick span{height:100%}
.budget-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;margin-bottom:14px;background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--border)}.budget-summary-main{display:flex;align-items:baseline;gap:8px;margin:6px 0}.budget-summary-main strong{font-size:34px;letter-spacing:-.04em}.budget-summary-main span,.budget-summary>div>p:last-child{font-size:11px;color:var(--muted)}.budget-summary-status{display:grid;justify-items:end;gap:3px;text-align:right}.budget-summary-status strong{font-size:28px;letter-spacing:-.03em}.budget-summary-status small{font-size:10px;color:var(--muted)}.budget-control-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--border)}.budget-control-row:last-of-type{border-bottom:0}.budget-control-row>div:first-child{min-width:0}.budget-control-row strong{display:block;font-size:12px}.budget-control-row small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.budget-input{display:flex;align-items:center;gap:6px;padding:0 9px;flex:0 0 150px}.budget-input span{font-size:10px;color:var(--muted);font-weight:800}.budget-input input{width:100%;border:0;background:transparent;color:var(--ink);outline:none;padding:8px 0;font:inherit;font-size:12px;font-weight:800}.alert-threshold{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.alert-threshold strong{display:block;font-size:13px}.alert-threshold small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.usage-table td,.usage-table th{white-space:nowrap}
@media(max-width:900px){.budget-summary{align-items:flex-start;flex-direction:column}.budget-summary-status{justify-items:start;text-align:left}.usage-filters{width:100%}.usage-filters select{flex:1 1 150px}}
@media(max-width:560px){.usage-modebar{width:100%}.usage-mode{flex:1}.budget-control-row{align-items:flex-start;flex-direction:column}.budget-input{width:100%;flex-basis:auto}.budget-summary-main strong{font-size:30px}.usage-table{min-width:820px}}
/* UI-09A — Enterprise File Manager */
.file-shell{display:grid;gap:14px;min-height:0}.file-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.file-folders{display:flex;gap:7px;flex-wrap:wrap;min-width:0}.file-folder{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700}.file-folder:hover,.file-folder.active{color:var(--ink);background:var(--surface-2);border-color:var(--border-strong)}.file-search{display:flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 10px;min-width:min(320px,100%);color:var(--muted)}.file-search svg{width:15px;height:15px}.file-search input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;min-width:0;font:inherit}.file-filter-row{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.filter-chip-row{display:flex;gap:7px;flex-wrap:wrap}.file-summary{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0}.file-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;display:grid;gap:8px;min-width:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.file-card:hover,.file-card:focus-visible{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--shadow);background:var(--surface-2);outline:none}.file-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.file-card-actions{margin-left:auto}.file-type-icon,.file-thumbnail{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:10px;font-weight:800;letter-spacing:.04em;background:var(--surface-2);border:1px solid var(--border)}.file-type-icon.pdf{color:#9f3b31}.file-type-icon.doc{color:#4a67b7}.file-type-icon.sheet{color:#2d7b57}.file-type-icon.csv{color:#6f5aa8}.file-type-icon.code{color:#b27631}.file-type-icon.image{color:#8b5aa7}.file-thumbnail{overflow:hidden}.thumb-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--surface-2),var(--surface));color:var(--muted)}.file-card-name{font-weight:750;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.file-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--faint);font-size:10px}.file-security-strip{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px 16px}.file-security-strip>div:first-child{display:grid;gap:4px}.file-security-strip strong{font-size:13px}.file-security-strip span:not(.badge){color:var(--muted);font-size:11px;line-height:1.45}.security-mini{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.span-all{grid-column:1/-1}.file-preview-dialog{width:min(760px,calc(100vw - 32px));max-width:760px;border:1px solid var(--border);border-radius:18px;padding:0;background:var(--surface);color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.24)}.file-preview-dialog::backdrop{background:rgba(15,15,12,.42);backdrop-filter:blur(3px)}.file-preview-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px;border-bottom:1px solid var(--border)}.file-preview-head h3{margin:3px 0 4px;font-size:20px}.file-preview-head p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px}.file-preview-body{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;padding:24px}.preview-icon{width:84px;height:84px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;font-weight:800;font-size:12px;color:var(--muted)}.file-preview-body h4{margin:0 0 6px;font-size:14px}.file-preview-body p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}.preview-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.preview-meta-grid div{display:grid;gap:3px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.preview-meta-grid span{font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.05em}.preview-meta-grid strong{font-size:12px}.file-preview-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}
@media(max-width:980px){.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-security-strip{align-items:flex-start;flex-direction:column}.security-mini{justify-content:flex-start}}
@media(max-width:640px){.file-search{width:100%;min-width:0}.file-toolbar{align-items:stretch}.file-folders{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.file-folder{white-space:nowrap}.file-grid{grid-template-columns:1fr}.file-card{padding:11px}.file-card-actions .icon-button{opacity:1}.file-preview-body{grid-template-columns:1fr}.preview-meta-grid{grid-template-columns:1fr}.file-preview-actions{flex-wrap:wrap}.file-preview-actions button{flex:1 1 140px}}
[data-theme=dark] .file-card,[data-theme=dark] .file-security-strip{box-shadow:0 6px 24px rgba(0,0,0,.16)}
.model-control{position:relative;z-index:60;pointer-events:auto}
.page-tabs{display:flex;gap:8px;padding:8px 0 20px;overflow:auto}.page-tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:9px 14px;border-radius:10px;font:inherit;cursor:pointer}.page-tab.active{color:var(--ink);background:var(--surface-2);border-color:var(--accent)}
.model-catalog{display:grid;gap:10px}.model-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:14px 16px;cursor:pointer;color:var(--ink);transition:transform .18s ease,border-color .18s ease,background .18s ease}.model-row:hover{background:var(--surface-2);transform:translateY(-1px)}.model-row.selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.model-row-main{display:flex;align-items:flex-start;gap:12px;min-width:0}.model-row-main>div:last-child{min-width:0}.model-row-main p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.model-row-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;color:var(--muted);font-size:12px;white-space:nowrap}.model-orb{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);font-weight:700;color:var(--ink)}.model-orb.small{width:32px;height:32px;border-radius:10px;font-size:12px}.model-highlight{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.model-highlight>div:last-child{display:grid;gap:2px}.model-highlight span{font-size:13px;color:var(--muted)}.metric-list{display:grid;gap:10px;margin-top:18px}.metric-list>div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.metric-list span{color:var(--muted)}.metric-list strong{color:var(--ink)}.provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.generated-image-message{display:grid;gap:10px;margin:18px 0;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.generated-image-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:12px}.generated-image-meta strong{color:var(--ink);font-size:13px}.generated-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.generated-image-grid a{display:block;overflow:hidden;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.generated-image-grid img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .18s ease}.generated-image-grid a:hover img{transform:scale(1.015)}
.provider-card{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--surface)}.provider-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.provider-logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--surface-2);font-weight:700}.provider-card p{color:var(--muted);min-height:36px}.full-width{width:100%;margin-top:18px}@media(max-width:1100px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-row{align-items:flex-start;flex-direction:column}.model-row-meta{justify-content:flex-start}}@media(max-width:700px){.provider-grid{grid-template-columns:1fr}.page-tabs{padding-bottom:14px}.model-row-main{width:100%}.model-row-meta{white-space:normal}.model-row-meta span{border:1px solid var(--border);padding:4px 7px;border-radius:999px}}

/* UI-09C Artifact Library + Versioning */
.subnav-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}.subnav-tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:8px 12px;border-radius:9px;font-size:12px;font-weight:750}.subnav-tab.active,.subnav-tab:hover{color:var(--ink);background:var(--surface-2);border-color:var(--border-strong)}
.artifact-library{display:grid;gap:8px}.artifact-row{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;padding:12px;border:1px solid var(--border);background:var(--surface);border-radius:12px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.artifact-row:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-1px)}.artifact-row.selected{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.artifact-kind{width:54px;height:44px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:10px;font-weight:850;color:var(--muted);letter-spacing:.03em}.artifact-row-main{min-width:0;display:grid;gap:3px}.artifact-row-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artifact-row-main small,.artifact-row-meta{font-size:11px;color:var(--muted)}.artifact-row-meta{display:flex;align-items:center;gap:10px}.artifact-inspector{position:relative}.artifact-preview-mini{padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);margin:8px 0 14px}.artifact-sheet-mini{min-height:130px;border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:16px;display:grid;align-content:start;gap:8px;box-shadow:var(--shadow)}.artifact-sheet-mini span{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:800}.artifact-sheet-mini strong{font-size:18px;line-height:1.15}.artifact-sheet-mini small{color:var(--muted);font-size:11px}.artifact-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.version-timeline{display:grid;gap:0}.version-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.version-item:last-child{border-bottom:0}.version-dot{width:9px;height:9px;border-radius:50%;background:var(--faint);box-shadow:0 0 0 3px var(--surface-2)}.version-item.current .version-dot{background:var(--accent)}.version-item>div{display:grid;gap:2px}.version-item strong{font-size:12px}.version-item small{color:var(--muted);font-size:11px}
@media(max-width:820px){.artifact-row{grid-template-columns:48px minmax(0,1fr)}.artifact-row-meta{grid-column:2;justify-content:flex-start}.artifact-kind{width:48px;height:40px}.artifact-actions{display:grid;grid-template-columns:1fr 1fr}.artifact-actions .primary-action{grid-column:1/-1}}

/* Fixed chat shell contract alias */
.fixed-chat{min-height:0;height:100%;overflow:hidden;}

/* UI-10A Credit Center — enterprise pricing control surface */
.admin-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:10px 0 18px}.admin-tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:9px 13px;border-radius:10px;font-size:12px;font-weight:750}.admin-tab:hover{background:var(--surface-2);color:var(--ink)}.admin-tab.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.credit-center-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);margin-bottom:16px}.credit-center-intro{display:flex;gap:16px;align-items:flex-start;min-width:0}.credit-center-badge{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--ink);color:var(--bg);font-weight:850;letter-spacing:.04em;flex:0 0 auto}.credit-center-intro h2{margin:3px 0 7px;font-size:22px;line-height:1.2}.credit-center-intro p:not(.eyebrow){margin:0;color:var(--muted);max-width:760px;line-height:1.55;font-size:13px}.credit-center-status{text-align:right;display:grid;gap:5px;justify-items:end;min-width:150px}.credit-center-status strong{font-size:22px}.credit-center-status small{color:var(--muted);font-size:11px}.credit-center-grid{align-items:start}.credit-mode-switch{display:flex;padding:3px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.credit-mode-switch button{padding:7px 11px;border-radius:8px;font-size:11px;font-weight:800;color:var(--muted)}.credit-mode-switch button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.06)}
.credit-model-list{display:grid;gap:10px;margin-top:14px}.credit-model-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:15px}.credit-model-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.credit-model-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.credit-model-title{display:flex;gap:10px;align-items:center}.credit-model-title>div:last-child{display:grid;gap:2px}.credit-model-title strong{font-size:13px}.credit-model-title small{font-size:11px;color:var(--muted)}.credit-rate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.credit-rate-grid label{display:grid;gap:5px;font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.credit-rate-grid input{width:100%;padding:9px 10px;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;color:var(--ink);font-size:13px}.credit-rate-grid input:focus{border-color:var(--accent)}.credit-context-preview{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid var(--border)}.credit-context-preview>div:first-child{display:grid;gap:2px;margin-right:4px}.credit-context-preview>div:first-child span{font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.05em}.credit-context-preview>div:first-child strong{font-size:11px}.context-chip{display:flex;gap:7px;align-items:center;padding:6px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);font-size:10px}.context-chip strong{font-size:10px}.credit-context-preview .text-action{margin-left:auto}
.policy-row,.credit-global-toggle{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.policy-row:last-child{border-bottom:0}.policy-row>div,.credit-global-toggle>span{display:grid;gap:3px;min-width:0}.policy-row strong,.credit-global-toggle strong{font-size:12px}.policy-row small,.credit-global-toggle small{font-size:10px;color:var(--muted);line-height:1.4}.formula-card{margin-top:10px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.formula-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:800}.formula code{display:block;margin-top:7px;padding:10px 12px;border-radius:9px;background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:11px;overflow:auto}.formula-help{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.5}.band-table{display:grid;margin-top:12px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.band-row{display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1fr;gap:10px;padding:11px 12px;border-bottom:1px solid var(--border);align-items:center;font-size:11px}.band-row:last-child{border-bottom:0}.band-row span{color:var(--muted)}.band-row strong{font-size:12px}.band-head{background:var(--surface-2);font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.impact-grid>div{padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);display:grid;gap:4px}.impact-grid span,.impact-grid small{font-size:10px;color:var(--muted)}.impact-grid strong{font-size:14px}.impact-note{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--muted);font-size:11px}.change-list{display:grid;gap:0;margin-top:8px}.change-list>div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:11px 0;border-bottom:1px solid var(--border)}.change-list>div:last-child{border-bottom:0}.change-list strong{font-size:12px}.change-list span,.change-list small{font-size:10px;color:var(--muted)}.change-list small{grid-column:1/-1}.credit-global-toggle{cursor:pointer}.credit-global-toggle:hover{background:var(--surface-2);margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:10px}
@media(max-width:980px){.credit-center-hero{align-items:flex-start;flex-direction:column}.credit-center-status{text-align:left;justify-items:start}.credit-rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-grid{grid-template-columns:1fr}.band-row{grid-template-columns:1fr 1fr}.band-row span:nth-child(3),.band-row span:nth-child(4){display:none}}
@media(max-width:620px){.credit-rate-grid{grid-template-columns:1fr}.credit-context-preview .text-action{margin-left:0;width:100%;text-align:left}.band-row{grid-template-columns:1fr 1fr}.band-head{display:none}.credit-center-hero{padding:18px}.credit-center-intro h2{font-size:20px}.credit-mode-switch{width:100%}.credit-mode-switch button{flex:1}.admin-tabs{overflow:auto;flex-wrap:nowrap}.admin-tab{white-space:nowrap}}

/* UI-10B Pricing Rules & Simulation */
.pricing-rule-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px 24px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);margin-bottom:16px}.pricing-rule-hero h2{margin:4px 0 8px;font-size:24px;line-height:1.2}.pricing-rule-hero p:not(.eyebrow){margin:0;max-width:760px;color:var(--muted);line-height:1.55;font-size:13px}.pricing-rule-status{min-width:180px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);display:grid;gap:4px}.pricing-rule-status strong{font-size:14px}.pricing-rule-status small{font-size:11px;color:var(--muted)}.pricing-rule-grid{align-items:start}.section-head.compact{margin-bottom:10px}.pricing-rule-note{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--muted);font-size:11px}.rule-order{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:4px}.rule-order li{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.rule-order li:last-child{border-bottom:0}.rule-order>li>span{width:22px;height:22px;border-radius:999px;background:var(--surface-2);display:grid;place-items:center;font-size:10px;font-weight:850}.rule-order li div{display:grid;gap:2px}.rule-order strong{font-size:12px}.rule-order small{font-size:10px;color:var(--muted);line-height:1.35}.band-editor{display:grid;border:1px solid var(--border);border-radius:12px;overflow:hidden}.band-edit-row{display:grid;grid-template-columns:1fr 1fr 1.2fr 46px;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);align-items:center}.band-edit-row:last-child{border-bottom:0}.band-edit-row input,.band-edit-row select{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink)}.band-edit-head{background:var(--surface-2);font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:var(--faint)}.context-rule-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:12px}.context-rule-footer div{display:grid;gap:3px}.context-rule-footer strong{font-size:12px}.context-rule-footer span{font-size:10px;color:var(--muted)}.feature-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feature-rule-grid label,.pricing-mini-form label{display:grid;gap:5px;font-size:10px;color:var(--muted)}.feature-rule-grid input,.pricing-mini-form input{padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink)}.pricing-mini-form{display:grid;gap:10px}.simulation-card{margin-top:14px}.simulation-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.simulation-inputs label{display:grid;gap:5px;font-size:10px;color:var(--muted)}.simulation-inputs input,.simulation-inputs select{padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink)}.simulation-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.simulation-result>div{padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);display:grid;gap:5px}.simulation-result span{font-size:10px;color:var(--muted)}.simulation-result strong{font-size:15px}.simulation-result .total{background:var(--ink);color:var(--bg);border-color:var(--ink)}.simulation-result .total span{color:color-mix(in srgb,var(--bg) 75%,transparent)}.simulation-foot{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:10px;color:var(--muted)}.pricing-rule-hero .badge{width:max-content}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){.pricing-rule-hero{flex-direction:column}.pricing-rule-status{width:100%}.feature-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simulation-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.simulation-result{grid-template-columns:repeat(2,minmax(0,1fr))}.band-edit-row{grid-template-columns:1fr 1fr 1fr 44px}}
@media(max-width:620px){.feature-rule-grid,.simulation-inputs,.simulation-result{grid-template-columns:1fr}.band-edit-row{grid-template-columns:1fr 1fr 44px}.band-edit-row select{grid-column:1/-1}.pricing-rule-hero{padding:18px}.pricing-rule-hero h2{font-size:20px}}

/* UI-10C — Pricing Versions & Governance */
.governance-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px 24px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);margin-bottom:16px}.governance-hero h2{margin:4px 0 7px;font-size:26px;letter-spacing:-.02em}.governance-title-row{display:flex;align-items:center;gap:10px}.governance-hero p:not(.eyebrow){margin:0;color:var(--muted);max-width:760px;line-height:1.55;font-size:13px}.governance-kpis{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;min-width:420px}.governance-kpis>div{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:grid;gap:4px}.governance-kpis span,.compare-summary span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.governance-kpis strong{font-size:12px}.governance-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.governance-step{min-height:104px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:flex;gap:10px;align-items:flex-start}.governance-step>span{width:24px;height:24px;border-radius:999px;border:1px solid var(--border);display:grid;place-items:center;flex:0 0 auto;font-size:10px;font-weight:850;color:var(--muted);background:var(--surface)}.governance-step strong{display:block;font-size:12px}.governance-step small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.35}.governance-step.current{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.governance-step.current>span,.governance-step.done>span{background:var(--ink);color:var(--bg);border-color:var(--ink)}.governance-step.done{opacity:.8}.governance-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.version-table{display:grid;border:1px solid var(--border);border-radius:12px;overflow:hidden}.version-row{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr 90px;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--border)}.version-row:last-child{border-bottom:0}.version-row>span{font-size:11px}.version-row>span:first-child{display:grid;gap:2px}.version-row small{color:var(--muted);font-size:9px;line-height:1.25}.version-head{background:var(--surface-2);font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:800}.approval-list{display:grid;gap:10px}.approval-list>div{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--border)}.approval-list>div:last-child{border-bottom:0}.approval-list strong{font-size:12px}.approval-list small{grid-column:1/-1;color:var(--muted);font-size:10px;line-height:1.35}.compare-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.compare-controls label{display:grid;gap:5px;font-size:10px;color:var(--muted)}.compare-controls select{padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink)}.compare-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.compare-summary>div{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:grid;gap:4px}.compare-summary strong{font-size:15px}.compare-summary small{font-size:10px;color:var(--muted)}.governance-warning>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.governance-warning strong{display:block;font-size:12px}.governance-warning small{display:block;margin-top:3px;color:var(--muted);font-size:10px}
@media(max-width:980px){.governance-hero{flex-direction:column}.governance-kpis{width:100%;min-width:0}.governance-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.version-row{grid-template-columns:1.2fr .8fr .9fr 90px}.version-row>span:nth-child(4){display:none}.compare-controls{grid-template-columns:1fr 1fr}.compare-controls .primary-action{grid-column:1/-1}.compare-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.governance-warning>div{grid-template-columns:auto 1fr}}
@media(max-width:620px){.governance-hero{padding:18px}.governance-kpis{grid-template-columns:1fr}.governance-flow{grid-template-columns:1fr}.version-row{grid-template-columns:1fr 1fr 90px}.version-row>span:nth-child(3){display:none}.compare-controls{grid-template-columns:1fr}.compare-controls .primary-action{grid-column:auto;width:100%}.compare-summary{grid-template-columns:1fr}.governance-warning>div{grid-template-columns:1fr}.governance-warning .badge{justify-self:start}}


.brand-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:28px;border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface) 72%,var(--accent) 8%));border-radius:18px;box-shadow:var(--shadow-sm)}
.brand-hero h2{max-width:780px;font-size:34px;line-height:1.12;margin:6px 0 12px}.brand-hero p{max-width:760px}.brand-hero-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.brand-hero-card{align-self:center;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.brand-hero-card small{display:block;color:var(--muted);margin-top:3px}.brand-hero-orb{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--ink);color:var(--surface);font-weight:700;font-size:22px}.brand-guidance-grid,.signal-grid,.persona-list,.assignment-list{display:grid;gap:10px}.brand-guidance-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.brand-guidance-grid>div,.signal-grid>div{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.brand-guidance-grid strong,.brand-guidance-grid span{display:block}.brand-guidance-grid span{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.5}.brand-url-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.brand-url-row label{margin:0}.source-option,.source-method,.assignment-row,.source-row{display:flex;align-items:center;gap:12px}.brand-source-options{display:grid;gap:8px;margin-top:14px}.source-option{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.source-option input{accent-color:var(--accent)}.source-option span,.source-method div,.source-row>div,.assignment-row>div{display:flex;flex-direction:column}.source-option small,.source-method small,.source-row small,.assignment-row small{color:var(--muted);margin-top:3px}.crawl-progress{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.crawl-progress>div{display:flex;flex-direction:column}.source-list{display:grid;gap:10px;margin-bottom:12px}.source-row{padding:12px;border:1px solid var(--border);border-radius:12px}.source-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3);font-size:11px;font-weight:700;letter-spacing:.06em}.brand-hero .source-icon{background:var(--surface-3)}.signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.signal-grid span,.signal-grid strong{display:block}.signal-grid span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.signal-grid strong{margin-top:5px}.persona-list>div{padding:12px 0;border-bottom:1px solid var(--border)}.persona-list>div:last-child{border-bottom:0}.persona-list span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.voice-sliders{display:grid;grid-template-columns:1fr 1fr;gap:16px}.voice-sliders label{display:grid;gap:8px}.voice-sliders label>span{display:flex;justify-content:space-between;color:var(--muted)}.voice-sliders input[type=range]{width:100%;accent-color:var(--accent)}.assignment-list{margin-top:10px}.assignment-row{justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.assignment-row:last-child{border-bottom:0}.assignment-row>div{flex:1}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:14px}.before-after article{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.before-after article p{margin:8px 0 0;line-height:1.6}.persona-pills{display:flex;flex-wrap:wrap;gap:8px}.persona-pills span{padding:8px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2)}.learned-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.learned-health>div{padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}.learned-health span,.learned-health strong{display:block}.learned-health span{color:var(--muted);font-size:12px}.learned-health strong{margin-top:6px}.source-cta{display:grid;gap:10px}.source-method{width:100%;text-align:left;border:1px solid var(--border);background:var(--surface-2);padding:14px;border-radius:12px;color:inherit}.source-method:hover{background:var(--surface-3)}.source-method .icon{margin-left:auto}.field-block textarea{resize:vertical;min-height:100px}.brand-hero-card .badge{white-space:nowrap}
@media (max-width:900px){.brand-hero{grid-template-columns:1fr}.brand-guidance-grid,.signal-grid,.learned-health,.voice-sliders,.before-after{grid-template-columns:1fr}.brand-url-row{grid-template-columns:1fr}}

/* v1.14 credit economics / wallet enhancements */
.credit-ratio-panel,.ratio-preview,.custom-topup,.spend-order{display:flex;flex-direction:column;gap:16px}
.credit-ratio-panel{padding-top:4px}
.ratio-grid{display:grid;grid-template-columns:1fr;gap:12px}
.ratio-grid label,.ratio-setting{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ratio-setting{padding:12px 0;border-bottom:1px solid var(--border)}
.ratio-setting>div{display:flex;flex-direction:column;gap:3px}
.ratio-setting input,.ratio-setting select,.ratio-grid input,.ratio-grid select,.custom-topup input{min-width:0;width:100%;box-sizing:border-box}
.ratio-preview,.ratio-note{padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);gap:4px}
.ratio-preview strong,.ratio-note span{font-size:15px}
.ratio-preview small{color:var(--muted)}
.spend-order-step{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:14px 0}
.spend-order-step>span:first-child{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);font-weight:700}
.spend-order-step.active>span:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}
.spend-order-step>div{display:flex;flex-direction:column;gap:4px}
.spend-order-step small{color:var(--muted)}
.spend-order-line{height:1px;background:var(--border);margin-left:16px}
.credit-lifecycle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.credit-lifecycle-grid>div{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}
.credit-lifecycle-grid span{font-weight:700}.credit-lifecycle-grid small{color:var(--muted)}
.topup-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.topup-preview>div{padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px}
.topup-preview span{font-size:12px;color:var(--muted)}
.topup-preview strong{font-size:18px}
.custom-topup .form-actions{flex-wrap:wrap}
.custom-topup .secondary-action{flex:0 0 auto}
@media(max-width:900px){.credit-lifecycle-grid,.topup-preview{grid-template-columns:1fr}.spend-order-step{grid-template-columns:32px 1fr;align-items:start}.spend-order-step .badge{grid-column:2;justify-self:start}.ratio-setting{align-items:flex-start;flex-direction:column}.ratio-setting input,.ratio-setting select{width:100%}}


/* Admin + vertical center surfaces */
.admin-nav{margin:0 0 24px;padding:8px 10px;border:1px solid var(--border);background:var(--panel);border-radius:14px;position:sticky;top:0;z-index:2}.admin-nav>div{display:flex;flex-wrap:wrap;gap:6px}.admin-tab{border:0;background:transparent;padding:9px 12px;border-radius:10px;color:var(--muted);font-weight:600;cursor:pointer}.admin-tab.active{background:var(--soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.admin-hero,.ads-hero,.student-hero,.webinar-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:24px;padding:28px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--panel),var(--soft));margin-bottom:20px}.admin-hero h2,.ads-hero h2,.student-hero h2,.webinar-hero h2{margin:6px 0 10px;font-size:clamp(28px,3vw,42px);letter-spacing:-.03em}.admin-status,.ads-hero-stat,.student-progress-card,.webinar-status{align-self:stretch;padding:20px;border-radius:16px;background:var(--panel);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;gap:6px}.admin-status strong,.ads-hero-stat strong,.student-progress-card strong,.webinar-status strong{font-size:24px}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.health-item,.provider-admin-card{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);display:flex;flex-direction:column;gap:8px}.health-grid.large .health-item{min-height:120px}.health-item small,.provider-admin-card small{color:var(--muted)}.admin-quick{display:grid;gap:10px}.ops-list{display:grid;gap:10px}.ops-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.provider-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creative-tool-grid,.student-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creative-tool{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--panel);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.creative-tool:hover{transform:translateY(-1px);border-color:var(--accent)}.tool-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--soft);font-weight:700}.creative-tool strong{font-size:16px}.creative-tool small{color:var(--muted)}.event-list{display:grid;gap:10px}.event-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:14px}.event-date{display:grid;place-items:center;padding:8px;border-radius:12px;background:var(--soft)}.event-date strong{font-size:20px}.event-date small{text-transform:uppercase;color:var(--muted)}
@media (max-width:900px){.admin-hero,.ads-hero,.student-hero,.webinar-hero{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-admin-grid{grid-template-columns:1fr 1fr}.creative-tool-grid,.student-card-grid{grid-template-columns:1fr}.admin-nav{position:relative}.event-row{grid-template-columns:50px minmax(0,1fr)}}
@media (max-width:640px){.health-grid{grid-template-columns:1fr}.provider-admin-grid{grid-template-columns:1fr}.admin-nav>div{overflow:auto;flex-wrap:nowrap}.admin-tab{white-space:nowrap}.event-row{grid-template-columns:46px 1fr}.event-row>.badge{grid-column:2;justify-self:start}}

/* v1.17 navigation visibility: first-class product centers stay discoverable without breaking the fixed shell. */
.nav-group-priority{padding:8px 0 6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nav-group-priority .nav-item{background:var(--surface-2);font-weight:600}
.nav-group-priority .nav-item:hover,.nav-group-priority .nav-item.active{background:var(--surface-3)}
.nav-group-priority .nav-tag{margin-left:auto}
/* UI-11B Users administration */
.user-admin-shell{display:grid;gap:14px}.user-kpis{padding:0}.user-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:4px 0 14px}.admin-search{display:flex;align-items:center;gap:8px;min-width:min(420px,100%);border:1px solid var(--border);background:var(--surface-2);border-radius:11px;padding:9px 11px;color:var(--muted)}.admin-search input{border:0;outline:0;background:transparent;color:var(--ink);font:inherit;width:100%;min-width:0}.admin-search:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.user-admin-table .table-primary{display:grid;gap:2px}.user-admin-table .table-primary small{color:var(--muted);font-size:11px}.user-secondary-grid{margin-top:0}.user-review-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.user-review-list .settings-tile{min-height:96px;text-align:left}.admin-user-dialog{width:min(680px,calc(100vw - 28px));max-height:min(86vh,760px);overflow:auto}.dialog-subtitle{margin:3px 0 0;color:var(--muted);font-size:12px}.admin-user-profile{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--border);background:var(--surface-2)}.profile-identity{display:flex;align-items:center;gap:12px;min-width:0}.profile-identity>div:last-child{display:grid;gap:3px}.profile-identity span{font-size:12px;color:var(--muted)}.avatar.large{width:48px;height:48px;font-size:13px}.profile-risk{display:grid;justify-items:end;gap:3px}.profile-risk span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.profile-risk strong{font-size:13px}.admin-user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px}.admin-user-grid>div{display:grid;gap:3px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.admin-user-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.admin-user-grid strong{font-size:12px}.dialog-actions{flex-wrap:wrap}.badge.danger{color:#b23a35;background:color-mix(in srgb,#b23a35 8%,var(--surface));border-color:color-mix(in srgb,#b23a35 24%,var(--border))}
@media (max-width:820px){.user-review-list{grid-template-columns:1fr}.admin-user-grid{grid-template-columns:1fr 1fr}.admin-user-profile{align-items:flex-start;flex-direction:column}.profile-risk{justify-items:start}.admin-search{min-width:100%}.user-toolbar{align-items:stretch}.admin-user-dialog{width:calc(100vw - 20px)}}

/* UI-11C workspace administration */
.admin-subnav{display:flex;gap:6px;align-items:center;margin:0 0 18px;padding:4px;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;width:max-content;max-width:100%;overflow:auto}
.admin-subnav .admin-tab{border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:9px;white-space:nowrap}
.admin-subnav .admin-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.role-list{display:grid;gap:10px}
.role-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--border)}
.role-card:first-child{border-top:0;padding-top:0}
.role-card small{display:block;color:var(--muted);margin-top:4px}
@media (max-width:700px){.admin-subnav{width:100%}.role-card{grid-template-columns:1fr auto}.role-card .text-action{grid-column:2}}

/* UI-11D Provider administration + authentication surfaces */
.auth-shell{min-height:100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);background:var(--surface);overflow:auto}
.auth-brand{position:fixed;top:20px;left:28px;z-index:10}.brand-lockup{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);font-weight:700;cursor:pointer}.brand-lockup .brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--ink);color:var(--surface);font-weight:800}
.auth-center{display:grid;place-items:center;padding:88px 32px 56px}.auth-card{width:min(100%,520px);padding:34px;border:1px solid var(--border);border-radius:20px;background:var(--surface-1);box-shadow:0 18px 50px rgba(0,0,0,.08)}.auth-card-head h1{margin:8px 0 10px;font-size:32px;letter-spacing:-.02em}.auth-card-head p:last-child{margin:0;color:var(--muted);line-height:1.6}.oauth-stack{display:grid;gap:10px;margin-top:24px}.oauth-button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:48px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;font-weight:650;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.oauth-button:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-1px)}.oauth-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font-size:14px;font-weight:800;border:1px solid var(--border);background:var(--surface-2)}.oauth-mark.google{color:#4285f4}.oauth-mark.facebook{color:#1877f2}.oauth-mark.linkedin{color:#0a66c2;font-size:12px}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--muted);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--border);flex:1}.auth-form{display:grid;gap:15px}.auth-form label{display:grid;gap:7px;color:var(--text);font-size:13px;font-weight:650}.auth-form input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:0 13px;outline:none}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.password-field{position:relative}.password-field input{padding-right:72px}.password-toggle{position:absolute;right:8px;top:7px;min-height:34px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:650}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.check-row{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:8px!important;color:var(--muted)!important;font-weight:500!important}.check-row input{width:16px;height:16px;min-height:16px;margin-top:2px}.auth-link{border:0;background:transparent;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;padding:0}.auth-link.inline{display:inline;padding:0}.auth-submit{width:100%;min-height:50px;margin-top:2px}.auth-security{display:flex;align-items:flex-start;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);font-size:11px;color:var(--muted);line-height:1.5}.security-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--success)}.auth-switch{text-align:center;margin-top:18px;color:var(--muted);font-size:13px}.auth-side{display:grid;align-items:center;padding:72px 52px;background:var(--ink);color:var(--surface);min-height:100%}.auth-side-copy{max-width:520px}.auth-side-copy h2{font-size:44px;line-height:1.06;letter-spacing:-.035em;margin:10px 0 16px}.auth-side-copy>p{color:color-mix(in srgb,var(--surface) 72%,transparent);font-size:16px;line-height:1.7}.auth-trust-list{display:grid;gap:16px;margin-top:28px}.auth-trust-list>div{padding:15px 16px;border:1px solid color-mix(in srgb,var(--surface) 16%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 7%,transparent)}.auth-trust-list strong{display:block;margin-bottom:4px}.auth-trust-list span{display:block;color:color-mix(in srgb,var(--surface) 68%,transparent);font-size:13px;line-height:1.55}.landing-auth-actions{display:flex;align-items:center;gap:8px}.landing-nav-secondary{border:0;background:transparent;color:var(--text);font-weight:700;cursor:pointer;padding:10px 12px}.provider-meta{display:flex;justify-content:space-between;align-items:center;padding:9px 0;margin-top:2px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.stack-list{display:grid;gap:7px;margin-top:12px}.list-row.compact{width:100%;padding:12px;border-radius:11px}.toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-view .provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-side{display:none}.auth-brand{left:18px}.auth-center{padding:84px 18px 40px}.toggle-grid{grid-template-columns:1fr}.admin-view .provider-grid{grid-template-columns:1fr}}
.app.auth-mode .sidebar,.app.auth-mode .topbar{display:none}.app.auth-mode .main{width:100%;margin-left:0}.app.auth-mode .view-host{height:100%}.app.auth-mode{grid-template-columns:1fr}

.flag-resolution{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.flag-resolution>div{padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);display:grid;gap:6px}.flag-resolution span{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:700}.flag-resolution strong{font-size:14px}.flag-resolution small{color:var(--muted)}.rollout-cell{min-width:110px;display:grid;gap:5px}.rollout-cell .progress{height:5px}.admin-search{display:flex;align-items:center;gap:8px}.admin-search input{width:100%}
@media (max-width:900px){.flag-resolution{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.flag-resolution{grid-template-columns:1fr}}
.health-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:24px;padding:28px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--panel),var(--soft));margin-bottom:20px}.health-hero h2{margin:6px 0 10px;font-size:clamp(28px,3vw,42px);letter-spacing:-.03em}.health-hero-stat{padding:20px;border-radius:16px;background:var(--panel);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;gap:6px}.health-hero-stat strong{font-size:28px}.health-filters{display:flex;gap:8px}.ops-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.health-service{min-height:190px}.health-item-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.health-item-top>div{display:flex;flex-direction:column;gap:3px}.health-metric{font-size:20px}.health-service p{margin:0;color:var(--muted);font-size:13px;min-height:34px}.health-spark{height:5px;background:var(--soft);border-radius:99px;overflow:hidden}.health-spark span{display:block;height:100%;background:var(--accent);border-radius:99px}.incident-item{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel);text-align:left;cursor:pointer;color:inherit}.incident-item+.incident-item{margin-top:10px}.incident-item:hover{border-color:var(--accent)}.incident-item>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.incident-item span{color:var(--muted);font-size:13px}.incident-item small{color:var(--muted)}.incident-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:5px}.incident-dot.critical{background:#d06a5d}.signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.signal-grid>div{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);display:grid;gap:7px}.signal-grid small{color:var(--muted)}.signal-grid .badge{width:max-content}@media(max-width:900px){.health-hero{grid-template-columns:1fr}.ops-health-grid{grid-template-columns:1fr 1fr}.signal-grid{grid-template-columns:1fr 1fr}.health-filters{flex-wrap:wrap}}@media(max-width:640px){.ops-health-grid,.signal-grid{grid-template-columns:1fr}.health-filters select{width:100%}.incident-item{grid-template-columns:10px 1fr}.incident-item>.badge{grid-column:2;justify-self:start}}


/* v1.25 Ads Center Campaign Studio */
.ads-dashboard-hero,.ads-studio-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;padding:28px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface) 54%,color-mix(in srgb,#111 8%,var(--surface)));box-shadow:var(--shadow-sm)}
.ads-dashboard-copy h2,.ads-studio-hero h2{font-size:34px;line-height:1.08;margin:6px 0 12px;max-width:780px}.ads-dashboard-copy p,.ads-studio-hero p{max-width:760px}
.ads-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ads-dashboard-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}
.ads-dashboard-metrics>div,.ads-credit-card{padding:16px;border:1px solid color-mix(in srgb,var(--border) 72%,#fff 12%);border-radius:14px;background:color-mix(in srgb,var(--surface) 70%,#000 4%);display:grid;gap:4px}.ads-dashboard-metrics span,.ads-credit-card span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.ads-dashboard-metrics strong,.ads-credit-card strong{font-size:28px;letter-spacing:-.02em}.ads-dashboard-metrics small,.ads-credit-card small{color:var(--muted);font-size:11px;line-height:1.35}
.ads-flow-preview{margin-top:16px}.ads-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ads-flow-card{min-height:118px;text-align:left;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--ink);display:grid;gap:6px;cursor:pointer}.ads-flow-card:hover{background:var(--surface-3);transform:translateY(-1px)}.ads-flow-card>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--surface-3);font-weight:700}.ads-flow-card strong{font-size:13px}.ads-flow-card small{color:var(--muted);font-size:10px;line-height:1.35}.ads-flow-card.active{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.ads-tabs{margin-bottom:16px}.ads-studio-hero{align-items:center;background:linear-gradient(135deg,#171437,#0f1016 58%,#211a0d);color:#fff;border-color:rgba(255,255,255,.08)}.ads-studio-hero p{color:rgba(255,255,255,.72)}.ads-studio-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);font-size:10px;font-weight:800;letter-spacing:.1em}.ads-credit-card{background:rgba(0,0,0,.22);border-color:rgba(255,255,255,.1);color:#fff}
.ads-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px 0 2px}.ads-step{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px;border:0;background:transparent;color:var(--muted);text-align:left;border-radius:12px}.ads-step>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--border);font-size:12px;font-weight:800}.ads-step strong{display:block;font-size:12px}.ads-step small{display:block;font-size:9px;color:var(--faint);margin-top:2px}.ads-step.current{color:var(--ink);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.ads-step.current>span{background:var(--accent);color:#fff;border-color:var(--accent)}.ads-step.done>span{background:var(--ink);color:var(--surface);border-color:var(--ink)}.ads-step[aria-disabled="true"]{opacity:.5;cursor:default}
.ads-option-grid{display:grid;gap:10px;margin-top:14px}.ads-option-grid.two{grid-template-columns:1fr 1fr}.ads-option-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;text-align:left;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink)}.ads-option-card:hover{background:var(--surface-2)}.ads-option-card.selected{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.ads-option-icon{grid-row:span 2;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3)}.ads-option-card strong{font-size:12px}.ads-option-card small{font-size:10px;color:var(--muted)}.ads-check{position:absolute;right:12px;top:12px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:11px}
.ads-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.ads-platform-card{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink);display:grid;gap:7px;text-align:center}.ads-platform-card>span{width:38px;height:38px;margin:0 auto;border-radius:11px;display:grid;place-items:center;background:var(--surface-3);font-weight:800}.ads-platform-card strong{font-size:12px}.ads-platform-card small{font-size:9px;color:var(--muted)}.ads-platform-card.selected{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.ads-format-list{display:grid;gap:10px;margin-top:10px}.ads-format-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-align:left;color:var(--ink)}.ads-format-card.selected{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.ads-format-mark{width:36px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--surface-3),var(--surface))}.ads-format-card strong{font-size:12px}.ads-format-card small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.ads-preview-mini{margin-top:16px;padding:14px;border:1px dashed var(--border);border-radius:12px;background:var(--surface-2);display:grid;gap:4px}.ads-preview-mini .eyebrow{margin:0}.ads-preview-mini strong{font-size:13px}
.ads-direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px}.ads-direction-grid h4{font-size:12px;margin:0 0 9px}.ads-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.ads-chip{padding:9px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ink);font-size:10px}.ads-chip.selected{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.ads-brand-lock{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);margin:12px 0}.ads-brand-dot{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:var(--surface)}.ads-brand-lock strong{font-size:12px}.ads-brand-lock small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.ads-copy-grid{display:grid;gap:14px}.ads-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ads-dropzone{border:1px dashed var(--border);border-radius:14px;padding:30px 18px;text-align:center;background:var(--surface-2);display:grid;place-items:center;gap:8px}.ads-dropzone small{color:var(--muted)}.ads-upload-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3);font-size:20px}.ads-ref-list{display:grid;gap:8px;margin-top:12px}.ads-ref-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px}.ads-ref-thumb{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--surface-3);font-size:10px;font-weight:800}.ads-ref-list strong{display:block;font-size:11px}.ads-ref-list small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.ads-review-list{display:grid;gap:0;border:1px solid var(--border);border-radius:13px;overflow:hidden}.ads-review-list>div{display:grid;grid-template-columns:160px 1fr;gap:10px;padding:13px 14px;border-bottom:1px solid var(--border)}.ads-review-list>div:last-child{border-bottom:0}.ads-review-list span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.ads-review-list strong{font-size:12px}.ads-ready-list{display:grid;gap:10px}.ads-ready-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.ready-dot{width:10px;height:10px;border-radius:50%;background:#36b37e}.ads-ready-list strong{display:block;font-size:11px}.ads-ready-list small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.ads-launch-button{margin-top:14px}.ads-studio-footer{display:flex;justify-content:space-between;gap:10px;margin:16px 0 22px;padding-top:4px}
@media(max-width:980px){.ads-dashboard-hero,.ads-studio-hero{grid-template-columns:1fr}.ads-dashboard-metrics{grid-template-columns:1fr 1fr}.ads-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ads-stepper{grid-template-columns:1fr}.ads-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ads-direction-grid{grid-template-columns:1fr}}
@media(max-width:620px){.ads-dashboard-metrics,.ads-option-grid.two,.ads-platform-grid,.ads-direction-grid,.ads-cta-grid{grid-template-columns:1fr}.ads-flow-grid{grid-template-columns:1fr 1fr}.ads-studio-footer{flex-direction:column-reverse}.ads-studio-footer button{width:100%}.ads-review-list>div{grid-template-columns:1fr}.ads-flow-card{min-height:0}}

/* Document Intelligence Center — refined enterprise workspace */
.document-view .content-scroll{padding-bottom:40px}.document-view .di-center-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:0 34px 40px}.document-view .di-processing{min-height:100%;display:grid;place-items:center;padding:34px 0}.document-view .di-processing-card{margin:auto}
.di-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:28px;padding:34px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-sm);margin-bottom:20px}
.di-hero h1,.di-report-header h1{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.045em;margin:8px 0 12px;max-width:760px}
.di-hero p:not(.eyebrow),.di-report-header p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:17px;line-height:1.65}
.di-hero-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.di-hero-trust{display:grid;grid-template-columns:repeat(3,1fr);align-self:center;gap:10px}
.di-hero-trust>div{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;gap:6px}.di-hero-trust span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.di-hero-trust strong{font-size:24px}
.di-workflow{display:flex;align-items:center;gap:12px;padding:10px 4px 24px}.di-step{display:flex;align-items:center;gap:10px;min-width:150px}.di-step span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);font-weight:700;background:var(--surface)}.di-step.active span{background:var(--ink);color:var(--surface);border-color:var(--ink)}.di-step strong{display:block;font-size:13px}.di-step small{display:block;color:var(--muted);font-size:11px}.di-step-line{height:1px;background:var(--border);flex:1}
.di-setup-grid{margin-bottom:18px}.di-mode-switch{display:flex;border:1px solid var(--border);padding:3px;border-radius:10px}.di-mode-switch button{border:0;background:transparent;padding:7px 10px;border-radius:7px;font-size:12px;color:var(--muted)}.di-mode-switch button.active{background:var(--surface-2);color:var(--text);font-weight:700}
.di-dropzone{min-height:130px;border:1px dashed var(--border-strong);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface-3);cursor:pointer;margin:18px 0}.di-dropzone:hover{border-color:var(--accent);background:var(--surface-2)}.di-dropzone strong{font-size:15px}.di-dropzone span{font-size:12px;color:var(--muted)}.di-drop-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border)}.di-drop-icon svg{width:20px;height:20px}
.di-sources-list{display:grid;gap:8px}.di-source-row{display:grid;grid-template-columns:40px 1fr auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px}.di-source-icon{width:40px;height:40px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--muted)}.di-source-main strong{display:block;font-size:13px}.di-source-main small{display:block;color:var(--muted);margin-top:3px}.di-source-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;color:var(--muted);font-size:12px}
.di-trust-list{display:grid;gap:14px;margin-top:14px}.di-trust-list>div{display:flex;gap:10px}.di-check{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-weight:800}.di-trust-list strong,.di-trust-list small{display:block}.di-trust-list small{color:var(--muted);margin-top:3px}
.di-objective-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.di-objective{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:start;text-align:left;padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer}.di-objective.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent);background:var(--surface-2)}.di-objective-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3)}.di-objective-icon svg{width:18px;height:18px}.di-objective strong,.di-objective small{display:block}.di-objective small{margin-top:4px;color:var(--muted);line-height:1.45}.di-radio{width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--surface);display:grid;place-items:center;font-size:12px}
.di-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.di-template-card{display:flex;gap:12px;text-align:left;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer}.di-template-card.selected{border-color:var(--accent);background:var(--surface-2)}.di-template-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--surface-3);flex:none}.di-template-card strong,.di-template-card small,.di-template-card em{display:block}.di-template-card small{color:var(--muted);margin-top:5px}.di-template-card em{font-style:normal;color:var(--muted);margin-top:7px;font-size:12px;line-height:1.45}
.di-depth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.di-depth{display:flex;flex-direction:column;gap:13px;text-align:left;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer}.di-depth.selected{border-color:var(--accent);background:var(--surface-2)}.di-depth strong,.di-depth small{display:block}.di-depth small{color:var(--muted);line-height:1.45;margin-top:5px}.di-depth em{font-style:normal;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.di-credit-hint{font-size:12px;color:var(--muted)}
.di-runbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.di-runbar strong,.di-runbar span{display:block}.di-runbar span{margin-top:4px;color:var(--muted);font-size:13px}
.di-report-header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.di-report-nav{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow:auto}.di-report-nav button{border:0;background:transparent;padding:12px 14px;color:var(--muted);white-space:nowrap}.di-report-nav button.active{color:var(--text);font-weight:700;border-bottom:2px solid var(--ink)}.di-answer .lead{font-size:18px;line-height:1.65}.di-summary-points{display:grid;gap:10px;margin-top:18px}.di-summary-points>div{display:flex;gap:12px}.di-summary-points strong{width:28px;height:28px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;flex:none}.di-decision-score{display:flex;align-items:baseline;gap:5px;margin:20px 0}.di-decision-score strong{font-size:54px;letter-spacing:-.04em}.di-decision-score span{color:var(--muted)}
.di-findings{display:grid;gap:14px}.di-finding{padding:16px;border:1px solid var(--border);border-radius:14px}.di-finding-top{display:flex;justify-content:space-between}.di-finding-index{font-weight:700;color:var(--muted)}.di-finding h4{margin:10px 0 12px;font-size:16px}.di-evidence{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--surface-3)}.di-evidence blockquote{margin:0;color:var(--muted);font-size:13px}.di-evidence strong,.di-evidence span{display:block}.di-evidence span{color:var(--muted);font-size:12px;margin-top:3px}
.di-recommendations{display:grid;gap:12px}.di-recommendations>div{display:grid;grid-template-columns:40px 1fr;gap:12px}.di-recommendations>div>span{width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:11px;font-weight:800}.di-recommendations strong,.di-recommendations small{display:block}.di-recommendations small{margin-top:3px;color:var(--muted);line-height:1.5}.di-assumptions{display:grid;gap:10px}.di-assumptions>div{display:flex;gap:10px;align-items:start}.di-export-strip{display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);margin-top:18px}.di-export-strip strong,.di-export-strip span{display:block}.di-export-strip span{color:var(--muted);font-size:12px;margin-top:3px}.di-analysis-list{display:grid;gap:8px}.di-analysis-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;text-align:left;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer}.di-analysis-row strong,.di-analysis-row small{display:block}.di-analysis-row small{color:var(--muted);margin-top:3px}.di-primitives{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.di-primitives span{padding:8px 10px;border:1px solid var(--border);border-radius:10px;font-size:12px;background:var(--surface-2)}.collection-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:14px;margin-bottom:10px}.collection-card.featured{background:var(--surface-2)}
@media (max-width: 1024px){.di-hero{grid-template-columns:1fr}.di-objective-grid,.di-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.di-depth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 720px){.di-workflow{overflow:auto;padding-bottom:16px}.di-step{min-width:125px}.di-objective-grid,.di-template-grid,.di-depth-grid{grid-template-columns:1fr}.di-source-row{grid-template-columns:40px 1fr auto}.di-source-row .text-action{grid-column:2}.di-report-header,.di-runbar,.di-export-strip{align-items:flex-start;flex-direction:column}.di-hero{padding:22px}.di-hero-trust{grid-template-columns:1fr}.di-report-header h1,.di-hero h1{font-size:34px}}
'''

.di-analysis-plan{margin-top:16px}.di-plan-steps{display:flex;flex-wrap:wrap;gap:8px}.di-plan-steps span{padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:12px;font-weight:700}.di-custom-objective{display:grid;gap:8px;margin-top:16px}.di-custom-objective textarea{min-height:110px;resize:vertical;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.di-custom-objective small{color:var(--muted);line-height:1.45}.di-processing{height:100%;display:grid;place-items:center;padding:34px}.di-processing-card{width:min(820px,100%);padding:30px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.di-processing-card h1{margin:6px 0 10px;font-size:34px;letter-spacing:-.04em}.di-processing-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.di-processing-steps{display:grid;gap:10px;margin-top:24px}.di-processing-steps>div{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.di-processing-steps span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);font-size:11px;font-weight:800}.di-processing-steps strong,.di-processing-steps small{display:block}.di-processing-steps small{color:var(--muted);margin-top:2px}.di-processing-steps .done span{background:var(--success);color:white;border-color:var(--success)}.di-processing-steps .active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface-2))}.di-processing-steps .active span{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* Document Intelligence viewport contract: page shell fixed; content scrolls internally. */
.view.document-view > .di-center-scroll{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;}
@media (max-width:820px){.view.document-view > .di-center-scroll{padding-bottom:48px;}}

/* Phase 3H file-service UX contract: fixed shell, independently scrollable content and safe narrow layouts. */
.files-view{min-height:0}.files-view .file-shell{flex:1 1 auto;min-height:0;overflow:auto;overflow-x:hidden;padding:0 34px 34px;scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.files-view .file-toolbar{position:sticky;top:0;z-index:2;padding-top:2px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px)}
@media(max-width:640px){.files-view .view-header{padding:22px 18px 14px}.files-view .file-shell{padding:0 18px 28px}.files-view .file-folders{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable}.files-view .file-grid{min-width:0}.files-view .file-preview-dialog{max-height:calc(100dvh - 24px);overflow:auto}}
/* Ads Center 2.0 multi-step studio UX */
.creative-shell{display:grid;gap:16px;min-width:0}.creative-studio-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#171437,#0d1018 58%,#22170f);color:#fff;position:relative;overflow:hidden}.creative-studio-hero.video{background:linear-gradient(135deg,#15132d,#0c121b 52%,#15221d)}.creative-studio-hero.product{background:linear-gradient(135deg,#20140d,#111217 55%,#1e1710)}.creative-studio-hero.fashion{background:linear-gradient(135deg,#1b1226,#0f1018 52%,#28131e)}.creative-studio-hero.creative{background:linear-gradient(135deg,#171328,#0e1119 52%,#121d22)}.creative-studio-hero h2{margin:4px 0 10px;font-size:34px;line-height:1.04;letter-spacing:-.03em}.creative-studio-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.75);line-height:1.55}.creative-studio-badge{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);font-size:10px;font-weight:800;letter-spacing:.1em}.creative-hero-meta{display:flex;flex-direction:column;gap:8px;align-self:center;min-width:180px}.creative-hero-meta span{padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(0,0,0,.2);font-size:11px;font-weight:700}.creative-stepper{display:flex;gap:6px;overflow:auto;padding:6px 0 2px;scrollbar-width:thin}.creative-step{min-width:128px;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:11px 10px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:14px;text-align:left}.creative-step>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--border);font-size:11px;font-weight:800}.creative-step strong{display:block;font-size:11px}.creative-step small{display:block;color:var(--faint);font-size:9px;margin-top:2px}.creative-step.current{background:color-mix(in srgb,var(--accent) 7%,var(--surface));color:var(--ink);border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}.creative-step.current>span{background:var(--accent);color:#fff;border-color:var(--accent)}.creative-step.done>span{background:var(--ink);color:var(--surface);border-color:var(--ink)}.creative-step.upcoming{opacity:.58}.creative-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.creative-main{display:grid;gap:16px;min-width:0}.creative-section-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr);gap:16px}.creative-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow-sm);min-width:0}.creative-card h3{margin:4px 0 7px;font-size:20px;letter-spacing:-.02em}.creative-card>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 12px}.creative-summary{position:sticky;top:18px;display:grid;gap:16px}.creative-summary-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.creative-summary-head h3{margin:4px 0 0;font-size:17px}.creative-summary-rows{display:grid;border:1px solid var(--border);border-radius:14px;overflow:hidden}.creative-summary-rows>div{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:11px 12px;border-bottom:1px solid var(--border)}.creative-summary-rows>div:last-child{border-bottom:0}.creative-summary-rows span{font-size:9px;color:var(--muted);text-transform:uppercase}.creative-summary-rows strong{font-size:11px;text-align:right;overflow-wrap:anywhere}.creative-credit-box{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface));border-radius:14px}.creative-credit-box span:first-child,.creative-credit-box small{display:block;color:var(--muted);font-size:9px}.creative-credit-box strong{display:block;font-size:26px;line-height:1.1;margin-top:4px}.credit-pill{padding:7px 9px;border-radius:999px;background:var(--surface-3);font-size:9px;font-weight:800}.creative-ready-list{display:grid;gap:8px}.creative-ready-list>div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center}.creative-ready-list strong{font-size:10px}.creative-ready-list span:last-child{font-size:9px;color:var(--muted)}.ready-dot{width:8px;height:8px;border-radius:50%;background:#36b37e}.option-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.option-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;text-align:left;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink)}.option-card:hover{background:var(--surface-2);transform:translateY(-1px)}.option-card.selected{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.select-icon{grid-row:span 2;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3);font-size:11px;font-weight:800}.option-card strong{font-size:12px}.option-card small{font-size:9px;color:var(--muted);line-height:1.35}.quick-pills{display:flex;flex-wrap:wrap;gap:8px}.quick-pills button{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:8px 10px;color:var(--ink);font-size:9px}.creative-note{display:grid;gap:4px;padding:13px;border:1px dashed var(--border);border-radius:14px;background:var(--surface-2)}.creative-note strong{font-size:10px;text-transform:uppercase}.creative-note span{font-size:12px;font-weight:700}.creative-note small{font-size:9px;color:var(--muted)}.creative-dropzone{min-height:190px;border:1px dashed color-mix(in srgb,var(--border) 80%,var(--ink));border-radius:16px;background:var(--surface-2);display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:24px}.creative-dropzone.large{min-height:250px}.creative-dropzone strong{font-size:12px}.creative-dropzone small{font-size:9px;color:var(--muted);max-width:300px}.upload-mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3);font-size:18px}.range-control{margin-top:14px;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.range-control label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.range-control input{width:100%;margin-top:10px}.shot-list{display:grid;gap:8px;margin-top:12px}.shot-list>div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px}.shot-list span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface-3);font-size:9px;font-weight:800}.shot-list strong{font-size:10px}.shot-list small{grid-column:2;font-size:9px;color:var(--muted)}.mini-brief{padding:12px 0;border-bottom:1px solid var(--border);display:grid;gap:3px}.mini-brief:last-child{border-bottom:0}.mini-brief span{font-size:9px;color:var(--muted);text-transform:uppercase}.mini-brief strong{font-size:12px}.mini-brief small{font-size:9px;color:var(--muted)}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.swatch-row span{width:28px;height:28px;border-radius:50%;background:var(--sw);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.helper-text{font-size:9px;color:var(--muted)}.multi-option-grid,.variant-grid,.copy-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.multi-option{position:relative;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-align:left;color:var(--ink)}.multi-option span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--surface-3);font-size:10px;font-weight:800}.multi-option strong{font-size:10px}.multi-option em{position:absolute;right:10px;top:10px;font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:9px}.multi-option.selected,.variant-card.selected{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.auto-specs{display:grid;gap:8px;margin-top:13px}.auto-specs>div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.auto-specs strong{font-size:10px}.auto-specs span{font-size:9px;color:var(--muted)}.variant-card{display:flex;justify-content:space-between;gap:8px;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink);text-align:left}.variant-card span{font-size:10px;font-weight:700}.variant-card small{font-size:9px;color:var(--muted)}.copy-template{padding:12px;border:1px solid var(--border);border-radius:13px;display:grid;gap:5px;background:var(--surface-2)}.copy-template strong{font-size:11px}.copy-template small{font-size:9px;color:var(--muted)}.copy-template span{justify-self:start;padding:4px 6px;border-radius:999px;background:var(--surface-3);font-size:8px;color:var(--muted)}.preflight-list{display:grid;gap:10px;margin-top:13px}.preflight-list>div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:11px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.preflight-list>div>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#36b37e;color:#fff;font-size:10px;font-weight:800}.preflight-list strong{display:block;font-size:10px}.preflight-list small{display:block;color:var(--muted);font-size:9px;line-height:1.35;margin-top:2px}.preview-frame{min-height:330px;border-radius:18px;border:1px dashed color-mix(in srgb,var(--accent) 38%,var(--border));background:linear-gradient(145deg,#fff8f1,#f2f0ff);display:grid;place-items:center;align-content:center;text-align:center;gap:5px;color:var(--muted)}.preview-frame.video{background:linear-gradient(160deg,#141833,#091119);color:#fff}.preview-frame.product{background:linear-gradient(155deg,#fbf4e9,#fff)}.preview-frame.fashion{background:linear-gradient(160deg,#f8ebf6,#ece6f4)}.preview-frame span{font-size:9px;letter-spacing:.12em;font-weight:800}.preview-frame strong{font-size:17px}.preview-frame small{font-size:9px;max-width:220px}.generate-card{text-align:center;max-width:900px;margin:0 auto}.generate-card h3{font-size:27px}.generate-card>p{max-width:640px;margin:0 auto 20px!important}.generate-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.generate-stat-grid>div{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);display:grid;gap:4px}.generate-stat-grid span,.generate-stat-grid small{font-size:9px;color:var(--muted)}.generate-stat-grid strong{font-size:20px}.primary-action.xl{padding:13px 18px;font-size:13px}.creative-results{display:grid;gap:14px}.creative-results-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.creative-results-head h3{margin:4px 0 6px;font-size:22px}.creative-results-head p{margin:0;color:var(--muted);font-size:11px}.results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.result-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}.result-card.selected{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.result-art{aspect-ratio:4/5;background:linear-gradient(155deg,#ede6ff,#fff3dd);display:grid;place-items:end start;padding:10px;color:rgba(0,0,0,.45)}.result-art.video{aspect-ratio:16/9;background:linear-gradient(140deg,#111a28,#302247);color:#fff}.result-art.product{background:linear-gradient(145deg,#f7efdf,#fff)}.result-art.fashion{background:linear-gradient(145deg,#efe1ec,#e9eaf8)}.result-art span{font-size:8px;letter-spacing:.08em;font-weight:800}.result-meta{padding:11px}.result-meta strong{display:block;font-size:10px}.result-meta small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.result-actions{display:flex;justify-content:space-between;padding:0 11px 10px}.creative-sticky-actions{position:sticky;bottom:12px;z-index:6;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-radius:16px;box-shadow:var(--shadow);margin-top:2px}.creative-action-context{display:grid;gap:2px}.creative-action-context strong{font-size:11px}.creative-action-context span{font-size:9px;color:var(--muted)}.creative-action-buttons{display:flex;gap:8px}.creative-tool{position:relative}.creative-tool-arrow{position:absolute;right:13px;top:13px;color:var(--faint)}
@media(max-width:1080px){.creative-layout{grid-template-columns:1fr}.creative-summary{position:relative;top:auto;order:-1}.creative-hero-meta{flex-direction:row;flex-wrap:wrap}.creative-hero-meta span{flex:1 1 170px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.creative-studio-hero{grid-template-columns:1fr;padding:22px}.creative-studio-hero h2{font-size:28px}.creative-section-grid,.option-card-grid,.multi-option-grid,.variant-grid,.copy-template-grid,.generate-stat-grid,.results-grid{grid-template-columns:1fr}.creative-summary{order:-1}.creative-summary-rows>div{grid-template-columns:1fr}.creative-summary-rows strong{text-align:left}.creative-stepper{display:flex}.creative-step{min-width:132px}.creative-sticky-actions{flex-direction:column;align-items:stretch;bottom:8px}.creative-action-buttons{display:grid;grid-template-columns:1fr 1fr}.creative-action-buttons button{width:100%}.creative-action-buttons .primary-action{grid-column:1/-1}.creative-hero-meta{display:grid;grid-template-columns:1fr 1fr}}

/* LiveKit webinar experience */
.immersive-webinar .sidebar,.immersive-webinar .topbar{display:none!important}.immersive-webinar .main{left:0!important;margin-left:0!important;width:100%!important}.immersive-webinar .view-host{height:100dvh;padding:0!important}.webinar-live-shell{height:100dvh;display:grid;grid-template-rows:64px 1fr;background:#0b0d12;color:#fff}.webinar-live-top{display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(13,16,22,.94);backdrop-filter:blur(18px);z-index:4}.webinar-live-top>div:first-child{display:grid;gap:2px}.webinar-live-top strong{font-size:14px}.webinar-live-top small{color:rgba(255,255,255,.55);font-size:10px}.live-pill{font-size:9px;letter-spacing:.11em;font-weight:900;color:#ff6b73;display:flex;gap:6px;align-items:center}.live-dot{width:7px;height:7px;border-radius:50%;background:#ff5160;box-shadow:0 0 0 5px rgba(255,81,96,.1)}.webinar-live-actions{display:flex;gap:8px;align-items:center}.live-metric{font-size:10px;color:rgba(255,255,255,.65);padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px}.live-control,.live-danger{border:1px solid rgba(255,255,255,.12);background:#151923;color:#fff;border-radius:10px;min-width:38px;height:38px;display:grid;place-items:center}.live-danger{padding:0 12px;background:#4a1d22;border-color:#6c2c33;font-size:10px}.webinar-live-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px}.webinar-stage{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 72px;background:#05070a}.speaker-stage{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(111,102,255,.16),transparent 40%),#090b10}.speaker-stage video{width:100%;height:100%;object-fit:contain;background:#05070a}.stage-placeholder{text-align:center;display:grid;gap:7px;justify-items:center;color:rgba(255,255,255,.65)}.stage-placeholder strong{font-size:14px;color:#fff}.stage-placeholder small{font-size:10px}.stage-orb{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#8f7bff,#5ad5ff);font-weight:900;color:#091019}.live-control-bar{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid rgba(255,255,255,.08);background:#0e1117}.live-control-bar .danger{background:#3a171b;border-color:#613037}.webinar-rail{min-width:0;background:#0f1218;border-left:1px solid rgba(255,255,255,.08);display:grid;grid-template-rows:48px minmax(0,1fr)}.rail-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.08)}.rail-tabs button{background:none;border:0;color:rgba(255,255,255,.48);font-size:9px;font-weight:800}.rail-tabs button.active{color:#fff;box-shadow:inset 0 -2px 0 #8f7bff}.rail-content{overflow:auto;padding:12px}.participant-row,.interaction-card{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.08);background:#141821;border-radius:12px;margin-bottom:8px}.participant-row strong,.interaction-card strong{font-size:10px;display:block}.participant-row small,.interaction-card small{font-size:8px;color:rgba(255,255,255,.45);display:block;margin-top:2px}.participant-actions{display:flex;gap:4px}.participant-actions .icon-button{color:#fff;background:#0c0f14}.rail-empty{display:grid;place-items:center;min-height:180px;text-align:center;color:rgba(255,255,255,.42);font-size:10px;padding:18px}.rail-stack{display:grid;gap:10px}.rail-stack p{color:rgba(255,255,255,.55);font-size:10px;line-height:1.5}.interactive-overlay{position:absolute;inset:auto 18px 92px 18px;display:flex;justify-content:center;pointer-events:none}.interactive-card-live{pointer-events:auto;width:min(520px,90vw);padding:18px;border:1px solid rgba(255,255,255,.12);background:rgba(18,21,28,.96);backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.38)}.interactive-card-live h3{margin:10px 0 6px;font-size:18px}.interactive-card-live p{margin:0 0 14px;color:rgba(255,255,255,.68);font-size:11px}.webinar-tabs{margin-bottom:14px}.webinar-settings-grid{align-items:start}.knowledge-source-grid,.interaction-library{display:grid;gap:8px}.knowledge-source{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--border);background:var(--surface-2);border-radius:12px}.knowledge-source strong{display:block;font-size:11px}.knowledge-source small{display:block;color:var(--muted);font-size:9px}.knowledge-icon{width:36px;height:36px;border-radius:10px;background:var(--surface-3);display:grid;place-items:center;font-weight:900}.status-summary{display:flex;gap:8px;align-items:center;margin:14px 0;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.status-summary .status-dot{width:8px;height:8px}.interaction-card{color:var(--ink);background:var(--surface-2);border-color:var(--border)}.interaction-card small{color:var(--muted)}
@media (max-width:980px){.webinar-live-grid{grid-template-columns:1fr}.webinar-rail{position:absolute;right:0;top:64px;bottom:0;width:min(360px,92vw);z-index:8;box-shadow:-20px 0 50px rgba(0,0,0,.35)}.webinar-live-shell{position:relative}.webinar-stage{min-height:0}.webinar-live-top{padding:0 10px}.live-metric{display:none}}
@media (max-width:680px){.webinar-live-top strong{font-size:12px}.webinar-live-actions{gap:5px}.live-control{min-width:34px;height:34px}.live-danger{padding:0 9px}.webinar-live-grid{display:block}.webinar-rail{display:none}.webinar-stage{height:calc(100dvh - 64px)}.live-control-bar{overflow:auto;justify-content:flex-start;padding:0 10px}.knowledge-source{grid-template-columns:32px 1fr}.knowledge-source .text-action{grid-column:2;justify-self:start}}

/* Blog Studio */
.studio-tabs{display:flex;gap:6px;overflow:auto;margin:0 0 18px;padding-bottom:4px;position:sticky;top:0;z-index:2;background:var(--bg,#fff)}
.studio-tab{border:1px solid var(--border,#ddd);background:transparent;border-radius:999px;padding:9px 14px;white-space:nowrap;color:inherit}.studio-tab.active{background:var(--text,#111);color:var(--bg,#fff)}
.studio-hero{display:flex;justify-content:space-between;gap:24px;align-items:center}.studio-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.structure-grid,.model-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.check-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border,#ddd);padding:14px;border-radius:14px}.check-card.inline{margin-top:14px}.check-card small{display:block;margin-top:4px;opacity:.7}.review-list,.metric-list>div{display:grid;grid-template-columns:1fr auto;gap:14px;padding:10px 0;border-bottom:1px solid var(--border,#eee)}.export-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.export-card{border:1px solid var(--border,#ddd);background:transparent;border-radius:14px;padding:18px;text-align:left}.export-card strong,.export-card span{display:block}.export-card span{margin-top:4px;opacity:.7}@media(max-width:900px){.studio-hero{flex-direction:column;align-items:flex-start}.structure-grid,.model-role-grid,.option-grid,.export-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.structure-grid,.model-role-grid,.option-grid,.export-grid{grid-template-columns:1fr}}

/* Production WebRTC webinar refinements */
.webinar-preflight{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 20%,rgba(104,92,255,.18),transparent 42%),#07090d}
.webinar-preflight[hidden]{display:none}.preflight-card{width:min(760px,94vw);padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(15,18,25,.96);box-shadow:0 30px 100px rgba(0,0,0,.5)}
.preflight-brand{font-size:10px;font-weight:900;letter-spacing:.12em;color:rgba(255,255,255,.62);display:flex;gap:8px;align-items:center}.preflight-card h1{margin:12px 0 8px;font-size:clamp(28px,5vw,44px);letter-spacing:-.04em}.preflight-copy{max-width:620px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.55}.preflight-preview-wrap{position:relative;margin:22px 0;border:1px solid rgba(255,255,255,.1);background:#030509;border-radius:18px;overflow:hidden;aspect-ratio:16/9}.preflight-preview-wrap video{width:100%;height:100%;object-fit:cover}.preflight-preview-fallback{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.42);font-size:12px}.preflight-preview-fallback[hidden]{display:none}.preflight-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preflight-controls label{display:grid;gap:6px;color:rgba(255,255,255,.68);font-size:11px}.preflight-controls select{width:100%;border:1px solid rgba(255,255,255,.12);background:#11151d;color:#fff;border-radius:10px;padding:11px}.preflight-check{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.preflight-check span{padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:rgba(255,255,255,.62);font-size:9px}.preflight-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.preflight-note{margin:12px 0 0;color:rgba(255,255,255,.42);font-size:9px;line-height:1.5}.live-media-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-rows:minmax(140px,1fr);gap:8px;padding:8px;pointer-events:none}.live-media-tile{position:relative;min-width:0;min-height:0;border-radius:12px;overflow:hidden;background:#0f131a;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px rgba(0,0,0,.2);transition:all .18s ease}.live-media-tile.stage-primary{grid-column:1/-1;grid-row:1/span 2;z-index:2}.live-media-slot{position:absolute;inset:0}.live-media-slot video,.live-media-slot audio{width:100%;height:100%;object-fit:cover}.live-media-name{position:absolute;left:8px;bottom:8px;z-index:3;padding:5px 8px;border-radius:8px;background:rgba(0,0,0,.58);font-size:9px;color:#fff}.live-connection-banner{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:10;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(20,23,30,.94);font-size:10px}.live-connection-banner[hidden]{display:none}.rail-note{color:rgba(255,255,255,.44);font-size:9px;line-height:1.5}.interaction-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
@media (max-width:680px){.preflight-card{padding:20px}.preflight-controls{grid-template-columns:1fr}.preflight-check{grid-column:auto}.preflight-actions{flex-direction:column}.live-media-grid{grid-template-columns:1fr 1fr;grid-auto-rows:120px}.live-media-tile.stage-primary{grid-column:1/-1;grid-row:1/span 2}}

/* Music Studio — producer-grade workspace */
.music-studio-view{--music-bg:#0d1017}.music-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 18px}.music-progress-step{display:flex;align-items:center;gap:9px;border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:12px;padding:10px 12px;text-align:left}.music-progress-step span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--soft);font-size:11px;font-weight:800}.music-progress-step.active{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.music-progress-step.done span{background:var(--accent);color:#fff}.music-content{min-height:520px}.music-step-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:18px}.music-main-card{min-height:520px}.music-main-card h2,.music-review-card h2{font-size:30px;letter-spacing:-.03em;margin:6px 0 9px}.music-side-card{display:flex;flex-direction:column;gap:14px;align-self:start}.music-kpi{display:grid;gap:4px;padding:16px;border-radius:14px;background:var(--soft);border:1px solid var(--border)}.music-kpi strong{font-size:20px}.music-kpi span{color:var(--muted);font-size:12px}.music-tip{padding:13px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);display:grid;gap:5px}.music-tip span,.music-side-card p,.music-side-card small{color:var(--muted)}.chip-label{font-size:11px;font-weight:800;color:var(--muted);margin:14px 0 8px;text-transform:uppercase;letter-spacing:.08em}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.style-chip{border:1px solid var(--border);background:var(--panel);padding:9px 11px;border-radius:999px;color:var(--muted);cursor:pointer}.style-chip.active{border-color:var(--accent);color:var(--text);background:var(--soft)}.music-mode-picker{display:flex;gap:6px;padding:4px;background:var(--soft);border-radius:12px;margin:16px 0}.music-mode-picker button{border:0;background:transparent;padding:10px 14px;border-radius:9px;color:var(--muted);font-weight:700;cursor:pointer}.music-mode-picker button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.1)}.lyric-guidance{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:16px;background:var(--soft);border:1px solid var(--border)}.lyric-guidance div{display:grid;gap:4px}.lyric-guidance span{color:var(--muted);font-size:12px}.music-structure-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.music-structure-list span{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:12px}.arrangement-rail{display:grid;gap:8px;margin:16px 0}.arrangement-card{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.arrangement-card>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--soft);font-size:11px;font-weight:800}.arrangement-card div{display:grid;gap:2px}.arrangement-card small{color:var(--muted);font-size:10px}.engine-grid{display:grid;gap:9px}.engine-card{width:100%;display:grid;gap:5px;text-align:left;border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:14px;cursor:pointer}.engine-card>div{display:flex;justify-content:space-between;gap:12px}.engine-card span,.engine-card small{color:var(--muted)}.engine-card em{font-style:normal;font-size:10px;color:var(--muted)}.engine-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.music-review-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:18px}.music-review-card{min-height:520px}.review-pill-row{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.waveform-placeholder{padding:16px;border-radius:16px;background:#0b0f16;color:#fff;border:1px solid rgba(255,255,255,.08);margin:18px 0}.wave-bars{height:160px;display:flex;align-items:center;gap:3px}.wave-bars span{flex:1;min-width:2px;background:linear-gradient(180deg,#7f73ff,#3fbfd1);border-radius:4px;opacity:.9}.waveform-placeholder>div:last-child{display:flex;justify-content:space-between;color:rgba(255,255,255,.55);font-size:10px;margin-top:8px}.music-review-actions{display:flex;justify-content:flex-end;gap:8px}.music-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.music-footer>div{display:flex;align-items:center;gap:12px}.music-save-state{font-size:11px;color:var(--muted)}
@media(max-width:920px){.music-step-grid,.music-review-grid{grid-template-columns:1fr}.music-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.music-progress-step strong{font-size:11px}.music-main-card,.music-review-card{min-height:auto}}
@media(max-width:620px){.music-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.music-progress-step{padding:8px}.music-progress-step strong{font-size:10px}.music-footer{gap:10px;flex-wrap:wrap}.music-footer>div{width:100%;justify-content:space-between}.music-review-actions{justify-content:stretch}.music-review-actions>*{flex:1}.wave-bars{height:110px}}

/* Chat rich response surfaces */
.chat-rich-blocks{display:grid;gap:10px;margin-top:12px;max-width:760px}.rich-card{border:1px solid var(--border);background:var(--surface);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.rich-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border)}.rich-card-head h4{margin:3px 0 0;font-size:14px;line-height:1.3}.rich-card-head p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.rich-card-badge{font-size:10px;font-weight:750;color:var(--muted);border:1px solid var(--border);padding:4px 7px;border-radius:999px;white-space:nowrap}.interactive-chip-grid{display:flex;flex-wrap:wrap;gap:7px;padding:11px 14px}.interactive-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--ink);padding:8px 10px;border-radius:10px;font-size:12px;text-align:left}.interactive-chip:hover{border-color:var(--border-strong);transform:translateY(-1px)}.rich-checklist{display:grid;gap:8px;padding:12px 14px}.rich-checklist label{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted)}.rich-checklist input{accent-color:var(--accent)}.chat-link-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:12px;max-width:760px}.link-card>a{display:grid;grid-template-columns:96px 1fr;min-height:112px;color:inherit;text-decoration:none}.link-card-media{background:var(--surface-2);min-height:112px}.link-card-media img{width:100%;height:100%;object-fit:cover;display:block}.link-card-placeholder{height:100%;display:grid;place-items:center;color:var(--muted);font-size:22px}.link-card-body{padding:11px 12px;min-width:0}.link-card-domain{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin-bottom:4px}.link-card-body h4{font-size:13px;margin:0 0 5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-card-body p{font-size:11px;line-height:1.45;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.link-card-offer{margin-top:7px;font-weight:800;font-size:12px}.shopping-card{margin-top:14px;max-width:880px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px}.product-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface-2);min-width:0}.product-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.product-media{aspect-ratio:1/1;background:var(--surface)}.product-media img{width:100%;height:100%;object-fit:cover;display:block}.product-placeholder{height:100%;display:grid;place-items:center;color:var(--muted);font-size:12px}.product-body{display:grid;gap:4px;padding:10px}.product-body strong{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-source,.product-rating,.product-link{font-size:10px;color:var(--muted)}.product-price{font-size:14px;font-weight:850;margin-top:2px}.product-link{margin-top:3px;color:var(--accent)}@media (max-width:920px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.chat-link-previews{grid-template-columns:1fr}.link-card>a{grid-template-columns:80px 1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rich-card-head{padding:11px 12px}.interactive-chip-grid{padding:9px 12px}}

/* Immersive Centers & Studios */
.app.immersive-center .sidebar{display:none}.app.immersive-center .main{margin-left:0!important;width:100%!important}.app.immersive-center .topbar{display:none}.app.immersive-center .topbar .status-pill{display:none}.app.immersive-center .topbar .breadcrumbs{font-size:12px}.app.immersive-center .topbar .icon-button{width:30px;height:30px;border-radius:8px}.app.immersive-center .view-host{height:100dvh;flex-basis:100dvh}.topbar-fullscreen{display:none;font-size:17px;line-height:1}.app.immersive-center .topbar-fullscreen{display:grid}.app.immersive-center .mobile-menu{display:grid!important}.immersive-center .music-studio-view{height:100%;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 34%),linear-gradient(180deg,var(--bg),var(--surface-2));padding:0 18px 18px;overflow:auto}.music-studio-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 2px 12px}.music-head-copy h1{margin:3px 0 6px;font-size:25px;letter-spacing:-.035em}.music-head-copy p:last-child{margin:0;color:var(--muted);font-size:12px}.music-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.music-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);align-items:center;gap:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-radius:15px;box-shadow:0 8px 30px rgba(0,0,0,.06);position:sticky;top:0;z-index:15}.music-project-lockup{display:flex;align-items:center;gap:10px;min-width:0}.music-project-lockup>div{display:grid;gap:1px;min-width:0}.music-project-lockup strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-project-lockup small{font-size:9px;color:var(--muted)}.music-orb{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--ink),color-mix(in srgb,var(--accent) 60%,var(--ink)));color:var(--bg);font-weight:900}.music-transport{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px;border:1px solid var(--border);background:var(--surface-2);border-radius:11px}.music-transport-btn{width:32px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-weight:800}.music-transport-btn:hover{background:var(--surface);color:var(--ink)}.music-transport-btn.play{background:var(--ink);color:var(--bg)}.music-toolbar-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px}.music-clock{font-variant-numeric:tabular-nums;font-size:12px;font-weight:800;letter-spacing:.05em;color:var(--ink);padding:7px 9px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border)}.immersive-center .music-progress{grid-template-columns:repeat(6,minmax(0,1fr));margin:12px 0 14px}.immersive-center .music-progress-step{padding:8px 10px;border-radius:10px}.immersive-center .music-content{min-height:0}.immersive-center .music-main-card,.immersive-center .music-review-card{min-height:0;box-shadow:0 12px 40px rgba(0,0,0,.05)}.immersive-center .music-main-card h2,.immersive-center .music-review-card h2{font-size:26px}.immersive-center .music-side-card{box-shadow:0 10px 30px rgba(0,0,0,.04)}.immersive-center .waveform-placeholder{box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 12px 35px rgba(0,0,0,.22)}.immersive-center .music-footer{position:sticky;bottom:0;z-index:12;padding:12px 0 2px;background:linear-gradient(180deg,transparent,var(--bg) 35%)}
@media(max-width:900px){.music-toolbar{grid-template-columns:1fr auto}.music-toolbar-meta{justify-content:flex-end}.music-project-lockup{grid-column:1/-1}.immersive-center .music-progress{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.immersive-center .music-studio-view{padding:0 10px 14px}.music-studio-head{padding-top:12px;flex-direction:column}.music-head-actions{width:100%;justify-content:flex-start}.music-toolbar{position:static}.music-toolbar-meta{grid-column:1/-1;justify-content:space-between}.immersive-center .music-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.immersive-center .music-progress-step strong{font-size:10px}.music-footer{align-items:center}.music-footer>div{flex-wrap:wrap}}
.app.immersive-center.nav-drawer-open .sidebar{display:flex;z-index:80;box-shadow:30px 0 90px rgba(0,0,0,.2)}

/* v1.50.9 design refinement: touch, focus, drawer depth and compact producer ergonomics */
.immersive-center .music-transport-btn{width:40px;height:38px;min-width:40px;min-height:38px;display:grid;place-items:center;font-size:14px;line-height:1;transition:background .16s ease,color .16s ease,transform .16s ease}
.immersive-center .music-transport-btn:active{transform:scale(.96)}
.immersive-center .music-transport-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.immersive-center .music-transport-btn.play{min-width:42px;min-height:40px}
.immersive-center .music-toolbar{min-height:62px}
.immersive-center .music-toolbar-meta .icon-button{min-width:40px;min-height:40px}
.immersive-center .music-head-actions .primary-action,.immersive-center .music-head-actions .secondary-action{min-height:40px}
.immersive-center .music-progress-step{min-height:40px}
.app.immersive-center.nav-drawer-open::after{content:"";position:fixed;inset:0;background:rgba(18,16,13,.34);backdrop-filter:blur(2px);z-index:70}
.app.immersive-center.nav-drawer-open .sidebar{z-index:80}
@media(max-width:900px){
  .immersive-center .music-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:8px 10px}
  .immersive-center .music-project-lockup{grid-column:1/-1}
  .immersive-center .music-toolbar-meta{grid-column:1/-1;justify-content:space-between}
  .immersive-center .music-toolbar-meta .icon-button{width:44px;height:44px}
  .immersive-center .music-transport-btn{width:42px;height:40px;min-width:42px;min-height:40px}
}
@media(max-width:620px){
  .app.immersive-center .topbar{padding:0 8px}
  .app.immersive-center .topbar .icon-button{width:44px;height:44px;min-width:44px;min-height:44px}
  .immersive-center .music-studio-view{padding:0 10px 16px}
  .immersive-center .music-studio-head{gap:12px;padding-top:12px}
  .immersive-center .music-head-copy h1{font-size:23px;line-height:1.1}
  .immersive-center .music-head-copy p:last-child{font-size:11px;line-height:1.45;max-width:48rem}
  .immersive-center .music-head-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}
  .immersive-center .music-head-actions .badge{grid-column:1/-1;justify-self:start}
  .immersive-center .music-head-actions .primary-action,.immersive-center .music-head-actions .secondary-action{width:100%;justify-content:center;min-height:44px}
  .immersive-center .music-toolbar{position:sticky;top:0;grid-template-columns:1fr auto;z-index:15;border-radius:13px}
  .immersive-center .music-project-lockup{grid-column:1/-1}
  .immersive-center .music-toolbar-meta{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px}
  .immersive-center .music-toolbar-meta .icon-button{width:44px;height:44px}
  .immersive-center .music-transport{justify-content:space-between;gap:3px;padding:3px}
  .immersive-center .music-transport-btn{width:44px;height:44px;min-width:44px;min-height:44px}
  .immersive-center .music-transport-btn.play{width:46px;height:46px;min-width:46px;min-height:46px}
  .immersive-center .music-clock{min-height:36px;display:flex;align-items:center;justify-content:center;padding:6px 8px}
  .immersive-center .music-progress{gap:6px}
  .immersive-center .music-progress-step{min-height:44px;padding:8px}
  .immersive-center .music-progress-step span{min-width:24px;min-height:24px}
  .immersive-center .music-footer{padding-top:10px}
  .immersive-center .music-footer .secondary-action,.immersive-center .music-footer .primary-action{min-height:44px}
}

/* v1.50.10 whole-platform interaction polish */
.primary-action,.secondary-action{min-height:40px}
.icon-button{min-width:40px;min-height:40px}
.text-action{min-height:34px;padding:6px 8px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:620px){
  .primary-action,.secondary-action{min-height:44px}
  .icon-button{min-width:44px;min-height:44px}
  .text-action{min-height:40px}
}
@media(max-width:420px){
  .app:not(.auth-mode) .topbar{padding:0 8px}
  .app:not(.auth-mode) .topbar-left,.app:not(.auth-mode) .topbar-right{gap:6px}
  .app:not(.auth-mode) .breadcrumbs{font-size:11px;gap:5px}
  .app:not(.auth-mode) .status-pill{display:none}
  .view-header{padding:18px 14px 14px;gap:14px}
  .view-header h1{font-size:25px}
  .content-scroll{padding:0 14px 24px}
  .kpi-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 12px}
  .content-grid{grid-template-columns:1fr;gap:10px}
  .span-4,.span-5,.span-7,.span-8,.span-12{grid-column:1/-1}
  .view-actions{width:100%}
  .view-actions .primary-action,.view-actions .secondary-action{flex:1 1 auto}
  .form-grid{grid-template-columns:1fr}
  .table-wrap{margin-left:-2px;margin-right:-2px}
  .data-table{min-width:620px}
  .chat-top{padding-left:12px;padding-right:12px}
  .chat-tools .voice-button span:not(.voice-dot){display:none}
  .composer-zone{padding-left:10px;padding-right:10px}
}

/* v1.50.15 immersive workspace refinement */
.app.immersive-center>.topbar{display:none}
.app.immersive-center .view-host{height:100dvh;min-height:100dvh;flex-basis:100dvh}
.app.immersive-center .main{margin-left:0!important;width:100%!important}
.immersive-controls-host{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:220;pointer-events:none}
.immersive-controls-host[data-active="false"]{display:none}
.immersive-control-bar{pointer-events:auto;display:flex;align-items:center;gap:8px;min-height:46px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px) saturate(1.1);box-shadow:0 14px 38px rgba(0,0,0,.14),0 1px 2px rgba(0,0,0,.08);transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}
.immersive-control-bar.is-minimized{min-height:38px;padding:4px}
.immersive-control{width:36px;height:36px;min-width:36px;border:0;border-radius:10px;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;font-weight:800;font-size:15px}
.immersive-control:hover{background:var(--surface-2)}
.immersive-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.immersive-exit{background:var(--surface-2);border:1px solid var(--border)}
.immersive-title{display:flex;align-items:center;gap:7px;padding:0 8px;min-width:150px}
.immersive-title strong{font-size:12px;white-space:nowrap}
.immersive-title small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.immersive-dot{width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}
.immersive-control-group{display:flex;gap:3px;padding-left:3px;border-left:1px solid var(--border)}
.immersive-control-bar.is-minimized .immersive-title{min-width:auto;padding-right:2px}
.immersive-control-bar.is-minimized .immersive-title small,.immersive-control-bar.is-minimized .immersive-control-group .immersive-control:nth-child(2){display:none}
@media(max-width:620px){
 .immersive-controls-host{top:8px;left:8px;right:8px;transform:none}
 .immersive-control-bar{width:100%;justify-content:space-between;min-height:48px;border-radius:13px}
 .immersive-title{min-width:0;flex:1}
 .immersive-control{width:42px;height:42px;min-width:42px}
}
@media(prefers-reduced-motion:reduce){.immersive-control-bar{transition:none}}

/* Blog Studio — stepped immersive workflow */
.immersive-center .blog-studio-view{height:100dvh;overflow:auto;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 38%),var(--bg)}
.blog-studio-shell{width:min(1760px,100%);min-height:100%;margin:0 auto;padding:30px 34px 36px;display:flex;flex-direction:column}
.blog-studio-header{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:4px 0 22px}
.blog-studio-header h1{margin:4px 0 7px;font-size:36px;line-height:1.05;letter-spacing:-.045em}
.blog-studio-header p:last-child{margin:0;max-width:900px;color:var(--muted);font-size:14px;line-height:1.6}
.blog-studio-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:280px}
.blog-wizard-progress{display:flex;gap:8px;position:sticky;top:0;z-index:20;padding:10px 0 14px;background:linear-gradient(180deg,var(--bg) 80%,transparent);margin-bottom:10px;overflow-x:auto;scrollbar-width:none}
.blog-wizard-progress::-webkit-scrollbar{display:none}
.blog-wizard-step{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);padding:10px 9px;border-radius:12px;text-align:left;color:var(--muted);cursor:pointer}
.blog-wizard-step:hover{border-color:var(--border-strong)} .blog-wizard-step.current{border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)} .blog-wizard-step.done{color:var(--ink)} .blog-wizard-step.locked{opacity:.5;cursor:not-allowed}
.blog-step-index{width:26px;height:26px;min-width:26px;border-radius:8px;display:grid;place-items:center;background:var(--soft);font-size:11px;font-weight:850}
.blog-wizard-step.current .blog-step-index{background:var(--ink);color:var(--bg)} .blog-wizard-step.done .blog-step-index{background:var(--accent);color:#fff}
.blog-step-copy{display:grid;gap:2px;min-width:0}.blog-step-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-step-copy small{font-size:9px;line-height:1.25;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blog-wizard-intro{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);background:var(--surface-2);border-radius:13px;margin:0 0 14px}.blog-wizard-intro .eyebrow{margin:0;color:var(--accent)}.blog-wizard-intro strong{font-size:13px}.blog-wizard-intro>span:last-child{color:var(--muted);font-size:11px}
.blog-wizard-footer{position:sticky;left:auto;right:auto;bottom:12px;z-index:25;width:min(1320px,100%);margin:26px auto 0;display:grid;grid-template-columns:120px minmax(0,1fr) 140px;align-items:center;gap:14px;padding:10px 12px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:16px;box-shadow:0 14px 36px rgba(0,0,0,.10)}
.blog-wizard-status{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--muted);font-size:11px}.blog-save-dot{width:7px;height:7px;border-radius:50%;background:#31a46c;box-shadow:0 0 0 3px color-mix(in srgb,#31a46c 12%,transparent)}.blog-step-count{padding-left:8px;border-left:1px solid var(--border)}
.blog-wizard-footer .primary-action,.blog-wizard-footer .secondary-action{min-height:44px}.blog-studio-view .content-grid{max-width:none;margin-left:auto;margin-right:auto;width:100%}.blog-brief-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.blog-primary-card{min-width:0}.blog-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.blog-section-heading h2{margin:4px 0 7px;font-size:25px;letter-spacing:-.025em}.blog-section-heading p{margin:0;max-width:860px;color:var(--muted);line-height:1.55}.blog-field-hint{font-size:11px;color:var(--muted);padding:8px 10px;border:1px solid var(--border);border-radius:10px;white-space:nowrap;background:var(--surface-2)}.blog-brief-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.blog-brief-form label{min-width:0}.blog-brief-form label>span,.blog-brief-secondary label>span{display:block;font-size:12px;font-weight:760;margin-bottom:7px}.blog-brief-form label>small{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.4}.blog-field-span-2{grid-column:1/-1}.blog-topic-field textarea{width:100%;min-height:380px;resize:vertical;line-height:1.65;padding:16px 17px;font-size:14px}.blog-topic-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px}.blog-topic-head small,.blog-textarea-meta{color:var(--muted);font-size:10px;font-weight:550}.blog-textarea-meta{display:flex;justify-content:space-between;gap:12px;padding:7px 3px 0}.blog-brief-secondary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.blog-input-with-suffix{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.blog-input-with-suffix input{border-radius:11px 0 0 11px}.blog-input-with-suffix span{height:100%;display:grid;place-items:center;padding:0 12px;background:var(--surface-2);border:1px solid var(--border);border-left:0;border-radius:0 11px 11px 0;color:var(--muted);font-size:11px}.blog-context-rail{position:sticky;top:86px}.blog-rail-head h3{margin:4px 0 6px;font-size:20px}.blog-rail-head p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.blog-context-list{display:grid;gap:0;margin:20px 0;border-top:1px solid var(--border)}.blog-context-item{display:flex;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--border)}.blog-context-item strong{display:block;font-size:12px}.blog-context-item small{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin-top:3px;max-width:240px}.blog-rail-tip{display:grid;gap:5px;padding:13px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.blog-rail-tip strong{font-size:11px}.blog-rail-tip span{font-size:10px;color:var(--muted);line-height:1.45}.blog-rail-readiness{display:grid;gap:6px;margin-top:16px}.blog-rail-readiness p{margin:0;font-size:10px;line-height:1.45;color:var(--muted)}.blog-wizard-intro-strong{justify-content:space-between;align-items:flex-start}.blog-wizard-intro-strong>div{display:grid;gap:3px;flex:1}.blog-wizard-intro-strong>div span{font-size:11px;color:var(--muted);line-height:1.45}
@media(max-width:1100px){.blog-studio-shell{padding:20px 18px 28px}.blog-wizard-progress{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr))}.blog-brief-layout{grid-template-columns:minmax(0,1fr) 300px}.blog-section-heading{flex-direction:column}.blog-field-hint{white-space:normal}.blog-context-rail{position:static}}
@media(max-width:700px){.blog-studio-shell{padding:14px 10px 22px}.blog-studio-header{flex-direction:column;gap:12px}.blog-studio-header h1{font-size:25px}.blog-studio-actions{width:100%;justify-content:flex-start}.blog-wizard-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.blog-wizard-step{min-height:46px;padding:8px}.blog-step-copy small{display:none}.blog-wizard-footer{grid-template-columns:84px minmax(0,1fr) 112px;gap:8px;padding:8px}.blog-wizard-status{font-size:9px;gap:5px}.blog-brief-layout{grid-template-columns:1fr}.blog-brief-form{grid-template-columns:1fr}.blog-field-span-2{grid-column:auto}.blog-topic-field textarea{min-height:280px}.blog-brief-secondary{grid-template-columns:1fr}.blog-context-rail{position:static}.blog-step-count{display:none}.blog-wizard-intro{align-items:flex-start;flex-direction:column;gap:3px}.blog-studio-view .content-grid{grid-template-columns:1fr}}

/* Chat refinement v1.50.19: calmer, tile-free welcome state and smaller reading scale. */
.welcome-row{width:min(820px,86%);}
.welcome-copy-block{max-width:740px;}
@media(max-width:820px){.welcome-row h1{font-size:29px}.welcome-copy{font-size:13px}.message-body{font-size:14px;line-height:1.65}}
@media(max-width:560px){.welcome-row h1{font-size:27px}.welcome-copy{font-size:13px}.message-body{font-size:13.5px;line-height:1.62}}


/* External agent builder / embed studio */
.agent-builder{min-height:calc(100vh - 92px);margin:-18px -18px 0;background:var(--surface)}
.agent-builder-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px)}
.agent-builder-title{display:flex;gap:12px;align-items:center}.agent-builder-title h1{margin:0;font-size:20px}.agent-builder-title small{color:var(--muted)}
.agent-builder-actions{display:flex;gap:8px;align-items:center}.agent-builder-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 460px;min-height:calc(100vh - 148px)}
.agent-builder-nav{padding:16px 10px;border-right:1px solid var(--border);background:var(--surface-2);position:sticky;top:61px;height:calc(100vh - 148px);overflow:auto}.agent-builder-nav-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);padding:10px 12px;border-radius:10px;text-align:left;cursor:pointer}.agent-builder-nav-item:hover{background:var(--surface-3)}.agent-builder-nav-item.active{background:var(--ink);color:var(--surface)}.agent-builder-main{padding:22px;min-width:0}.agent-builder-preview{border-left:1px solid var(--border);background:var(--surface-3);padding:18px;position:sticky;top:61px;height:calc(100vh - 148px);overflow:auto}.agent-builder-section{max-width:980px;margin:0 auto}.agent-builder-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:6px 0 22px}.agent-builder-hero h2{margin:4px 0 6px;font-size:28px;letter-spacing:-.02em}.agent-builder-hero p{max-width:780px;color:var(--muted);line-height:1.55}.metric-list,.policy-list{display:grid;gap:10px}.metric-list>div,.policy-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.metric-list>div:last-child,.policy-list>div:last-child{border-bottom:0}.metric-list span,.policy-list small{color:var(--muted)}.metric-list strong,.policy-list strong{font-weight:700}.source-list{display:grid;gap:8px;margin-top:14px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-choice{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.tool-choice>div{flex:1}.tool-choice small{display:block;color:var(--muted);margin-top:3px}.voice-demo{display:grid;place-items:center;gap:8px;padding:24px;border:1px dashed var(--border);border-radius:16px;background:var(--surface-2);text-align:center}.voice-demo small{color:var(--muted);max-width:250px}.voice-orb{width:72px;height:72px;border-radius:50%;border:0;background:var(--ink);color:var(--surface);font-size:26px}.style-swatches{display:flex;gap:8px;margin:10px 0 16px}.style-swatches span{width:36px;height:36px;border-radius:10px;display:block;border:2px solid var(--surface)}.check-list{display:grid;gap:8px}.code-block{position:relative;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);display:flex;gap:12px;align-items:flex-start}.code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;word-break:break-all;line-height:1.55;flex:1}.deploy-method{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);margin-bottom:8px}.deploy-method.active{border-color:var(--ink)}.deploy-method small{display:block;color:var(--muted);margin-top:3px}.deploy-method code{font-size:11px}.agent-embed-preview-shell{height:100%;min-height:680px}.agent-embed-browser{height:100%;min-height:680px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:0 20px 60px rgba(0,0,0,.10)}.agent-embed-browser-top{height:40px;display:flex;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--surface-2)}.browser-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.browser-url{margin-left:8px;padding:6px 10px;border-radius:8px;background:var(--surface-3);color:var(--muted);font-size:10px;flex:1}.agent-preview-page{position:relative;height:calc(100% - 40px);padding:18px;background:linear-gradient(135deg,var(--surface),var(--surface-2))}.preview-page-top{display:flex;justify-content:space-between;align-items:center}.preview-brand{font-size:11px;font-weight:800;letter-spacing:.08em}.preview-nav{display:flex;gap:14px;color:var(--muted);font-size:10px}.preview-hero{padding:72px 22px 0;max-width:320px}.preview-eyebrow{font-size:9px;letter-spacing:.11em;color:var(--muted)}.preview-hero h3{font-size:26px;line-height:1.04;margin:7px 0}.preview-hero p{font-size:12px;line-height:1.5;color:var(--muted)}.preview-buttons{display:flex;gap:8px;margin-top:16px}.preview-buttons span{display:block;width:90px;height:28px;border-radius:8px;background:var(--ink)}.preview-buttons span+span{background:var(--surface-3);border:1px solid var(--border)}.agent-widget{position:absolute;right:22px;bottom:22px;width:min(390px,calc(100% - 44px));height:calc(100% - 90px);max-height:620px;background:var(--surface);border:1px solid var(--border);border-radius:var(--agent-radius);box-shadow:0 24px 70px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden}.agent-widget-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--border)}.agent-avatar{width:34px;height:34px;border-radius:11px;background:var(--agent-accent);color:var(--surface);display:grid;place-items:center;font-size:15px;overflow:hidden}.agent-avatar img{width:100%;height:100%;object-fit:cover}.agent-widget-head>div:nth-child(2){flex:1;min-width:0}.agent-widget-head strong{display:block;font-size:12px}.agent-widget-head small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.agent-widget-min{border:0;background:transparent;color:var(--muted);font-size:18px}.agent-widget-body{padding:14px;display:flex;flex-direction:column;gap:10px;overflow:auto;flex:1}.agent-welcome{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.agent-welcome strong,.agent-welcome small{display:block}.agent-welcome small{color:var(--muted);margin-top:4px;line-height:1.5}.agent-suggests{display:flex;gap:6px;flex-wrap:wrap}.agent-suggests button{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:6px 9px;font-size:9px;color:var(--text)}.agent-message{max-width:86%;padding:9px 10px;border-radius:12px;font-size:10px;line-height:1.5}.agent-message.user{align-self:flex-end;background:var(--agent-accent);color:var(--surface);border-bottom-right-radius:4px}.agent-message.bot{background:var(--surface-2);border-bottom-left-radius:4px}.agent-widget-input{display:flex;align-items:center;gap:6px;padding:10px;border-top:1px solid var(--border)}.agent-widget-input input{flex:1;min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);padding:9px;font-size:10px;color:var(--text)}.agent-mini-btn,.agent-send{width:30px;height:30px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.agent-send{background:var(--agent-accent);color:var(--surface)}.agent-widget-footer{padding:7px 10px;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:8px}.agent-launcher{position:absolute;right:20px;bottom:12px;transform:translateY(100%);width:48px;height:48px;border-radius:50%;border:0;background:var(--agent-accent);color:var(--surface);box-shadow:0 14px 30px rgba(0,0,0,.2)}
@media(max-width:1180px){.agent-builder-layout{grid-template-columns:188px minmax(0,1fr)}.agent-builder-preview{display:none}.agent-builder-nav{top:61px}.agent-builder-main{padding:18px}}
@media(max-width:860px){.agent-builder{margin:-12px}.agent-builder-topbar{flex-direction:column;align-items:flex-start}.agent-builder-actions{width:100%;overflow-x:auto}.agent-builder-layout{grid-template-columns:1fr}.agent-builder-nav{position:sticky;top:92px;height:auto;display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border);padding:8px}.agent-builder-nav-item{width:auto;white-space:nowrap;flex:0 0 auto}.agent-builder-main{padding:14px}.tool-grid{grid-template-columns:1fr}.agent-builder-hero{flex-direction:column}.agent-builder-hero h2{font-size:24px}}

/* External agent voice-call preview */
.agent-preview-mode-menu{position:absolute;right:18px;bottom:76px;width:178px;display:grid;grid-template-columns:auto 1fr auto;gap:7px 8px;align-items:center;padding:9px;border-radius:15px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);box-shadow:0 18px 50px rgba(0,0,0,.16);font-size:9px;z-index:4}.agent-preview-mode-menu>div{display:flex;flex-direction:column;gap:1px}.agent-preview-mode-menu strong{font-size:9px}.agent-preview-mode-menu small{font-size:8px;color:var(--muted)}.agent-preview-mode-menu>span:last-child{color:var(--muted)}.agent-preview-mode-icon{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:11px}.agent-preview-mode-icon.chat{background:#344054}.agent-preview-mode-icon.call{background:#1f9d55}.agent-call-preview{position:absolute;right:18px;bottom:18px;width:min(270px,calc(100% - 36px));height:calc(100% - 90px);max-height:450px;border-radius:20px;padding:12px 12px 16px;background:linear-gradient(180deg,#0e2418 0%,#0a1710 65%,#08110c 100%);color:#fff;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.28);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.agent-call-preview-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.75)}.agent-call-preview-top small{font-size:8px;text-transform:uppercase;letter-spacing:.08em}.agent-call-preview-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;flex:1;text-align:center}.agent-call-preview-avatar{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#2ec86b,#0d7d40);overflow:hidden;font-size:26px;box-shadow:0 10px 28px rgba(0,0,0,.22)}.agent-call-preview-avatar img{width:100%;height:100%;object-fit:cover}.agent-call-preview-profile strong{font-size:15px}.agent-call-preview-profile>span{font-size:9px;color:rgba(255,255,255,.55)}.agent-call-preview-profile small{font-size:9px;color:rgba(255,255,255,.7)}.agent-call-preview-transcript{margin:0 0 12px;padding:9px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:8px;line-height:1.4;text-align:center;color:rgba(255,255,255,.78)}.agent-call-preview-controls{display:flex;justify-content:center;gap:9px}.agent-call-preview-controls span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:10px}.agent-call-preview-controls .end{background:#e5484d;border-color:#e5484d}.agent-widget.show-call-preview{display:none}
@media(max-width:1180px){.agent-call-preview{width:250px}}.agent-call-preview{pointer-events:none}.agent-preview-mode-menu{pointer-events:none}

/* v1.50.34 UX hardening: larger work surfaces + Resume Studio */
.view-header{padding-left:clamp(20px,3vw,42px);padding-right:clamp(20px,3vw,42px)}
.content-scroll{padding-left:clamp(20px,3vw,42px);padding-right:clamp(20px,3vw,42px)}
.blog-studio-shell{width:min(1680px,100%);padding-left:clamp(18px,2.6vw,42px);padding-right:clamp(18px,2.6vw,42px)}
.blog-studio-view .content-grid{max-width:1480px}
.blog-studio-view .card.pad{padding:clamp(18px,1.7vw,28px)}
.blog-wizard-progress{grid-template-columns:repeat(8,minmax(0,1fr));overflow-x:auto;scrollbar-width:none}
.blog-wizard-step{min-width:145px}
.resume-studio-view{height:100%;overflow:auto;background:radial-gradient(circle at 70% -10%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 34%),var(--bg)}
.resume-studio-shell{width:min(1580px,100%);margin:0 auto;padding:26px clamp(16px,2.5vw,42px) 110px}
.resume-studio-header{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:16px}.resume-studio-header h1{margin:5px 0 8px;font-size:34px;letter-spacing:-.04em;line-height:1.05}.resume-studio-header p:last-child{max-width:880px;margin:0;color:var(--muted);line-height:1.6;font-size:13px}.resume-header-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.resume-stepper{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;position:sticky;top:0;z-index:18;padding:8px 0 12px;background:linear-gradient(180deg,var(--bg) 78%,transparent);overflow-x:auto;scrollbar-width:none}.resume-step{min-width:150px;display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:center;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px;color:var(--muted);cursor:pointer}.resume-step>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);font-size:10px;font-weight:800}.resume-step strong{font-size:11px}.resume-step small{grid-column:2;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-step.current{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 11%,transparent);color:var(--ink)}.resume-step.current>span{background:var(--ink);color:var(--bg)}.resume-step.done>span{background:var(--accent);color:#fff}
.resume-progress-note{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;margin-bottom:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-size:11px;color:var(--muted)}.resume-progress-note span:first-child{font-weight:800;color:var(--ink)}
.resume-body{min-height:520px}.resume-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.resume-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resume-preset{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;text-align:left;border:1px solid var(--border);background:var(--surface-2);padding:15px;border-radius:14px;color:inherit;cursor:pointer}.resume-preset:hover{border-color:var(--border-strong);transform:translateY(-1px)}.resume-preset.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}.resume-preset-number{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--ink);color:var(--bg);font-weight:800;font-size:10px}.resume-preset span:nth-child(2){display:grid;gap:3px}.resume-preset strong{font-size:13px}.resume-preset small{color:var(--accent);font-size:10px}.resume-preset em{font-style:normal;color:var(--muted);font-size:10px;line-height:1.45}.resume-preset b{font-size:9px;padding:5px 7px;border-radius:999px;background:var(--ink);color:var(--bg)}.resume-side-card{align-self:start;position:sticky;top:82px}.resume-side-actions{display:grid;gap:8px;margin-top:18px}.resume-mini-proof,.persona-banner{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.resume-mini-proof span{padding:7px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:10px}.resume-coach-list{display:grid;gap:0;margin:12px 0}.resume-coach-list>div{display:grid;gap:3px;padding:11px 0;border-bottom:1px solid var(--border)}.resume-coach-list small,.resume-coach-list span{color:var(--muted);font-size:10px}.persona-banner{align-items:center;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.persona-banner>div:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.persona-banner span{font-size:10px;color:var(--muted)}.resume-output-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.resume-output-tabs button{border:1px solid var(--border);background:var(--surface);padding:8px 10px;border-radius:9px;font-size:11px;color:var(--muted)}.resume-output-tabs button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.resume-document-preview{padding:26px;margin-top:8px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2);line-height:1.65;min-height:400px}.resume-document-preview>div:first-child{display:grid;gap:3px;padding-bottom:14px;border-bottom:1px solid var(--border)}.resume-document-preview>div:first-child strong{font-size:23px;letter-spacing:-.03em}.resume-document-preview>div:first-child span{color:var(--accent);font-size:12px}.resume-document-preview h4{margin:20px 0 4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.resume-document-preview p{margin:0;color:var(--muted);white-space:pre-wrap}.resume-sticky-actions{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:110px minmax(0,1fr) 140px;align-items:center;gap:12px;padding:11px max(18px,calc((100vw - 1580px)/2 + 42px));border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px);box-shadow:0 -12px 30px rgba(0,0,0,.06)}.resume-sticky-actions>div{display:grid;justify-self:center;text-align:center;gap:2px}.resume-sticky-actions>div span{font-size:11px;font-weight:800}.resume-sticky-actions>div small{font-size:9px;color:var(--muted)}
@media(max-width:1100px){.resume-layout{grid-template-columns:1fr}.resume-side-card{position:static}.resume-preset-grid{grid-template-columns:1fr}.resume-stepper{grid-template-columns:repeat(7,150px)}}
@media(max-width:700px){.resume-studio-shell{padding:14px 10px 100px}.resume-studio-header{flex-direction:column;gap:12px}.resume-studio-header h1{font-size:26px}.resume-header-actions{justify-content:flex-start}.resume-progress-note{flex-direction:column}.resume-sticky-actions{grid-template-columns:78px minmax(0,1fr) 96px;padding:9px 10px}.resume-sticky-actions>div small{display:none}.blog-studio-shell{padding-left:10px;padding-right:10px}.blog-studio-view .content-grid{grid-template-columns:1fr}}
@media(min-width:1500px){.blog-studio-view .content-grid{max-width:1520px}.blog-studio-shell .blog-wizard-intro{max-width:1520px;margin-left:auto;margin-right:auto}}
.global-agent-dock{position:fixed;right:18px;bottom:18px;z-index:1200;font-size:13px}.agent-dock-tab{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text);border-radius:999px;padding:11px 15px;box-shadow:var(--shadow-md);font-weight:700;cursor:pointer}.global-agent-dock.open{width:min(390px,calc(100vw - 28px))}.global-agent-dock.open .agent-dock-tab{display:none}.agent-dock-panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-xl);padding:16px}.agent-dock-head{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.agent-dock-head strong{display:block;font-size:15px}.agent-dock-head small{display:block;color:var(--text-muted);line-height:1.45;margin-top:4px}.agent-dock-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.agent-dock-mode button{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:9px;padding:8px;cursor:pointer}.agent-dock-mode button.active{background:var(--surface-accent);border-color:var(--accent);color:var(--text)}.agent-dock-panel label{display:block;font-weight:650;margin:10px 0}.agent-dock-panel select,.agent-dock-panel textarea{display:block;width:100%;margin-top:6px}.agent-dock-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.agent-dock-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:10px;margin-top:12px;color:var(--text-muted)}
@media (max-width:700px){.global-agent-dock{right:10px;bottom:10px}.global-agent-dock.open{width:calc(100vw - 20px)}}
.agent-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.agent-team-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.agent-team-card div{min-width:0;display:grid;gap:4px}.agent-team-card strong{font-size:12px}.agent-team-card small{font-size:10px;color:var(--muted)}
@media(max-width:760px){.agent-team-grid{grid-template-columns:1fr}}
/* Document Intelligence Center v1.51 — enterprise intelligence workspace */
.di-primary-tabs{display:flex;gap:2px;padding:0 34px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:3;overflow:auto}.di-primary-tabs button{border:0;background:transparent;padding:14px 16px;color:var(--muted);font-weight:650;white-space:nowrap;border-bottom:2px solid transparent}.di-primary-tabs button.active{color:var(--text);border-bottom-color:var(--ink)}
.di-command-bar{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:30px 0 20px}.di-command-bar h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.045em;line-height:1.05;margin:6px 0 10px}.di-command-bar p:not(.eyebrow),.di-analytics-head p:not(.eyebrow),.di-tab-heading p:not(.eyebrow){max-width:820px;color:var(--muted);line-height:1.65}.di-command-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.di-kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 18px}.di-kpi{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.di-kpi span,.di-kpi small{display:block;color:var(--muted)}.di-kpi span{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.di-kpi strong{display:block;font-size:24px;letter-spacing:-.03em;margin:7px 0 3px}.di-kpi strong.good{color:var(--success)}.di-kpi strong.warn{color:var(--warning)}.di-kpi-strip-large{margin-bottom:22px}.di-source-actions{display:grid;grid-template-columns:1.3fr .7fr;gap:10px;margin:18px 0}.di-dropzone{border:1px dashed var(--border-strong);background:var(--surface-3);margin:0}.di-source-cta{min-height:130px;text-align:left;border:1px solid var(--border);border-radius:16px;padding:18px;background:var(--surface-2);cursor:pointer}.di-source-cta:hover{border-color:var(--accent);transform:translateY(-1px)}.di-source-cta strong,.di-source-cta span{display:block}.di-source-cta strong{font-size:15px}.di-source-cta span{margin-top:8px;color:var(--muted);line-height:1.5;font-size:12px}.di-source-card{display:grid;grid-template-columns:48px 1fr auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.di-source-type,.di-connector-mark{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);font-size:10px;font-weight:800;color:var(--muted)}.di-source-copy strong,.di-source-copy span{display:block}.di-source-copy span{color:var(--muted);font-size:12px;margin-top:3px}.di-analytics-head,.di-tab-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:28px 0 18px}.di-analytics-head h1,.di-tab-heading h1{font-size:34px;letter-spacing:-.04em;margin:5px 0 9px}.di-metric-bars{display:grid;gap:18px}.di-metric-bars>div>div:first-child{display:flex;justify-content:space-between;gap:12px}.di-metric-bars small{display:block;color:var(--muted);margin-top:5px}.di-bar{height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden;margin-top:8px}.di-bar i{display:block;height:100%;border-radius:inherit;background:var(--ink)}.di-attention-list{display:grid;gap:7px}.di-attention-list button{border:1px solid var(--border);background:var(--surface);border-radius:12px;text-align:left;padding:12px;cursor:pointer}.di-attention-list button:hover{background:var(--surface-2)}.di-attention-list strong,.di-attention-list span{display:block}.di-attention-list span{color:var(--muted);font-size:12px;line-height:1.45;margin-top:3px}.di-analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.di-analytics-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:15px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:132px}.di-analytics-card:hover{border-color:var(--accent);transform:translateY(-1px)}.di-analytics-card span{color:var(--muted);font-size:12px;line-height:1.45}.di-analytics-card em{font-style:normal;font-size:11px;font-weight:700;margin-top:auto}.di-source-toolbar{display:grid;grid-template-columns:auto 1fr minmax(220px,320px);gap:14px;align-items:center;margin-bottom:16px}.di-source-toolbar span{color:var(--muted);font-size:12px}.di-source-toolbar input{width:100%}.di-connector-list{display:grid;gap:9px}.di-connector-card{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface)}.di-connector-copy>div{display:flex;gap:8px;align-items:center}.di-connector-copy p,.di-connector-copy small{display:block;color:var(--muted);margin:4px 0 0;font-size:12px}.di-connector-catalog{display:grid;gap:6px;margin-top:14px}.di-connector-catalog button{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px;text-align:left;cursor:pointer}.di-connector-catalog span{color:var(--muted);font-size:11px}.di-connector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.di-connector-option{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface);cursor:pointer}.di-connector-option:hover{border-color:var(--accent);background:var(--surface-2)}.di-connector-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3);font-size:10px;font-weight:800;flex:none}.di-connector-option strong,.di-connector-option small,.di-connector-option em{display:block}.di-connector-option small{color:var(--muted);line-height:1.4;margin-top:3px}.di-connector-option em{font-style:normal;font-size:10px;color:var(--muted);margin-top:7px;text-transform:uppercase;letter-spacing:.06em}.di-modal[hidden]{display:none}.di-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center}.di-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(5px)}.di-modal-card{position:relative;width:min(780px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.di-modal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.di-modal-head h2{margin:4px 0 7px;font-size:26px;letter-spacing:-.03em}.di-modal-head p:not(.eyebrow){color:var(--muted);line-height:1.55;margin:0}.di-modal-span{grid-column:1/-1}.di-modal-security{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.di-modal-security span{padding:8px 10px;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;color:var(--muted);font-size:11px}.di-collection-featured{background:linear-gradient(135deg,var(--surface-2),var(--surface))}
@media (max-width:1100px){.di-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.di-analytics-grid,.di-connector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.di-source-actions{grid-template-columns:1fr}.di-command-bar,.di-analytics-head,.di-tab-heading{align-items:flex-start;flex-direction:column}.di-command-actions{justify-content:flex-start}}
@media (max-width:720px){.di-primary-tabs{padding:0 14px}.di-command-bar,.di-analytics-head,.di-tab-heading{padding-top:20px}.di-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.di-analytics-grid,.di-connector-grid{grid-template-columns:1fr}.di-source-toolbar{grid-template-columns:1fr}.di-source-card,.di-connector-card{grid-template-columns:40px 1fr}.di-source-card .text-action,.di-connector-card .view-actions{grid-column:2}.di-source-type,.di-connector-mark{width:40px;height:40px}.di-modal-card{padding:18px}.di-modal-span{grid-column:auto}}

/* RESPONSIVE FOUNDATION v1.53.2-r1
 * Consolidates the late fixed-shell overrides into one final contract.
 * Keep the application shell fixed; only designated content regions scroll.
 */
:root{
  --text:var(--ink);
  --text-muted:var(--muted);
  --panel:var(--surface);
  --soft:var(--surface-2);
  --line:var(--border);
  --surface-raised:var(--surface-2);
  --surface-accent:var(--surface-3);
  --shadow-sm:0 4px 14px rgba(43,35,25,.06);
  --shadow-md:0 10px 28px rgba(43,35,25,.08);
  --shadow-xl:0 24px 70px rgba(43,35,25,.14);
  --agent-accent:var(--accent);
  --agent-radius:var(--radius);
  --surface-1:var(--surface);
  --sw:100vw;
}

*,*::before,*::after{min-width:0}
html,body{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:hidden!important}
body{position:fixed;inset:0}
.app{position:fixed;inset:0;width:100%;height:100dvh;min-width:0;min-height:0;display:block;overflow:hidden}
.main{position:fixed;inset:0 0 0 var(--sidebar);width:auto!important;height:100dvh;min-width:0;min-height:0;margin:0!important;display:flex;flex-direction:column;overflow:hidden}
.app.sidebar-collapsed .main{inset:0 0 0 76px;width:auto!important;margin:0!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);height:100dvh;min-width:0;max-width:86vw;overflow:hidden;z-index:80}
.app.sidebar-collapsed .sidebar{width:76px}
.view-host{flex:1 1 auto;width:100%;height:auto;min-width:0;min-height:0;overflow:hidden}
.view{width:100%;max-width:100%;min-width:0;min-height:0}
.view-header,.content-scroll,.card,.section-head,.content-grid{min-width:0;max-width:100%}
.content-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.content-grid>*,.kpi-grid>*,.form-grid>*,.plan-grid>*,.feature-grid>*,.product-grid>*,.results-grid>*,[class*="grid"]>*{min-width:0}
img,video,canvas,svg,iframe{max-width:100%}
textarea,input,select,button{max-width:100%}
.table-wrap{max-width:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.data-table{min-width:0}

/* Desktop sidebar collapse control; never force it into mobile layouts. */
.sidebar-toggle{display:grid!important}
.mobile-menu,.mobile-close{display:none!important}

/* Mobile/tablet navigation is a drawer, never a permanently occupying column. */
@media (max-width:820px){
  .main,.app.sidebar-collapsed .main{inset:0;width:100%!important;margin:0!important}
  .app:not(.immersive-center) .topbar{height:var(--topbar);padding:0 14px;min-width:0}
  .app:not(.immersive-center) .breadcrumbs{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .app:not(.immersive-center) .breadcrumbs>*{min-width:0}
  .sidebar{width:min(86vw,300px);max-width:calc(100vw - 16px);transform:translate3d(-102%,0,0);transition:transform .2s ease;box-shadow:none}
  .sidebar.open{transform:translate3d(0,0,0);box-shadow:24px 0 70px rgba(0,0,0,.18)}
  .app.sidebar-collapsed .sidebar{width:min(86vw,300px)}
  .app:not(.nav-drawer-open) .sidebar-toggle{display:none!important}
  .app:not(.immersive-center) .mobile-menu{display:grid!important;flex:0 0 auto}
  .sidebar .mobile-close{display:grid!important;margin-left:auto;flex:0 0 auto}
  .app.sidebar-collapsed .mobile-menu{display:grid!important}
  .view-header{padding:22px 18px 14px;gap:16px;flex-direction:column}
  .view-header h1{font-size:28px;max-width:100%}
  .view-header>div{min-width:0;max-width:100%}
  .view-actions{width:100%;max-width:100%}
  .content-scroll{padding:0 18px 28px}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 18px 14px}
  .content-grid{grid-template-columns:1fr}
  .span-4,.span-5,.span-7,.span-8,.span-12{grid-column:1/-1}
  .workspace-summary{grid-template-columns:1fr 1fr}
  .sidebar-bottom{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .mobile-backdrop{position:fixed;inset:0;z-index:70;background:rgba(18,16,13,.36);backdrop-filter:blur(2px);display:none}
  .mobile-backdrop.show{display:block}
  .app.nav-drawer-open::after{display:none!important}
  .chat-layout,.chat-frame,.conversation-canvas{width:100%;min-width:0}
  .chat-top{min-width:0;gap:8px}
  .chat-tools{min-width:0;max-width:55vw}
  .chat-tools .model-control{min-width:0;max-width:42vw}
  .chat-model-trigger{min-width:0;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .message-stack{width:100%;min-width:0}
  .message-stack>*{min-width:0;max-width:100%}
  .composer-zone{padding-left:14px;padding-right:14px}
  .composer{width:100%;min-width:0;max-width:100%}
}

@media (max-width:560px){
  .app:not(.immersive-center) .topbar{padding:0 8px}
  .app:not(.immersive-center) .topbar-left,.app:not(.immersive-center) .topbar-right{gap:6px}
  .app:not(.immersive-center) .breadcrumbs{font-size:11px}
  .view-header{padding:18px 14px 12px}
  .view-header h1{font-size:25px}
  .view-actions{display:grid;grid-template-columns:1fr 1fr}
  .view-actions>*{width:100%;justify-content:center}
  .content-scroll{padding:0 14px 24px}
  .kpi-grid{grid-template-columns:1fr 1fr;padding-left:14px;padding-right:14px}
  .workspace-summary{grid-template-columns:1fr}
  .invite-row,.role-card{grid-template-columns:1fr}
  .usage-table{min-width:0}
  .table-wrap .usage-table,.table-wrap .data-table{min-width:620px}
  .chat-tools{max-width:50vw}
  .chat-tools .model-control{max-width:36vw}
  .chat-model-trigger{max-width:36vw}
  .composer-model-control{max-width:42vw}
}

@media (max-width:390px){
  .app:not(.immersive-center) .breadcrumbs strong{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .icon-button{min-width:44px;min-height:44px}
  .chat-top{padding-left:10px;padding-right:10px}
  .chat-tools .model-control{max-width:31vw}
  .chat-model-trigger{max-width:31vw}
  .composer-zone{padding-left:10px;padding-right:10px}
  .view-actions{grid-template-columns:1fr}
}

/* Immersive centers keep their own full-viewport workspace but still collapse cleanly. */
@media (max-width:820px){
  .app.immersive-center .main{inset:0;width:100%!important;margin:0!important}
  .app.immersive-center .view-host{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}
  .app.immersive-center .mobile-menu{display:grid!important}
  .app.immersive-center .sidebar-toggle{display:none!important}
}

/* v1.53.2 initial-entry responsive contract
   Final override layer for first-load chat, authentication and public landing surfaces. */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;min-width:0}
body{overflow:hidden}
.app,.main,.view-host,.view,.chat-layout,.chat-frame,.conversation-canvas,.composer-zone,.composer,.auth-shell,.landing-preview-wrap,.landing-page{min-width:0;max-width:100%}
.main{width:calc(100% - var(--sidebar));}
.chat-top{min-width:0;max-width:100%}
.chat-top-left,.chat-top-right,.topbar-left,.topbar-right{min-width:0}
.chat-top .conversation-name,.chat-top .chat-context{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-tools{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;flex:0 1 auto;scrollbar-width:none}
.chat-tools::-webkit-scrollbar{display:none}
.chat-tools>*{flex:0 0 auto}
.conversation-canvas{width:100%;max-width:100%;padding-inline:clamp(12px,5vw,40px)}
.welcome-row,.message-stack{width:min(880px,100%);max-width:100%;min-width:0}
.welcome-row>*{min-width:0}
.welcome-copy-block{min-width:0;max-width:100%}
.welcome-row h1,.welcome-copy{overflow-wrap:anywhere;word-break:normal}
.suggestions{width:100%;max-width:100%;min-width:0}
.suggestion{min-width:0}
.suggestion span,.suggestion strong,.suggestion small{min-width:0}
.composer-zone{width:100%;max-width:100%;padding-inline:clamp(10px,5vw,120px)}
.composer{width:100%;max-width:100%;min-width:0}
.composer textarea{min-width:0;max-width:100%;overflow-wrap:anywhere}
.composer-toolbar{min-width:0;flex-wrap:wrap}
.toolbar-left,.toolbar-right{min-width:0;max-width:100%}
.toolbar-note,.credit-note{white-space:normal;overflow-wrap:anywhere}
.auth-shell{width:100%;max-width:100%;min-height:100dvh}
.auth-center{min-width:0;width:100%}
.auth-card{max-width:520px;min-width:0}
.auth-card-head h1,.auth-card-head p,.auth-side-copy h2,.auth-side-copy>p,.auth-trust-list span{overflow-wrap:anywhere}
.landing-preview-wrap{width:100%;max-width:100%;overflow:auto}
.landing-page{width:100%;max-width:100%}
.landing-nav-full{min-width:0;flex-wrap:wrap}
.landing-brand{min-width:0}
.landing-brand strong{white-space:nowrap}
.landing-auth-actions{min-width:0;flex-wrap:wrap}
.landing-hero-full{min-width:0}
.landing-hero-copy,.landing-product-shot,.landing-security>div,.landing-cta-final>div{min-width:0;max-width:100%}
.landing-hero-copy h2,.landing-hero-copy>p,.landing-security h3,.landing-cta-final h3{overflow-wrap:anywhere}
.landing-product-shot{width:100%;overflow:hidden}
.proof-strip,.landing-footer{min-width:0;flex-wrap:wrap}
.proof-strip>div,.proof-stats span{min-width:0}
.feature-grid,.landing-security{min-width:0}
.feature-card{min-width:0}

@media (max-width: 820px){
  .main{width:100%;margin-left:0}
  .chat-top{padding:12px 12px 8px;gap:8px;align-items:flex-start}
  .chat-top-left{min-width:0;flex:1 1 auto}
  .chat-top-right{min-width:0;flex:0 1 auto}
  .chat-tools{max-width:min(56vw,420px)}
  .conversation-canvas{padding:8px 12px 4px;align-items:flex-start}
  .welcome-row{padding:10px 2px 2px;text-align:left;justify-items:stretch}
  .welcome-copy-block{justify-items:start}
  .welcome-row h1{font-size:clamp(28px,6.2vw,34px);line-height:1.06}
  .suggestions{grid-template-columns:1fr;gap:8px;margin-top:20px}
  .composer-zone{padding:8px 12px 10px}
  .composer-toolbar{gap:8px}
  .toolbar-left{flex:1 1 auto;min-width:0}
  .toolbar-right{flex:0 0 auto}
  .composer-model-control{max-width:45vw;min-width:0}
  .model-inline{max-width:100%;min-width:0}
  .model-inline span,.model-inline small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .auth-center{padding:78px 16px 32px;place-items:start center;overflow:auto}
  .auth-card{width:min(100%,520px);padding:24px 20px}
  .auth-card-head h1{font-size:clamp(28px,7vw,32px)}
  .landing-nav-full{padding:14px 16px;gap:12px}
  .landing-nav-full nav{display:none}
  .landing-auth-actions{margin-left:auto}
  .landing-hero-full{grid-template-columns:1fr;padding:40px 20px 34px;gap:24px}
  .landing-hero-copy h2{font-size:clamp(38px,10vw,54px);max-width:100%}
  .landing-product-shot{max-width:100%}
  .shot-body{grid-template-columns:34px minmax(0,1fr)}
  .shot-side{min-height:190px}
  .shot-main{min-width:0;padding:12px}
  .proof-strip{align-items:flex-start;padding:18px 20px}
  .proof-stats{width:100%;gap:10px;justify-content:space-between}
  .landing-features,.landing-security,.landing-cta-final{padding:44px 20px}
  .feature-grid{grid-template-columns:1fr}
  .landing-security{grid-template-columns:1fr;gap:24px}
  .landing-cta-final{flex-direction:column;align-items:flex-start}
  .landing-cta-final .landing-primary{width:auto;max-width:100%}
  .landing-footer{padding:18px 20px}
}

@media (max-width: 560px){
  .topbar{padding:0 10px}
  .breadcrumbs{max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .chat-top{padding:10px 10px 6px}
  .chat-context{display:none}
  .chat-tools{max-width:52vw;gap:6px}
  .conversation-canvas{padding:4px 10px 0}
  .welcome-row{padding-top:6px}
  .assistant-mark{width:38px;height:38px}
  .welcome-row h1{font-size:clamp(27px,8vw,30px);letter-spacing:-.04em}
  .welcome-copy{font-size:13px;line-height:1.55}
  .suggestion{padding:11px 12px}
  .composer-zone{padding:7px 10px 9px}
  .composer{border-radius:15px;padding:9px 10px 9px}
  .composer textarea{font-size:15px;min-height:56px;height:56px}
  .composer-toolbar{align-items:flex-end}
  .toolbar-left{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .toolbar-left::-webkit-scrollbar{display:none}
  .toolbar-note,.credit-note{display:none}
  .composer-model-control{max-width:48vw}
  .composer-icon{width:32px;height:32px;flex:0 0 32px}
  .send-button{width:36px;height:36px;flex:0 0 36px}
  .auth-brand{left:12px;top:12px}
  .auth-center{padding:68px 10px 24px}
  .auth-card{padding:20px 16px;border-radius:16px}
  .oauth-button{min-height:46px}
  .auth-row{flex-direction:column;align-items:flex-start}
  .auth-side{display:none}
  .landing-nav-full{padding:12px}
  .landing-brand{flex:1 1 100%}
  .landing-auth-actions{width:100%;margin-left:0;justify-content:stretch}
  .landing-auth-actions>*{flex:1 1 0;min-width:0}
  .landing-hero-full{padding:30px 14px 26px}
  .landing-hero-copy h2{font-size:clamp(32px,11vw,40px)}
  .landing-hero-copy>p{font-size:15px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .landing-primary,.landing-secondary{width:100%;justify-content:center}
  .shot-body{grid-template-columns:28px minmax(0,1fr)}
  .shot-side{min-height:150px}
  .shot-card{height:90px}
  .proof-strip,.landing-features,.landing-security,.landing-cta-final{padding-left:14px;padding-right:14px}
  .proof-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .landing-footer{padding-left:14px;padding-right:14px}
}

/* Boot resilience: never leave the workspace blank when the runtime is recovering. */
.initial-chat-fallback{display:grid!important;grid-template-rows:auto minmax(0,1fr);height:100%;min-width:0;background:var(--bg)}
.boot-error-banner{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:5000;display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:12px;background:var(--surface);box-shadow:var(--shadow);font-size:12px;max-width:min(92vw,640px)}
.boot-error-banner span{color:var(--muted)}
.boot-recovery{display:grid;place-items:center;padding:28px;overflow:auto}
.boot-recovery-card{width:min(620px,100%);padding:28px;border:1px solid var(--border);background:var(--surface);border-radius:18px;box-shadow:var(--shadow)}
.boot-recovery-card h1{margin:5px 0 8px;font-size:28px;letter-spacing:-.03em}
.boot-recovery-card p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.6;font-size:14px}
.boot-recovery-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.boot-recovery-detail{display:block;margin-top:14px;color:var(--faint);font-family:var(--mono);font-size:10px;overflow-wrap:anywhere}
@media(max-width:560px){.boot-recovery{padding:16px}.boot-recovery-card{padding:20px;border-radius:15px}.boot-recovery-actions>*{width:100%;justify-content:center}.boot-error-banner{left:10px;right:10px;transform:none;max-width:none}}

/* Unified Center layout and responsive contract */
.center-shell{width:min(1680px,100%);margin:0 auto;padding:24px 30px 34px;min-width:0;box-sizing:border-box}.center-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:22px;align-items:stretch;padding:26px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm)}.center-hero h1{margin:5px 0 10px;font-size:clamp(30px,3.5vw,46px);line-height:1.04;letter-spacing:-.045em}.center-hero p{max-width:840px;color:var(--muted);line-height:1.6}.center-hero-stat{padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;gap:5px}.center-hero-stat strong{font-size:34px;letter-spacing:-.04em}.center-hero-stat span,.center-hero-stat small{color:var(--muted)}.center-hero-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;flex-wrap:wrap}.center-tabs{display:flex;gap:6px;overflow:auto;padding:14px 0;scrollbar-width:none}.center-tabs::-webkit-scrollbar{display:none}.center-tab{flex:0 0 auto;border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:10px 13px;border-radius:10px;font-weight:700;cursor:pointer}.center-tab.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.center-main-grid{margin-top:4px}.center-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.center-tool{display:grid;gap:5px;text-align:left;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink);cursor:pointer;min-width:0}.center-tool:hover,.center-tool.selected{border-color:var(--accent);background:var(--surface-2)}.center-tool strong{font-size:14px}.center-tool small{font-size:11px;line-height:1.45;color:var(--muted)}.center-stepper{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:4px 0 20px}.center-step{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:9px 7px;border-radius:10px;display:grid;gap:4px;text-align:left;min-width:0}.center-step.active{border-color:var(--accent);color:var(--ink);background:var(--surface-2)}.center-step>span{font-size:10px;font-weight:800}.center-step strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.center-form-grid label{display:grid;gap:6px;min-width:0;font-size:12px;font-weight:700}.center-form-grid input,.center-form-grid textarea{min-width:0;width:100%;box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px;color:var(--ink)}.center-muted{font-size:11px!important;color:var(--muted)!important;line-height:1.45}.check-list{display:grid;gap:10px;color:var(--muted);font-size:12px}.ads-center-view,.student-center-view{height:100%;overflow:auto}.immersive-center .document-view{min-height:100dvh;height:auto;overflow:auto;box-sizing:border-box}.immersive-center .blog-studio-view{min-height:100dvh;height:auto;box-sizing:border-box}.immersive-center .document-view .content-scroll{overflow:visible;max-height:none}.immersive-center .blog-studio-view .blog-studio-shell{min-height:auto}
@media(max-width:1000px){.center-shell{padding:20px 18px 30px}.center-hero{grid-template-columns:1fr}.center-stepper{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.center-shell{padding:14px 12px 24px}.center-tool-grid,.center-form-grid{grid-template-columns:1fr}.center-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.center-hero{padding:18px;border-radius:15px}.center-hero h1{font-size:28px}.center-hero-actions{justify-content:flex-start}.center-tabs{padding:10px 0}.center-tab{padding:9px 11px}.center-step strong{font-size:9px}}
@media(max-width:430px){.center-shell{padding:10px 9px 20px}.center-hero{padding:15px}.center-hero h1{font-size:25px}.center-hero-stat{padding:15px}.center-hero-stat strong{font-size:28px}.center-step{padding:8px 6px}}

/* Admin Settings focused UX refresh */
.admin-settings-shell{display:grid;gap:16px;max-width:1240px;margin:0 auto;padding-bottom:96px}
.admin-settings-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:6px 0 4px}
.admin-settings-hero-copy{min-width:0}.admin-settings-hero-copy h2{margin:7px 0 6px;font-size:30px;line-height:1.08;letter-spacing:-.035em}.admin-settings-hero-copy>p{max-width:760px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.eyebrow-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-settings-hero-meta{display:grid;justify-items:end;gap:6px;flex:0 0 auto}.admin-settings-save-state{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid var(--border);font-size:11px;font-weight:800;background:var(--surface)}.admin-settings-save-state i{width:7px;height:7px;border-radius:50%;display:block;background:currentColor}.admin-settings-save-state.saved{color:var(--success)}.admin-settings-save-state.dirty{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 28%,var(--border));background:color-mix(in srgb,var(--warning) 5%,var(--surface))}.settings-meta{font-size:10px;color:var(--faint)}
.admin-settings-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-settings-stat{min-width:0;padding:14px 15px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,var(--surface),var(--surface-2));display:grid;gap:4px}.admin-settings-stat span{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.admin-settings-stat strong{font-size:18px;letter-spacing:-.02em;color:var(--ink)}.admin-settings-stat small{font-size:10px;line-height:1.45;color:var(--muted)}
.admin-settings-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:16px;align-items:start}.admin-settings-main,.admin-settings-side{display:grid;gap:16px;min-width:0}.settings-policy-card,.settings-session-card,.settings-effects-card,.settings-side-card{overflow:hidden}.settings-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:14px;border-bottom:1px solid var(--border)}.settings-section-heading h3,.settings-side-card h3{margin:3px 0 4px}.settings-section-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px;line-height:1.55;max-width:680px}.settings-policy-list{display:grid}.settings-policy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:17px 2px;border-bottom:1px solid var(--border);transition:background .15s ease}.settings-policy-row:last-child{border-bottom:0}.settings-policy-row:hover,.settings-policy-row.changed{background:color-mix(in srgb,var(--accent) 3%,transparent)}.settings-policy-copy{display:grid;gap:4px;min-width:0}.settings-policy-copy strong{font-size:13px;color:var(--ink)}.settings-policy-copy span{font-size:11px;line-height:1.5;color:var(--muted);max-width:720px}.switch{flex:0 0 auto}
.settings-section-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--border);color:var(--muted);font-weight:800}.settings-session-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:12px;margin-top:14px}.settings-session-select{display:grid;gap:7px}.settings-session-select label{font-size:11px;font-weight:800;color:var(--ink)}.settings-session-select select{width:100%;min-height:42px;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:11px;padding:10px 12px;font:inherit;outline:0}.settings-session-select select:focus{border-color:color-mix(in srgb,var(--accent) 50%,var(--border-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.settings-session-note{display:grid;align-content:center;gap:4px;padding:12px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border)}.settings-session-note strong{font-size:11px}.settings-session-note span{font-size:10px;line-height:1.45;color:var(--muted)}
.settings-effect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.settings-effect-grid>div{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.settings-effect-grid strong{display:block;font-size:11px}.settings-effect-grid small{display:block;margin-top:3px;font-size:10px;line-height:1.45;color:var(--muted)}.settings-effect-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.settings-effect-dot.good{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 10%,transparent)}
.settings-side-heading{display:flex;align-items:center;gap:10px}.settings-side-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--success) 9%,var(--surface-2));border:1px solid color-mix(in srgb,var(--success) 22%,var(--border));color:var(--success);font-weight:900}.settings-status-list{display:grid;margin-top:14px}.settings-status-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);font-size:11px}.settings-status-list>div:last-child{border-bottom:0}.settings-status-list span{color:var(--muted)}.settings-status-list strong{color:var(--ink)}.settings-status-list .status-good{color:var(--success)}.settings-status-list .status-warn{color:var(--warning)}.settings-audit-card{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--accent) 3%,var(--surface)))}.settings-checklist{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.settings-checklist li{position:relative;padding-left:19px;color:var(--muted);font-size:10px;line-height:1.5}.settings-checklist li::before{content:'✓';position:absolute;left:0;top:0;color:var(--success);font-weight:900}
.admin-settings-savebar{position:sticky;bottom:14px;z-index:20;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);border-radius:15px;box-shadow:0 14px 38px rgba(0,0,0,.12);opacity:.78}.admin-settings-savebar.visible{border-color:color-mix(in srgb,var(--accent) 26%,var(--border));opacity:1}.admin-settings-savebar>div:first-child{display:grid;gap:3px;min-width:0}.admin-settings-savebar strong{font-size:11px}.admin-settings-savebar span{font-size:10px;color:var(--muted)}.admin-settings-save-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}.admin-settings-save-actions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1000px){.admin-settings-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-settings-layout{grid-template-columns:1fr}.admin-settings-side{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-settings-hero-meta{justify-items:start}}
@media(max-width:680px){.admin-settings-shell{padding-bottom:82px}.admin-settings-hero{display:grid}.admin-settings-hero-copy h2{font-size:24px}.admin-settings-summary{grid-template-columns:1fr 1fr}.admin-settings-side{grid-template-columns:1fr}.settings-session-control,.settings-effect-grid{grid-template-columns:1fr}.admin-settings-savebar{align-items:stretch;flex-direction:column}.admin-settings-save-actions{display:grid;grid-template-columns:1fr 1fr}.admin-settings-save-actions button{width:100%}.settings-policy-row{padding:14px 0;grid-template-columns:minmax(0,1fr) auto}.admin-settings-stat{padding:12px}.admin-settings-stat strong{font-size:16px}}
@media(max-width:420px){.admin-settings-summary{grid-template-columns:1fr}.settings-policy-copy strong{font-size:12px}.settings-policy-copy span{font-size:10px}.admin-settings-save-actions{grid-template-columns:1fr}.admin-settings-savebar{bottom:8px}.admin-settings-hero-copy h2{font-size:22px}}
.di-collection-selector{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;margin-bottom:16px;position:sticky;top:0;z-index:4;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px)}
.di-collection-selector>div:first-child{min-width:0}.di-collection-selector strong,.di-collection-selector small{display:block}.di-collection-selector strong{font-size:14px}.di-collection-selector small{color:var(--muted);margin-top:3px}.di-selector-actions{display:flex;gap:8px;align-items:center}.di-selector-actions select{min-width:210px}.di-modal textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;resize:vertical}.di-modal label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--text)}.di-modal label input,.di-modal label select{width:100%;box-sizing:border-box}.di-primary-tabs button{cursor:pointer}
@media(max-width:820px){.di-collection-selector{align-items:stretch;flex-direction:column}.di-selector-actions{flex-direction:column;align-items:stretch}.di-selector-actions select{min-width:0;width:100%}}

/* IMMERSIVE CENTER MASTER SHELL v1.53.2-r3
 * All immersive Centers/Studios share the same spatial contract as the Webinar Center reference.
 * Full-width control header, wide centered content, no accidental 1680px clipping, and responsive collapse.
 */
.app.immersive-center{background:var(--bg);color:var(--ink)}
.app.immersive-center .main{background:var(--bg);min-width:0}
.app.immersive-center .view-host{height:100dvh!important;min-height:100dvh;overflow:auto!important;padding-top:64px;scrollbar-gutter:stable}
.app.immersive-center .view-host>.view{height:auto!important;min-height:calc(100dvh - 64px);overflow:visible!important}
.app.immersive-center .center-shell,
.app.immersive-center .blog-studio-shell,
.app.immersive-center .resume-studio-shell,
.app.immersive-center .di-center-scroll,
.app.immersive-center .music-studio-view{width:min(1880px,calc(100% - 48px));max-width:1880px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.app.immersive-center .center-shell{padding:28px 0 46px}
.app.immersive-center .blog-studio-shell{padding:28px 0 52px}
.app.immersive-center .resume-studio-shell{padding:28px 0 120px}
.app.immersive-center .di-center-scroll{padding:0 0 46px;overflow:visible;max-height:none}
.app.immersive-center .music-studio-view{padding:0 0 46px;height:auto;overflow:visible}
.app.immersive-center .document-view>.view-header{width:min(1880px,calc(100% - 48px));max-width:1880px;margin:0 auto;padding:28px 0 16px}
.app.immersive-center .document-view>.di-primary-tabs{width:100%;padding-left:max(24px,calc((100% - 1880px)/2));padding-right:max(24px,calc((100% - 1880px)/2));box-sizing:border-box}
.app.immersive-center .document-view>.di-center-scroll>*{max-width:100%}
.app.immersive-center .document-view>.di-center-scroll>.di-collection-selector,
.app.immersive-center .document-view>.di-center-scroll>.di-command-bar,
.app.immersive-center .document-view>.di-center-scroll>.di-kpi-strip,
.app.immersive-center .document-view>.di-center-scroll>.content-grid,
.app.immersive-center .document-view>.di-center-scroll>.di-analytics-head,
.app.immersive-center .document-view>.di-center-scroll>.di-tab-heading,
.app.immersive-center .document-view>.di-center-scroll>.di-report-header,
.app.immersive-center .document-view>.di-center-scroll>.di-report-nav,
.app.immersive-center .document-view>.di-center-scroll>.di-runbar{width:100%;max-width:1880px;margin-left:auto;margin-right:auto}

.immersive-controls-host{position:fixed!important;inset:0 0 auto 0!important;z-index:500!important;transform:none!important;width:100%!important;pointer-events:none}
.immersive-control-bar{width:100%!important;min-height:64px!important;padding:0 18px!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;box-shadow:0 8px 24px rgba(43,35,25,.08)!important;backdrop-filter:blur(18px) saturate(1.05)!important;display:grid!important;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important;align-items:center!important;gap:18px!important}
.immersive-brand{display:flex;align-items:center;gap:10px;min-width:0}
.immersive-brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:var(--bg);font-weight:900;flex:0 0 auto}
.immersive-brand-copy{display:grid;gap:1px;min-width:0}.immersive-brand-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.immersive-brand-copy small{font-size:10px;color:var(--muted)}
.immersive-title{justify-self:center;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;min-width:0}.immersive-title strong{font-size:13px;white-space:nowrap}.immersive-title small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.immersive-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent);flex:0 0 auto}
.immersive-control-group{justify-self:end;display:flex;align-items:center;gap:6px;padding-left:0;border-left:0}
.immersive-control{height:40px;min-width:40px;width:auto;padding:0 12px;border:1px solid var(--border)!important;border-radius:11px!important;background:var(--surface)!important;color:var(--ink);display:inline-flex!important;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:12px;font-weight:800}
.immersive-control:hover{background:var(--surface-2)!important}.immersive-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.immersive-mode-indicator{border-color:transparent!important;background:var(--surface-2)!important;color:var(--muted)}.immersive-mode-indicator:first-letter{color:var(--success)}.immersive-exit{color:var(--accent)!important}.immersive-control-bar.is-minimized{grid-template-columns:1fr auto!important}.immersive-control-bar.is-minimized .immersive-brand-copy,.immersive-control-bar.is-minimized .immersive-title{display:none}

/* Normalize all legacy studio shells into the same card/hero rhythm. */
.app.immersive-center .center-hero{border-radius:24px;padding:30px 34px;background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-md)}
.app.immersive-center .center-hero h1{font-size:clamp(38px,4.1vw,72px);max-width:1200px}
.app.immersive-center .center-hero p{max-width:920px;font-size:15px}
.app.immersive-center .center-tabs{padding:14px 0 16px}
.app.immersive-center .center-tab{padding:10px 15px;border-radius:11px}
.app.immersive-center .content-grid{width:100%;max-width:100%;}
.app.immersive-center .card{min-width:0}
.app.immersive-center .blog-studio-header{padding:6px 0 20px}
.app.immersive-center .blog-studio-header h1{font-size:clamp(38px,4.1vw,64px);max-width:1120px}
.app.immersive-center .blog-wizard-progress{position:sticky;top:0;padding:10px 0 14px;background:linear-gradient(180deg,var(--bg) 86%,transparent);z-index:30}
.app.immersive-center .resume-studio-header h1{font-size:clamp(38px,4vw,64px);max-width:1100px}
.app.immersive-center .resume-layout{grid-template-columns:minmax(0,1fr) 360px}
.app.immersive-center .music-studio-head{padding:8px 0 14px}
.app.immersive-center .music-head-copy h1{font-size:clamp(38px,4vw,64px);max-width:1100px}
.app.immersive-center .music-toolbar{top:0}
.app.immersive-center .di-command-bar h2{font-size:clamp(38px,4vw,64px);max-width:1100px}
.app.immersive-center .di-kpi-strip{grid-template-columns:repeat(6,minmax(0,1fr))}
.app.immersive-center .di-primary-tabs{top:0}

/* Webinar Center reference shell */
.webinar-center-view{background:var(--bg)}
.webinar-center-shell{width:min(1880px,calc(100% - 48px));margin:0 auto;padding:18px 0 48px;box-sizing:border-box;display:grid;gap:14px}
.webinar-center-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.75fr);gap:28px;padding:38px 42px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-md);align-items:end}
.webinar-hero-copy{min-width:0}.webinar-hero-copy h1{margin:8px 0 12px;font-size:clamp(40px,4.7vw,74px);line-height:1.02;letter-spacing:-.05em;max-width:980px}.webinar-hero-copy>p:not(.eyebrow){margin:0;max-width:980px;color:var(--muted);font-size:16px;line-height:1.55}.webinar-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.webinar-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.webinar-hero-stats>div{padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);display:grid;gap:3px;min-width:0}.webinar-hero-stats span,.webinar-hero-stats small{color:var(--muted);font-size:11px}.webinar-hero-stats strong{font-size:24px;letter-spacing:-.03em}.webinar-center-tabs{display:flex;align-items:center;gap:4px;overflow:auto;border-bottom:1px solid var(--border);background:var(--surface);padding:0 14px;min-height:50px}.webinar-center-tab{padding:14px 16px;border-bottom:2px solid transparent;color:var(--muted);font-weight:750;white-space:nowrap}.webinar-center-tab.active{color:var(--ink);border-bottom-color:var(--accent)}.webinar-health{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);white-space:nowrap;padding-left:12px}.webinar-health i,.health-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent)}.webinar-event-list{display:grid;gap:9px}.webinar-event-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 15px;border:1px solid var(--border);border-radius:13px;background:var(--surface);text-align:left}.webinar-event-row:hover{background:var(--surface-2);border-color:var(--border-strong)}.webinar-event-row>div{display:grid;gap:4px;min-width:0}.webinar-event-row span{color:var(--muted);font-size:11px}.webinar-center-grid{margin-top:0}.health-list{display:grid;gap:10px}.health-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.health-list>div>div{display:grid;gap:2px}.health-list small,.health-list em{font-size:10px;color:var(--muted);font-style:normal}.health-list em{color:var(--success);font-weight:800}.webinar-knowledge-list{display:grid;gap:8px}.webinar-knowledge-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.webinar-knowledge-row>div{display:grid;gap:3px}.webinar-knowledge-row span{font-size:11px;color:var(--muted)}.webinar-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}.repurpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.repurpose-grid .card{box-shadow:none}

@media(max-width:1100px){
 .app.immersive-center .center-hero{grid-template-columns:1fr;padding:26px}.app.immersive-center .di-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.app.immersive-center .resume-layout{grid-template-columns:1fr}.webinar-center-hero{grid-template-columns:1fr}.webinar-center-hero h1{max-width:1100px}
}
@media(max-width:760px){
 .app.immersive-center .view-host{padding-top:58px}.app.immersive-center .center-shell,.app.immersive-center .blog-studio-shell,.app.immersive-center .resume-studio-shell,.app.immersive-center .di-center-scroll,.app.immersive-center .music-studio-view,.app.immersive-center .document-view>.view-header{width:calc(100% - 24px)}
 .immersive-control-bar{min-height:58px!important;grid-template-columns:1fr auto!important;padding:0 10px!important;gap:8px!important}.immersive-title{display:none}.immersive-brand-copy small{display:none}.immersive-control{height:38px;min-width:38px;padding:0 9px}.immersive-control span{display:none}.immersive-mode-indicator{display:none!important}.immersive-control-bar.is-minimized{grid-template-columns:1fr auto!important}
 .app.immersive-center .center-hero{padding:20px;border-radius:18px}.app.immersive-center .center-hero h1,.app.immersive-center .blog-studio-header h1,.app.immersive-center .resume-studio-header h1,.app.immersive-center .music-head-copy h1,.app.immersive-center .di-command-bar h2{font-size:clamp(30px,8.5vw,46px)}.app.immersive-center .di-kpi-strip{grid-template-columns:1fr 1fr}.webinar-center-shell{width:calc(100% - 24px);padding-top:10px}.webinar-center-hero{padding:24px 20px;border-radius:18px}.webinar-hero-copy h1{font-size:clamp(34px,9vw,52px)}.webinar-hero-actions{display:grid;grid-template-columns:1fr}.webinar-hero-actions>*{width:100%;justify-content:center}.webinar-hero-stats{grid-template-columns:1fr 1fr}.webinar-center-tabs{margin:0 -2px;padding:0 6px}.webinar-center-tab{padding:12px 11px;font-size:11px}.webinar-health{display:none}.webinar-config-grid,.repurpose-grid{grid-template-columns:1fr}
}
@media(max-width:430px){.app.immersive-center .di-kpi-strip{grid-template-columns:1fr}.webinar-hero-stats{grid-template-columns:1fr}.webinar-center-shell{width:calc(100% - 18px)}}

/* IMMERSIVE CENTER POLISH v1.53.2-r4 — visual contract aligned to Webinar Center reference */
.app.immersive-center .ads-center-view,
.app.immersive-center .student-center-view,
.app.immersive-center .document-view,
.app.immersive-center .blog-studio-view,
.app.immersive-center .music-studio-view,
.app.immersive-center .resume-studio-view{background:transparent!important}
.app.immersive-center .document-view>.view-header,
.app.immersive-center .blog-studio-header,
.app.immersive-center .music-studio-head,
.app.immersive-center .resume-studio-header{border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-md)}
.app.immersive-center .document-view>.view-header{padding:34px 42px;margin-top:18px;margin-bottom:12px}
.app.immersive-center .blog-studio-header{padding:34px 42px;margin:18px auto 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.app.immersive-center .music-studio-head{padding:34px 42px;margin:18px auto 12px}
.app.immersive-center .resume-studio-header{padding:34px 42px;margin:18px auto 12px}
.app.immersive-center .blog-wizard-progress{background:linear-gradient(180deg,var(--bg) 88%,transparent);padding:10px 0 14px}
.app.immersive-center .resume-progress-note{margin:0 auto 14px;width:min(1880px,100%);padding:0 2px;color:var(--muted)}
.immersive-controls-host{inset:16px 18px auto 18px!important;width:auto!important}
.immersive-control-bar{border:1px solid var(--border)!important;border-radius:16px!important;min-height:60px!important;padding:0 14px!important}
@media(max-width:760px){
 .immersive-controls-host{inset:8px 8px auto 8px!important}
 .immersive-control-bar{min-height:54px!important;border-radius:13px!important}
 .app.immersive-center .document-view>.view-header,.app.immersive-center .blog-studio-header,.app.immersive-center .music-studio-head,.app.immersive-center .resume-studio-header{padding:22px 18px;margin-top:10px;border-radius:18px;grid-template-columns:1fr}
}

/* IMMERSIVE CENTER ROOT OFFSET FIX v1.53.2-r6
 * The base shell keeps .main fixed against --sidebar. Immersive mode hides the
 * sidebar but must also reset the fixed left/right anchors; otherwise every
 * Center/Studio starts at the old sidebar offset and renders clipped/off-screen.
 */
.app.immersive-center .main{
  left:0!important;
  right:0!important;
  margin-left:0!important;
  width:100%!important;
}
.app.immersive-center .view-host,
.app.immersive-center .view{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  min-width:0!important;
}
/* IMMERSIVE CENTER FULL-VIEWPORT LAYOUT CONTRACT v1.53.2-r5
 * Prevent legacy max-width/nested-centering rules from creating narrow or clipped
 * workspaces. Every Center/Studio gets the full available viewport with one
 * consistent inset, while internal cards remain responsive.
 */
.app.immersive-center .main,
.app.immersive-center .view-host,
.app.immersive-center .view{width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
.app.immersive-center .view-host{padding-left:0!important;padding-right:0!important;overflow-x:hidden!important}
.app.immersive-center .view-host>.view{align-self:stretch}

.app.immersive-center .center-shell,
.app.immersive-center .blog-studio-shell,
.app.immersive-center .resume-studio-shell,
.app.immersive-center .webinar-center-shell,
.app.immersive-center .music-studio-view,
.app.immersive-center .document-view{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}

.app.immersive-center .center-shell,
.app.immersive-center .blog-studio-shell,
.app.immersive-center .resume-studio-shell,
.app.immersive-center .webinar-center-shell{padding-left:clamp(22px,3.5vw,64px)!important;padding-right:clamp(22px,3.5vw,64px)!important}
.app.immersive-center .music-studio-view{padding-left:clamp(22px,3.5vw,64px)!important;padding-right:clamp(22px,3.5vw,64px)!important}
.app.immersive-center .document-view>.view-header,
.app.immersive-center .document-view>.di-center-scroll,
.app.immersive-center .document-view>.di-primary-tabs{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
.app.immersive-center .document-view>.view-header{padding-left:clamp(22px,3.5vw,64px)!important;padding-right:clamp(22px,3.5vw,64px)!important}
.app.immersive-center .document-view>.di-center-scroll{padding-left:clamp(22px,3.5vw,64px)!important;padding-right:clamp(22px,3.5vw,64px)!important}
.app.immersive-center .document-view>.di-primary-tabs{padding-left:clamp(22px,3.5vw,64px)!important;padding-right:clamp(22px,3.5vw,64px)!important}

/* Fill the available line without horizontal clipping. */
.app.immersive-center .center-hero,
.app.immersive-center .center-tabs,
.app.immersive-center .center-main-grid,
.app.immersive-center .blog-studio-header,
.app.immersive-center .blog-wizard-progress,
.app.immersive-center .blog-wizard-intro,
.app.immersive-center .blog-brief-layout,
.app.immersive-center .resume-studio-header,
.app.immersive-center .resume-progress-note,
.app.immersive-center .resume-body,
.app.immersive-center .resume-sticky-actions,
.app.immersive-center .webinar-center-hero,
.app.immersive-center .webinar-center-tabs,
.app.immersive-center .webinar-center-grid,
.app.immersive-center .music-studio-head,
.app.immersive-center .music-toolbar,
.app.immersive-center .music-progress,
.app.immersive-center .music-content,
.app.immersive-center .music-footer{width:100%;max-width:none;box-sizing:border-box}

/* Keep the reference geometry spacious but never force a desktop grid to overflow. */
.app.immersive-center .center-main-grid,
.app.immersive-center .webinar-center-grid,
.app.immersive-center .resume-body,
.app.immersive-center .music-content{min-width:0}
.app.immersive-center .content-grid>*{min-width:0}
.app.immersive-center .center-hero-stat,
.app.immersive-center .webinar-hero-stats{min-width:0}
.app.immersive-center .creative-layout,
.app.immersive-center .creative-section-grid,
.app.immersive-center .blog-brief-layout,
.app.immersive-center .resume-layout,
.app.immersive-center .music-step-grid,
.app.immersive-center .music-review-grid{min-width:0}

@media(max-width:1100px){
  .app.immersive-center .center-shell,
  .app.immersive-center .blog-studio-shell,
  .app.immersive-center .resume-studio-shell,
  .app.immersive-center .webinar-center-shell,
  .app.immersive-center .music-studio-view,
  .app.immersive-center .document-view>.view-header,
  .app.immersive-center .document-view>.di-center-scroll,
  .app.immersive-center .document-view>.di-primary-tabs{padding-left:22px!important;padding-right:22px!important}
}
@media(max-width:760px){
  .app.immersive-center .view-host{padding-top:58px!important}
  .app.immersive-center .center-shell,
  .app.immersive-center .blog-studio-shell,
  .app.immersive-center .resume-studio-shell,
  .app.immersive-center .webinar-center-shell,
  .app.immersive-center .music-studio-view,
  .app.immersive-center .document-view>.view-header,
  .app.immersive-center .document-view>.di-center-scroll,
  .app.immersive-center .document-view>.di-primary-tabs{padding-left:14px!important;padding-right:14px!important}
  .app.immersive-center .center-main-grid,
  .app.immersive-center .webinar-center-grid,
  .app.immersive-center .resume-layout,
  .app.immersive-center .music-step-grid,
  .app.immersive-center .music-review-grid,
  .app.immersive-center .creative-layout,
  .app.immersive-center .creative-section-grid{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  .app.immersive-center .center-shell,
  .app.immersive-center .blog-studio-shell,
  .app.immersive-center .resume-studio-shell,
  .app.immersive-center .webinar-center-shell,
  .app.immersive-center .music-studio-view,
  .app.immersive-center .document-view>.view-header,
  .app.immersive-center .document-view>.di-center-scroll,
  .app.immersive-center .document-view>.di-primary-tabs{padding-left:10px!important;padding-right:10px!important}
}

.agent-editor{min-height:calc(100vh - 92px);margin:-18px -18px 0;background:var(--surface);padding-bottom:40px}.agent-editor-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px)}.agent-editor-topbar h1{margin:3px 0;font-size:28px;letter-spacing:-.02em}.agent-editor-grid{max-width:none}.agent-tool-settings{display:grid;gap:2px}.agent-tool-settings .toggle{border-bottom:1px solid var(--border)}.agent-editor .center-tabs{padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface-2)}.agent-editor .content-grid{padding:22px}.agent-editor .card{min-width:0}.agent-team-card{display:flex;justify-content:space-between;align-items:center;gap:16px}.agent-table td small{display:block;color:var(--muted);margin-top:3px;max-width:520px}@media(max-width:860px){.agent-editor{margin:-12px}.agent-editor-topbar{position:static;flex-direction:column}.agent-editor .content-grid{padding:14px}.agent-editor .center-tabs{overflow-x:auto;display:flex;gap:6px}.agent-editor .center-tab{white-space:nowrap;flex:0 0 auto}.agent-team-card{align-items:flex-start;flex-direction:column}}
.module-readiness{display:flex;align-items:flex-end;flex-direction:column;gap:4px;text-align:right}.module-readiness small{color:var(--muted);font-size:11px}@media(max-width:860px){.module-readiness{align-items:flex-start;text-align:left}}

/* IMMERSIVE CENTER / STUDIO UNIFIED SPATIAL SYSTEM v1.53.2-r7
 * Reference: Blog Studio editorial workspace.
 * Goal: every Center/Studio uses the same polished, centered, full-viewport
 * composition with a consistent reading width, safe gutters, and responsive
 * collapse. This is intentionally the final CSS layer so legacy rules cannot
 * reintroduce the old sidebar-offset / narrow-shell geometry.
 */
.app.immersive-center{
  --immersive-gutter:clamp(20px,4vw,96px);
  --immersive-max:1720px;
  --immersive-width:min(var(--immersive-max),calc(100% - (2 * var(--immersive-gutter))));
  background:var(--bg)!important;
  overflow:hidden!important;
}
.app.immersive-center .main,
.app.immersive-center .view-host,
.app.immersive-center .view{
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-width:0!important;
}
.app.immersive-center .view-host{
  padding:76px 0 0!important;
  height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  scrollbar-gutter:stable;
  scroll-behavior:smooth;
}
.app.immersive-center .view{
  min-height:calc(100dvh - 76px)!important;
  box-sizing:border-box!important;
}

/* Every immersive top-level shell shares one centered editorial frame. */
.app.immersive-center .center-shell,
.app.immersive-center .blog-studio-shell,
.app.immersive-center .resume-studio-shell,
.app.immersive-center .webinar-center-shell,
.app.immersive-center .music-studio-view,
.app.immersive-center .document-view{
  width:var(--immersive-width)!important;
  max-width:var(--immersive-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

.app.immersive-center .center-shell,
.app.immersive-center .blog-studio-shell,
.app.immersive-center .resume-studio-shell,
.app.immersive-center .webinar-center-shell{
  padding-left:0!important;
  padding-right:0!important;
}
.app.immersive-center .music-studio-view{
  padding-left:0!important;
  padding-right:0!important;
}

/* Document Intelligence has a full bleed tab/header layer in source HTML;
   center the actual content rows to the same editorial width. */
.app.immersive-center .document-view{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.app.immersive-center .document-view > .view-header,
.app.immersive-center .document-view > .di-center-scroll,
.app.immersive-center .document-view > .di-primary-tabs{
  width:var(--immersive-width)!important;
  max-width:var(--immersive-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
.app.immersive-center .document-view > .di-center-scroll{
  overflow:visible!important;
}

/* Visual hierarchy: generous hero, quieter metadata, crisp tab system. */
.app.immersive-center .center-hero,
.app.immersive-center .blog-studio-header,
.app.immersive-center .resume-studio-header,
.app.immersive-center .webinar-center-hero,
.app.immersive-center .music-studio-head,
.app.immersive-center .document-view > .view-header{
  margin-top:0!important;
  margin-bottom:18px!important;
  box-sizing:border-box!important;
}
.app.immersive-center .center-hero,
.app.immersive-center .webinar-center-hero{
  grid-template-columns:minmax(0,1fr) minmax(260px,340px)!important;
  gap:clamp(26px,3.5vw,56px)!important;
  padding:clamp(30px,4vw,54px)!important;
  border-radius:26px!important;
  overflow:hidden!important;
}
.app.immersive-center .blog-studio-header,
.app.immersive-center .resume-studio-header,
.app.immersive-center .music-studio-head,
.app.immersive-center .document-view > .view-header{
  padding:clamp(28px,3.5vw,48px)!important;
  border-radius:26px!important;
  overflow:hidden!important;
}

.app.immersive-center .center-hero h1,
.app.immersive-center .webinar-hero-copy h1,
.app.immersive-center .blog-studio-header h1,
.app.immersive-center .resume-studio-header h1,
.app.immersive-center .music-head-copy h1,
.app.immersive-center .di-command-bar h2,
.app.immersive-center .document-view > .view-header h1{
  font-size:clamp(38px,4.6vw,76px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  max-width:18ch;
  text-wrap:balance;
}
.app.immersive-center .center-hero p,
.app.immersive-center .webinar-hero-copy p,
.app.immersive-center .blog-studio-header p,
.app.immersive-center .resume-studio-header p,
.app.immersive-center .music-head-copy p,
.app.immersive-center .document-view > .view-header p{
  max-width:82ch;
  line-height:1.6;
}

/* Tabs become a stable product navigation rail rather than floating buttons. */
.app.immersive-center .center-tabs,
.app.immersive-center .webinar-center-tabs,
.app.immersive-center .di-primary-tabs{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 18px!important;
  padding:6px!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--surface) 92%,transparent)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.05)!important;
  overflow:auto!important;
  scrollbar-width:none;
}
.app.immersive-center .center-tabs::-webkit-scrollbar,
.app.immersive-center .webinar-center-tabs::-webkit-scrollbar,
.app.immersive-center .di-primary-tabs::-webkit-scrollbar{display:none}
.app.immersive-center .center-tab,
.app.immersive-center .webinar-center-tab,
.app.immersive-center .di-primary-tab{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  min-height:42px!important;
  padding:10px 15px!important;
  border-radius:11px!important;
}

/* Content regions: generous breathing room, strong alignment, no orphaned
   columns. */
.app.immersive-center .center-main-grid,
.app.immersive-center .webinar-center-grid,
.app.immersive-center .resume-body,
.app.immersive-center .music-content,
.app.immersive-center .blog-brief-layout,
.app.immersive-center .creative-layout,
.app.immersive-center .creative-section-grid{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.app.immersive-center .center-main-grid,
.app.immersive-center .webinar-center-grid,
.app.immersive-center .blog-brief-layout,
.app.immersive-center .resume-body,
.app.immersive-center .music-content{
  gap:20px!important;
}
.app.immersive-center .content-grid>*{min-width:0!important}
.app.immersive-center .card,
.app.immersive-center .center-tool,
.app.immersive-center .music-main-card,
.app.immersive-center .music-side-card,
.app.immersive-center .music-review-card{
  border-radius:18px!important;
}

/* Keep long workflows readable while allowing the whole module to breathe. */
.app.immersive-center .blog-wizard-progress,
.app.immersive-center .resume-progress-note,
.app.immersive-center .music-progress{
  width:100%!important;
  box-sizing:border-box!important;
}
.app.immersive-center .blog-wizard-progress{
  padding:10px 0 18px!important;
}
.app.immersive-center .blog-wizard-intro{
  margin-bottom:18px!important;
}
.app.immersive-center .resume-sticky-actions{
  position:sticky!important;
  bottom:16px!important;
  z-index:18!important;
  margin-top:18px!important;
}
.app.immersive-center .music-footer{
  position:sticky!important;
  bottom:0!important;
  z-index:18!important;
  margin-top:18px!important;
  padding-top:14px!important;
  background:linear-gradient(180deg,transparent,var(--bg) 28%)!important;
}

/* Control header should read as a product chrome bar, never as a detached pill. */
.app.immersive-center .immersive-controls-host{z-index:100!important}
.app.immersive-center .immersive-control-bar{
  width:auto!important;
  min-height:58px!important;
  border-radius:18px!important;
  padding:0 14px!important;
  box-shadow:0 10px 35px rgba(0,0,0,.12)!important;
}

@media(max-width:1180px){
  .app.immersive-center{--immersive-gutter:28px}
  .app.immersive-center .center-hero,
  .app.immersive-center .webinar-center-hero{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .app.immersive-center{--immersive-gutter:14px}
  .app.immersive-center .view-host{padding-top:66px!important}
  .app.immersive-center .view{min-height:calc(100dvh - 66px)!important}
  .app.immersive-center .center-hero,
  .app.immersive-center .blog-studio-header,
  .app.immersive-center .resume-studio-header,
  .app.immersive-center .webinar-center-hero,
  .app.immersive-center .music-studio-head,
  .app.immersive-center .document-view > .view-header{padding:22px!important;border-radius:20px!important}
  .app.immersive-center .center-hero h1,
  .app.immersive-center .webinar-hero-copy h1,
  .app.immersive-center .blog-studio-header h1,
  .app.immersive-center .resume-studio-header h1,
  .app.immersive-center .music-head-copy h1,
  .app.immersive-center .di-command-bar h2,
  .app.immersive-center .document-view > .view-header h1{font-size:clamp(32px,8.8vw,48px)!important}
  .app.immersive-center .center-main-grid,
  .app.immersive-center .webinar-center-grid,
  .app.immersive-center .blog-brief-layout,
  .app.immersive-center .resume-body,
  .app.immersive-center .music-content{grid-template-columns:1fr!important}
  .app.immersive-center .center-tabs,
  .app.immersive-center .webinar-center-tabs,
  .app.immersive-center .di-primary-tabs{margin-bottom:14px!important}
  .app.immersive-center .immersive-controls-host{inset:8px 8px auto 8px!important}
  .app.immersive-center .immersive-control-bar{min-height:54px!important;border-radius:15px!important}
}

/* v1.53.2 final auth + immersive + workflow reliability layer */
html,body,#app{min-height:100dvh;height:100%;}
.app.auth-mode,.app.auth-mode .main,.app.auth-mode .view-host{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;}
.app.auth-mode .view-host{overflow:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable;}
.app.auth-mode .view{height:auto!important;min-height:100dvh!important;overflow:visible!important;}
.auth-shell{min-height:100dvh!important;height:auto!important;max-height:none!important;align-items:stretch;}
.auth-center{min-height:100dvh!important;height:auto!important;align-items:center;overflow:auto!important;overscroll-behavior:contain;padding-top:92px!important;padding-bottom:72px!important;}
.auth-card{margin:24px auto 32px;max-height:none!important;}
.auth-side{min-height:100dvh!important;height:auto!important;overflow:auto;}
@media(max-width:900px){.app.auth-mode .view-host{padding-top:0!important}.auth-center{min-height:100dvh!important;padding:84px 18px 40px!important;}.auth-card{margin:12px auto 24px;}}
@media(max-width:560px){.auth-center{padding:74px 10px 30px!important;}.auth-card{width:min(100%,540px);margin:8px auto 18px;padding:22px 16px 20px;}.auth-security{margin-top:14px;padding-top:12px}.auth-switch{padding-bottom:4px;}}
.app.immersive-center .main{left:0!important;right:0!important;inset-inline:0!important;margin-left:0!important;width:100%!important;}
.app.immersive-center .view-host{width:100%!important;max-width:none!important;}
.app.immersive-center .center-shell,.app.immersive-center .blog-studio-shell,.app.immersive-center .resume-studio-shell,.app.immersive-center .webinar-center-shell,.app.immersive-center .music-studio-view,.app.immersive-center .document-view{width:min(1880px,calc(100% - 48px))!important;max-width:1880px!important;margin-inline:auto!important;}
.music-close-action{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));}
.module-config-card{margin-top:14px;}
.disabled-action{opacity:.55;cursor:not-allowed!important;pointer-events:auto;}
@media(max-width:760px){.app.immersive-center .center-shell,.app.immersive-center .blog-studio-shell,.app.immersive-center .resume-studio-shell,.app.immersive-center .webinar-center-shell,.app.immersive-center .music-studio-view,.app.immersive-center .document-view{width:calc(100% - 20px)!important}.module-config-card .form-grid{grid-template-columns:1fr;}}

/* Final production viewport contract: auth and immersive workflows must never clip interactive content. */
html,body,#app{min-height:100dvh;min-height:100svh;}
.app.auth-mode,.app.auth-mode .main,.app.auth-mode .view-host{min-height:100dvh!important;height:auto!important;}
.app.auth-mode .view-host{overflow:auto!important;overflow-x:hidden!important;padding:0!important;}
.app.auth-mode .view{min-height:100dvh!important;height:auto!important;overflow:visible!important;}
.app.auth-mode .auth-shell{min-height:100dvh!important;height:auto!important;overflow:visible!important;align-items:stretch!important;}
.app.auth-mode .auth-center{min-height:100dvh!important;height:auto!important;overflow:auto!important;align-items:start!important;align-content:start!important;justify-items:center!important;padding:104px 32px 96px!important;box-sizing:border-box;}
.app.auth-mode .auth-card{margin:24px auto 40px!important;max-height:none!important;}
.app.auth-mode .auth-side{min-height:100dvh!important;height:auto!important;overflow:auto!important;}
.app.auth-mode .auth-submit,.app.auth-mode .oauth-button,.app.auth-mode .auth-link{position:relative;z-index:2;}
.app.immersive-center .view{width:100%!important;max-width:none!important;min-width:0!important;}
.app.immersive-center .content-scroll{width:100%!important;max-width:none!important;min-width:0!important;overflow-x:hidden!important;}
.app.immersive-center .view-header{max-width:1880px;margin-inline:auto;}
.app.immersive-center .content-scroll>*{max-width:1880px;margin-inline:auto;}
.app.immersive-center .music-studio-view{max-width:1880px!important;margin-inline:auto!important;}
.app.immersive-center .music-close-action{pointer-events:auto!important;position:relative;z-index:8;}
@media(max-width:900px){.app.auth-mode .auth-center{padding:88px 18px 72px!important;}.app.auth-mode .auth-side{display:none!important;}}
@media(max-width:560px){.app.auth-mode .auth-center{padding:76px 12px 56px!important;}.app.auth-mode .auth-card{margin:12px auto 28px!important;padding:22px 16px 20px!important;}}

/* BLOG WIZARD + AGENT COLLABORATION MODERN UX v1.53.2-r8 */
.blog-wizard-head{display:grid;gap:12px;margin:0 0 18px}
.blog-progress-summary{display:grid;grid-template-columns:minmax(220px,270px) minmax(180px,1fr) auto;align-items:center;gap:18px;padding:16px 18px;border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface-2) 88%,transparent));border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.08)}
.blog-progress-summary>div:first-child{display:grid;gap:2px}.blog-progress-summary strong{font-size:18px;letter-spacing:-.02em}.blog-progress-summary small{color:var(--muted);font-size:10px}.blog-progress-track{height:9px;border-radius:999px;background:var(--surface-3);overflow:hidden;border:1px solid var(--border)}.blog-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--ink));transition:width .25s ease}.blog-progress-metrics{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.blog-progress-metrics span{padding:7px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:10px}.blog-progress-metrics b{color:var(--text)}
.blog-header-copy{display:grid;gap:7px}.blog-header-kicker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.blog-header-copy h1{max-width:1100px;letter-spacing:-.045em}.blog-header-copy p{max-width:950px;line-height:1.6}
.app.immersive-center .blog-wizard-head,.app.immersive-center .blog-wizard-footer{width:100%;max-width:none}
.blog-wizard-step{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;background:color-mix(in srgb,var(--surface) 92%,transparent)}.blog-wizard-step:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.07)}.blog-wizard-step.current{background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:0 10px 24px rgba(0,0,0,.08)}
.blog-wizard-footer{border-radius:18px;padding:11px 14px;box-shadow:0 18px 50px rgba(0,0,0,.16)}.blog-save-dot.busy{animation:blogPulse 1.2s ease-in-out infinite}.blog-wizard-status{font-weight:650}.blog-wizard-footer .primary-action{min-width:144px}
@keyframes blogPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.6);opacity:1}}

.agent-collab-modal{width:min(980px,calc(100vw - 32px));max-height:min(88vh,860px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.28);padding:22px}.agent-collab-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--border)}.agent-collab-modal-head h2{margin:3px 0 6px;font-size:26px;letter-spacing:-.03em}.agent-collab-modal-head p:last-child{margin:0;color:var(--muted);line-height:1.5;max-width:720px}.agent-collab-modal-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;padding-top:20px}.agent-collab-modal-grid>section{min-width:0}.agent-collab-modal label{display:grid;gap:7px;font-size:12px;font-weight:700;margin-bottom:14px}.agent-collab-members{margin-top:12px}.agent-collab-member-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.agent-collab-member{display:flex!important;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;cursor:pointer;transition:.15s ease}.agent-collab-member:hover{border-color:var(--border-strong);transform:translateY(-1px)}.agent-collab-member.selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent);background:color-mix(in srgb,var(--surface-2) 85%,var(--accent) 15%)}.agent-collab-member input{margin-top:2px}.agent-collab-member span{display:grid;gap:3px}.agent-collab-member small{color:var(--muted);line-height:1.4;font-weight:500}.agent-collab-policy{padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);align-self:start}.agent-collab-policy .toggle{align-items:flex-start}.agent-collab-summary{display:grid;gap:5px;margin-top:18px;padding:12px 13px;border-radius:14px;background:var(--surface-3);border:1px solid var(--border)}.agent-collab-summary strong{font-size:11px}.agent-collab-summary span{font-size:10px;color:var(--muted);line-height:1.5}.agent-collab-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:18px;margin-top:18px;border-top:1px solid var(--border)}.agent-team-card{transition:transform .15s ease,box-shadow .15s ease}.agent-team-card:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.07)}

@media(max-width:900px){.blog-progress-summary{grid-template-columns:1fr}.blog-progress-metrics{justify-content:flex-start}.agent-collab-modal-grid{grid-template-columns:1fr}.agent-collab-member-list{grid-template-columns:1fr}}
@media(max-width:640px){.blog-progress-summary{padding:13px}.blog-progress-metrics span{font-size:9px}.blog-header-kicker{align-items:flex-start}.blog-wizard-footer{grid-template-columns:84px minmax(0,1fr) 128px!important}.agent-collab-modal{width:calc(100vw - 18px);padding:16px;border-radius:18px}.agent-collab-modal-head h2{font-size:22px}}

/* Blog Studio: editorial control surface refinements */
.blog-modern-model-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.85fr);gap:18px;align-items:start}
.blog-model-card,.blog-collab-card{min-width:0}
.blog-collab-card{position:sticky;top:24px}
.blog-collab-card .blog-rail-head{margin-bottom:18px}
.blog-collab-card select{width:100%}
.blog-collab-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.blog-collab-summary span{padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px}
.blog-collab-summary b{font-size:15px;color:var(--text)}
.blog-collab-summary span{font-size:12px;color:var(--muted)}
.blog-collab-card .check-card{margin-top:14px}
.blog-model-card .model-role-grid{margin-top:20px}

/* Collaboration UX: make team design feel like an operating console, not a basic form */
.agent-team-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.agent-team-card:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.12);border-color:var(--border-strong)}
.agent-collab-modal{max-height:min(88dvh,920px);overflow:auto;overscroll-behavior:contain}
.agent-collab-modal-grid{align-items:start}
.agent-collab-policy{position:sticky;top:0}
.agent-collab-summary{line-height:1.5}
.agent-collab-member-list{max-height:360px;overflow:auto;padding-right:4px}
.agent-collab-member:focus-within{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}

@media (max-width: 1000px){
  .blog-modern-model-layout{grid-template-columns:1fr}
  .blog-collab-card{position:static}
}
@media (max-width: 640px){
  .blog-collab-summary{grid-template-columns:1fr}
  .agent-collab-modal{width:min(96vw,720px);max-height:92dvh}
  .agent-collab-modal-grid{grid-template-columns:1fr}
  .agent-collab-policy{position:static}
}

/* v1.53.3 auth + admin polish */
.auth-shell{min-height:100dvh;height:auto;overflow:auto}.auth-center{min-height:100dvh;box-sizing:border-box;padding-bottom:64px}.auth-card{max-height:none;overflow:visible}.auth-card-body{padding-bottom:24px}
.provider-admin-shell{display:grid;gap:18px;max-width:1480px;margin:0 auto}.provider-admin-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;padding:28px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,var(--panel),var(--soft));}.provider-admin-hero h2{margin:8px 0 8px;font-size:clamp(30px,3.2vw,46px);letter-spacing:-.035em}.provider-admin-hero p{max-width:820px;color:var(--muted);line-height:1.65}.provider-admin-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.provider-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:center}.provider-admin-summary>div{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface);display:grid;gap:4px}.provider-admin-summary span,.provider-status-strip span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:800}.provider-admin-summary strong{font-size:22px}.provider-admin-grid-modern{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.provider-admin-card-modern{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface);display:grid;gap:14px;min-width:0}.provider-admin-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.provider-brand{display:flex;align-items:center;gap:10px}.provider-brand>div:last-child{display:grid;gap:2px}.provider-brand small{color:var(--muted)}.provider-status-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-status-strip>div{padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:grid;gap:4px;min-width:0}.provider-status-strip strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-form-grid label{display:grid;gap:6px;font-size:11px;font-weight:700;color:var(--text)}.provider-form-grid input,.provider-form-grid select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);padding:0 11px;box-sizing:border-box}.provider-form-grid input:focus,.provider-form-grid select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.provider-capabilities{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.provider-capabilities>span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--faint);margin-right:2px}.cap-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;text-transform:capitalize;cursor:pointer}.cap-chip.on{background:color-mix(in srgb,var(--success) 10%,var(--surface));border-color:color-mix(in srgb,var(--success) 24%,var(--border));color:var(--success)}.provider-card-actions{flex-wrap:wrap}.provider-card-actions .text-action{margin-left:auto}.provider-model-governance{overflow:hidden}.admin-dashboard-shell{display:grid;gap:18px;max-width:1480px;margin:0 auto}.admin-command-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:18px;padding:30px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,var(--panel),var(--soft));}.admin-command-hero h2{margin:8px 0 8px;font-size:clamp(32px,3.4vw,50px);letter-spacing:-.04em}.admin-command-hero p{max-width:820px;color:var(--muted);line-height:1.65}.admin-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.admin-command-status{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;justify-content:center;gap:7px}.admin-command-status strong{font-size:24px}.admin-command-status small,.admin-command-time{color:var(--muted);font-size:11px}.admin-kpi-grid .kpi{min-height:118px}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px}.admin-dashboard-grid-secondary{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.admin-provider-panel,.admin-ops-panel{min-width:0}.admin-provider-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-provider-mini{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.admin-provider-mini>div:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}.admin-provider-mini small{font-size:10px;color:var(--muted)}.admin-provider-mini .badge{flex:0 0 auto}.admin-quick-grid{display:grid;gap:9px}.admin-readiness{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-readiness>div{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);display:grid;gap:4px}.admin-readiness span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:800}.admin-readiness strong{font-size:22px}.admin-readiness small{color:var(--muted);font-size:10px}.admin-checklist{display:grid;gap:10px}.admin-checklist>div{padding:10px 0;border-bottom:1px solid var(--border)}
@media(max-width:980px){.provider-admin-hero,.admin-command-hero,.admin-dashboard-grid,.admin-dashboard-grid-secondary{grid-template-columns:1fr}.provider-admin-grid-modern{grid-template-columns:1fr}.admin-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-admin-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.provider-admin-summary{grid-template-columns:1fr}.provider-form-grid{grid-template-columns:1fr}.provider-status-strip{grid-template-columns:1fr}.admin-provider-mini-grid{grid-template-columns:1fr}.admin-readiness{grid-template-columns:1fr}.admin-command-hero,.provider-admin-hero{padding:20px}.auth-center{padding-left:14px;padding-right:14px;padding-bottom:80px}.auth-card{width:min(560px,100%)}.auth-shell{overflow-y:auto}}

/* Resume visual template previews */
.resume-gallery-shell{display:grid;gap:18px}.resume-gallery-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:end;padding-bottom:4px}.resume-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.resume-visual-card{display:grid;gap:10px;text-align:left;border:1px solid var(--border);background:var(--surface-2);padding:10px;border-radius:16px;color:inherit;cursor:pointer;transition:.18s ease}.resume-visual-card:hover,.resume-visual-card.selected{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 28px rgba(0,0,0,.08)}.resume-visual-frame{aspect-ratio:1/1.35;overflow:hidden;border-radius:11px;background:#eef1f7;padding:8px}.resume-visual-meta{display:flex;justify-content:space-between;gap:8px;align-items:center}.resume-visual-meta>div{display:grid;gap:2px}.resume-visual-meta strong{font-size:11px}.resume-visual-meta small{font-size:9px;color:var(--muted)}.resume-visual-meta>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:800}.resume-selected-preview{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(360px,1.28fr);gap:18px;align-items:center;margin-top:4px;padding-top:18px;border-top:1px solid var(--border)}.resume-selected-paper{display:flex;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e8ebf4);padding:20px;border-radius:18px;min-height:500px}.resume-snapshot{width:100%;height:100%;background:#fff;color:#111827;border-radius:6px;padding:10px;box-shadow:0 6px 18px rgba(17,24,39,.12);font-family:Arial,Helvetica,sans-serif;overflow:hidden}.resume-snapshot-head{display:grid;gap:4px;padding-bottom:8px;border-bottom:2px solid var(--resume-snapshot-accent)}.resume-snapshot-head>div{display:grid;gap:2px}.resume-snapshot-head strong{font-size:11px;letter-spacing:.02em}.resume-snapshot-head span{font-size:6px;font-weight:700;color:var(--resume-snapshot-accent);text-transform:uppercase;letter-spacing:.12em}.resume-snapshot-head small{font-size:4.6px;color:#64748b}.resume-snapshot-columns{display:grid;grid-template-columns:1fr .34fr;gap:8px;margin-top:7px}.resume-snapshot section{margin-top:6px}.resume-snapshot section>b{font-size:4.8px;color:var(--resume-snapshot-accent);letter-spacing:.12em}.resume-snapshot section>p,.resume-snapshot article p{font-size:4.7px;line-height:1.45;color:#475569;margin:3px 0}.resume-snapshot article{margin-top:4px}.resume-snapshot article strong{display:block;font-size:5px}.resume-snapshot article small{display:block;font-size:4px;color:#94a3b8}.resume-snapshot-score{border:1px solid #e2e8f0;border-radius:5px;padding:6px;display:grid;gap:1px;text-align:center;background:#f8fafc}.resume-snapshot-score span{font-size:4px;color:#64748b;text-transform:uppercase}.resume-snapshot-score strong{font-size:16px;line-height:1;color:var(--resume-snapshot-accent)}.resume-snapshot-score small{font-size:4px;color:#64748b}.resume-snapshot-minimal{padding:11px}.resume-snapshot-minimal .resume-snapshot-head{border-bottom-width:1px}.resume-snapshot-creative{background:linear-gradient(160deg,#fff 0 80%,#f5ecff 80%)}.resume-snapshot-tech .resume-snapshot-head{background:#f8fafc;padding:7px;border-radius:4px}.resume-snapshot-modern .resume-snapshot-head{padding-left:7px;border-left:3px solid var(--resume-snapshot-accent);border-bottom:0}.resume-snapshot-consulting .resume-snapshot-head{border-bottom:0}.resume-snapshot-academic .resume-snapshot-columns{grid-template-columns:1fr}.resume-snapshot-graduate .resume-snapshot-score{display:none}.resume-snapshot-sales .resume-snapshot-head{border-bottom-style:dashed}.resume-snapshot-large{max-width:720px;min-height:720px;padding:26px;border-radius:4px}.resume-snapshot-large .resume-snapshot-head strong{font-size:28px}.resume-snapshot-large .resume-snapshot-head span{font-size:13px}.resume-snapshot-large .resume-snapshot-head small{font-size:9px}.resume-snapshot-large .resume-snapshot-columns{gap:28px;margin-top:20px}.resume-snapshot-large section{margin-top:22px}.resume-snapshot-large section>b{font-size:9px}.resume-snapshot-large section>p,.resume-snapshot-large article p{font-size:10px;line-height:1.55}.resume-snapshot-large article strong{font-size:11px}.resume-snapshot-large article small{font-size:9px}.resume-snapshot-large .resume-snapshot-score{padding:12px}.resume-snapshot-large .resume-snapshot-score strong{font-size:34px}.resume-preview-trust{display:grid;gap:7px;margin-top:14px}.resume-preview-trust span{font-size:10px;color:var(--muted)}
/* Webinar conversion and production controls */
.webinar-funnel-hero,.engagement-board,.webinar-analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.webinar-funnel-hero>div,.engagement-board>article,.webinar-analytics-grid>div{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);display:grid;gap:3px}.webinar-funnel-hero span,.engagement-board span,.webinar-analytics-grid span{font-size:10px;color:var(--muted)}.webinar-funnel-hero strong,.engagement-board strong,.webinar-analytics-grid strong{font-size:22px;letter-spacing:-.03em}.webinar-funnel-hero small,.engagement-board small,.webinar-analytics-grid small{font-size:9px;color:var(--muted)}.webinar-poll-list,.offer-list,.followup-flow,.live-studio-grid{display:grid;gap:9px;margin-top:14px}.webinar-poll-card,.offer-card,.followup-flow article,.live-studio-grid article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.webinar-poll-card>div,.offer-card>div,.followup-flow article>div,.live-studio-grid article{display:grid;gap:4px}.webinar-poll-card strong,.offer-card strong,.followup-flow strong{font-size:12px}.webinar-poll-card small,.offer-card small,.followup-flow small,.live-studio-grid small{font-size:10px;color:var(--muted)}.offer-metrics{display:flex!important;gap:12px!important}.offer-metrics span{font-size:10px;color:var(--muted)}.offer-metrics b{color:var(--ink)}.followup-flow article{display:grid;grid-template-columns:56px 1fr auto}.followup-flow article>span{font-size:11px;font-weight:800;color:var(--accent)}.followup-flow article em{font-style:normal;font-size:9px;color:var(--success);font-weight:800}.followup-flow.compact article{grid-template-columns:34px 1fr auto}.retention-chart{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);margin-top:14px}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.chart-bars{height:180px;display:flex;gap:8px;align-items:end;margin-top:14px}.chart-bars i{display:block;flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(to top,var(--accent),color-mix(in srgb,var(--accent) 35%,var(--surface)));min-width:8px}.live-studio-grid{grid-template-columns:1fr 1fr}.live-studio-grid article{display:grid;gap:3px}.live-studio-grid article span{font-size:10px;color:var(--muted)}
@media(max-width:1250px){.resume-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resume-selected-preview{grid-template-columns:1fr}.webinar-funnel-hero,.engagement-board,.webinar-analytics-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.resume-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-studio-grid{grid-template-columns:1fr}.webinar-funnel-hero,.engagement-board,.webinar-analytics-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.resume-gallery-grid{grid-template-columns:1fr}.webinar-funnel-hero,.engagement-board,.webinar-analytics-grid{grid-template-columns:1fr}.resume-selected-paper{padding:10px}.resume-snapshot-large{min-height:560px;padding:14px}.resume-snapshot-large .resume-snapshot-head strong{font-size:20px}.resume-snapshot-large .resume-snapshot-columns{gap:16px}.resume-snapshot-large section>p,.resume-snapshot-large article p{font-size:8px}}
\n\n/* CHAT HARDENING / UX v1.53.16 */\n.chat-top-main{min-width:0}.chat-history-button,.chat-new-button{white-space:nowrap}.chat-statusbar{min-height:28px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;padding:2px 4px 8px}.chat-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--border-strong)}.chat-status-dot.ready{background:#22c55e}.chat-status-dot.working{background:#6366f1;box-shadow:0 0 0 4px color-mix(in srgb,#6366f1 14%,transparent)}.welcome-prompts{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.welcome-prompts .suggestion{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:9px 12px;border-radius:999px;cursor:pointer}.welcome-prompts .suggestion:hover{border-color:var(--accent);transform:translateY(-1px)}.composer-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.message{position:relative;max-width:760px;margin-inline:auto}.message-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;opacity:.72}.message-actions button{border:0;background:transparent;color:var(--muted);padding:5px 7px;border-radius:7px;cursor:pointer}.message-actions button:hover{background:var(--surface-2);color:var(--text)}.assistant-message.error .message-body{border:1px solid color-mix(in srgb,#ef4444 35%,var(--border));background:color-mix(in srgb,#ef4444 6%,var(--surface));padding:10px 12px;border-radius:10px}.chat-history-dialog{width:min(720px,calc(100vw - 28px));max-height:min(80vh,760px);padding:0;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px rgba(0,0,0,.25)}.chat-history-dialog::backdrop{background:rgba(0,0,0,.42);backdrop-filter:blur(3px)}.chat-history-head{display:flex;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid var(--border)}.chat-history-head h3{margin:2px 0 4px}.chat-history-head p:last-child{margin:0;color:var(--muted)}.chat-history-search{padding:14px 18px;border-bottom:1px solid var(--border)}.chat-history-search input{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px}.chat-history-list{padding:10px;max-height:55vh;overflow:auto}.chat-history-row{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);padding:13px 14px;border-radius:10px;display:grid;gap:4px;cursor:pointer}.chat-history-row:hover{background:var(--surface-2);border-color:var(--border)}.chat-history-row small{color:var(--muted)}.chat-layout .conversation-canvas{scroll-behavior:smooth}.chat-layout .conversation-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media(max-width:900px){.chat-tools{gap:6px;overflow:auto;padding-bottom:2px}.chat-tools .voice-button span:not(.voice-dot),.chat-tools .model-button small{display:none}.chat-history-button,.chat-new-button{padding-inline:10px}.message{max-width:min(100%,760px)}}@media(max-width:640px){.chat-top{align-items:flex-start;flex-direction:column}.chat-top-main{width:100%}.chat-tools{width:100%}.chat-layout .composer-zone{padding-bottom:max(8px,env(safe-area-inset-bottom))}.composer-count{display:none}.toolbar-note{display:none}.welcome-prompts{display:grid;grid-template-columns:1fr}.welcome-prompts .suggestion{width:100%;text-align:left}.chat-history-dialog{width:calc(100vw - 18px)}}\n
/* Phase 9 payments: gateway governance + modern checkout */
.gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gateway-card{border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--surface-2);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.gateway-card.is-enabled{border-color:color-mix(in srgb,var(--success) 42%,var(--border));box-shadow:0 8px 24px color-mix(in srgb,var(--success) 8%,transparent)}.gateway-card:hover{transform:translateY(-1px)}.gateway-card-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.gateway-brand{display:flex;align-items:center;gap:10px}.gateway-brand>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);font-weight:900}.gateway-brand strong{display:block}.gateway-brand small{display:block;color:var(--muted);margin-top:2px}.gateway-card>p{margin:12px 0;color:var(--muted);font-size:13px;line-height:1.45}.gateway-meta{display:flex;gap:7px;flex-wrap:wrap}.gateway-note{display:block;margin-top:11px;color:var(--faint);line-height:1.45}.gateway-admin-summary{display:flex;gap:7px;flex-wrap:wrap}.gateway-safety{margin-top:16px;padding:13px 14px;border-radius:12px;background:var(--surface-2);display:flex;gap:12px;align-items:flex-start}.gateway-safety strong{white-space:nowrap}.gateway-safety span{color:var(--muted);font-size:12px;line-height:1.45}
.checkout-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px}.checkout-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42);backdrop-filter:blur(8px)}.checkout-card{position:relative;width:min(720px,100%);max-height:min(840px,calc(100dvh - 36px));overflow:auto;background:var(--bg);border:1px solid var(--border-strong);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.24);padding:24px}.checkout-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.checkout-head h2{margin:4px 0 7px;font-size:28px;letter-spacing:-.03em}.checkout-head p{margin:0;color:var(--muted);line-height:1.5}.checkout-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;padding:14px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}.checkout-summary>div{padding:4px 10px;border-right:1px solid var(--border)}.checkout-summary>div:last-child{border-right:0}.checkout-summary span{display:block;color:var(--muted);font-size:11px}.checkout-summary strong{display:block;margin-top:4px;font-size:17px}.checkout-section{margin-top:18px}.checkout-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.checkout-section-head strong{display:block}.checkout-section-head span:not(.badge){color:var(--muted);font-size:12px;display:block;margin-top:2px}.checkout-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-method{display:flex;align-items:center;gap:11px;text-align:left;padding:13px;border-radius:14px;background:var(--surface);border:1px solid var(--border);color:var(--ink);min-height:74px}.checkout-method:hover{border-color:var(--border-strong);background:var(--surface-2)}.checkout-method.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.checkout-method-mark{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-weight:900}.checkout-method strong{display:block;font-size:13px}.checkout-method small{display:block;color:var(--muted);margin-top:2px}.checkout-check{margin-left:auto;font-weight:900;color:var(--success)}.checkout-empty{grid-column:1/-1;border:1px dashed var(--border-strong);padding:22px;text-align:center;border-radius:14px}.checkout-empty strong{display:block}.checkout-empty span{display:block;color:var(--muted);margin-top:5px;font-size:12px}.checkout-trust{display:flex;gap:10px;margin-top:15px;padding:13px 14px;border-radius:14px;background:color-mix(in srgb,var(--success) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 24%,var(--border))}.checkout-trust>span{font-weight:900;color:var(--success)}.checkout-trust strong{display:block}.checkout-trust small{display:block;color:var(--muted);margin-top:2px;line-height:1.45}.checkout-foot{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.checkout-continue{min-width:180px}.checkout-continue:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:900px){.gateway-grid{grid-template-columns:1fr 1fr}.checkout-method-grid{grid-template-columns:1fr}.checkout-summary{grid-template-columns:1fr}.checkout-summary>div{border-right:0;border-bottom:1px solid var(--border);padding:8px 0}.checkout-summary>div:last-child{border-bottom:0}.checkout-card{padding:18px}}
@media (max-width:600px){.gateway-grid{grid-template-columns:1fr}.checkout-modal{padding:10px}.checkout-card{border-radius:18px}.checkout-head h2{font-size:23px}.checkout-foot{position:sticky;bottom:0;background:var(--bg)}}

/* Phase 11 provider gateway hardening */
.provider-health-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border)}.provider-health-chip small{color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* PHASE 14 ACCESSIBILITY / UX HARDENING */
.skip-link{position:fixed;left:12px;top:10px;z-index:200;padding:9px 12px;border-radius:9px;background:var(--ink);color:var(--bg);font-weight:800;font-size:12px;transform:translateY(-160%);transition:transform .12s ease}.skip-link:focus{transform:translateY(0)}
[role="tab"]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
[aria-disabled="true"]{cursor:not-allowed}
[aria-busy="true"]{cursor:progress}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media (forced-colors: active){:focus-visible{outline:2px solid ButtonText;outline-offset:2px}.primary,.primary-action,.secondary-action,.icon-button,.switch{forced-color-adjust:auto}}
@media(max-width:760px){.skip-link{left:8px;top:8px}.view-header{padding-inline:18px}.content-scroll{padding-inline:18px}.topbar{padding-inline:14px}}
/* Agents Studio redesign */
.agents-studio{min-height:calc(100vh - 72px);background:var(--surface);margin:-18px -18px 0;color:var(--text);}
.agents-studio-hero,.agents-studio-subhead{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px 30px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--surface-raised),var(--surface));}
.agents-studio-hero h1,.agents-studio-subhead h1{font-size:34px;line-height:1.05;letter-spacing:-.035em;margin:3px 0 8px;}
.agents-studio-hero p:not(.eyebrow){max-width:760px;color:var(--text-muted);line-height:1.6;margin:0;}
.agents-studio-hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.agent-metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--border);background:var(--surface-2);}
.agent-metric-strip>div{padding:18px 24px;border-right:1px solid var(--border);display:grid;gap:2px;}
.agent-metric-strip>div:last-child{border-right:0}.agent-metric-strip span{font-size:11px;color:var(--text-muted)}.agent-metric-strip strong{font-size:22px;letter-spacing:-.02em}.agent-metric-strip small{font-size:10px;color:var(--text-muted)}
.agents-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;padding:22px 24px}.agents-section-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.agents-section-head h2{margin:3px 0 6px;font-size:20px}.agents-section-head p:not(.eyebrow){margin:0;color:var(--text-muted);line-height:1.5}
.agents-studio-roster{display:grid;gap:10px}.agents-studio-agent-card{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:12px;align-items:center;text-align:left;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);cursor:pointer;transition:.16s ease;box-shadow:var(--shadow-xs);}.agents-studio-agent-card:hover,.agents-studio-agent-card.selected{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm);background:var(--surface-raised)}.agent-card-avatar{width:42px;height:42px;border-radius:13px;background:var(--surface-3);display:grid;place-items:center;font-weight:800}.agent-card-main{min-width:0;display:grid;gap:5px}.agent-card-title{display:flex;align-items:center;gap:7px}.agent-card-title strong{font-size:14px}.agent-card-main>small{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--text-muted);font-size:10px}.agent-card-chevron{color:var(--text-muted);font-size:20px}.agents-studio-side{display:grid;gap:12px}.agents-side-card,.agents-panel{border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-xs)}.agents-side-card{padding:18px}.agents-side-card h3{margin:3px 0 12px;font-size:17px}.agent-principle{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:11px 0;border-top:1px solid var(--border)}.agent-principle span{font-size:10px;font-weight:800;color:var(--text-muted);padding-top:2px}.agent-principle strong,.agent-principle small{display:block}.agent-principle small{color:var(--text-muted);line-height:1.4;margin-top:2px}.agent-surface-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.agent-surface-grid span{padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:11px}
.agents-empty{padding:52px 26px;text-align:center;border:1px dashed var(--border-strong);border-radius:16px;background:var(--surface-2)}.agent-empty-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:16px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);font-size:22px}.agents-empty h3{margin:0 0 6px}.agents-empty p{max-width:500px;margin:0 auto 16px;color:var(--text-muted);line-height:1.5}
.agents-studio-shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 240px)}.agents-studio-nav{border-right:1px solid var(--border);padding:14px 10px;background:var(--surface-2);display:grid;align-content:start;gap:4px;position:sticky;top:0;height:calc(100vh - 240px);overflow:auto}.agents-studio-nav-item{border:0;background:transparent;color:var(--text-muted);text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:650;font-size:12px}.agents-studio-nav-item:hover{background:var(--surface-3);color:var(--text)}.agents-studio-nav-item.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.agents-studio-content{padding:22px;min-width:0}.agents-work-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px}.agents-run-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.agents-panel{padding:20px;min-width:0}.agents-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}.agents-panel-head h2{margin:3px 0 5px;font-size:21px}.agents-panel-head p:not(.eyebrow){margin:0;color:var(--text-muted);line-height:1.5}.agents-form-grid,.agents-limit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agents-limit-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.agents-panel label{display:grid;gap:7px;font-size:11px;font-weight:700;margin-bottom:12px}.agents-panel input,.agents-panel textarea,.agents-panel select{width:100%;box-sizing:border-box}.agents-form-actions{display:flex;gap:8px;margin-top:6px}.agents-danger-note{display:grid;gap:4px;margin:14px 0;padding:12px 13px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}.agents-danger-note strong{font-size:11px}.agents-danger-note span{font-size:10px;color:var(--text-muted);line-height:1.45}.readiness-score{display:grid;gap:2px;padding:14px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border);margin-bottom:12px}.readiness-score strong{font-size:18px}.readiness-score span{color:var(--text-muted);font-size:10px}.readiness-checks{display:grid;gap:8px}.readiness-checks div{display:flex;gap:8px;align-items:center;font-size:11px}.readiness-checks div>span:first-child{width:18px;text-align:center;color:var(--text-muted);font-weight:800}.agent-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.agent-tool-card{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.agent-tool-card.enabled{background:var(--surface);border-color:var(--border-strong)}.agent-tool-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface);font-weight:800}.agent-tool-copy{min-width:0}.agent-tool-copy strong,.agent-tool-copy small{display:block}.agent-tool-copy small{color:var(--text-muted);line-height:1.4;margin-top:2px}.security-callout{margin-top:14px;padding:13px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);display:grid;gap:3px}.security-callout span{font-size:10px;color:var(--text-muted)}.knowledge-hero{display:flex;gap:14px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);margin-bottom:14px}.knowledge-icon{width:42px;height:42px;border-radius:12px;background:var(--surface);display:grid;place-items:center;font-weight:800}.knowledge-hero strong{font-size:13px}.knowledge-hero p{margin:3px 0 8px;color:var(--text-muted);line-height:1.45;font-size:11px}.policy-stack{display:grid;gap:8px}.policy-stack div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:11px}.policy-stack span{color:var(--text-muted)}.memory-timeline{display:grid;gap:10px}.memory-item{display:grid;grid-template-columns:26px 1fr;gap:10px}.memory-marker{width:26px;height:26px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;font-size:10px;font-weight:800}.memory-body{padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.memory-head{display:flex;justify-content:space-between;gap:10px;font-size:11px}.memory-head span{color:var(--text-muted)}.memory-body p{margin:7px 0;font-size:11px;line-height:1.55}.memory-body small{color:var(--text-muted)}.agent-overview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.agent-overview-cards>div{padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);display:grid;gap:4px}.agent-overview-cards span{font-size:10px;color:var(--text-muted)}.agent-overview-cards strong{font-size:13px}.agent-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.agent-flow>div{padding:14px;border-top:2px solid var(--border-strong);display:grid;gap:4px}.agent-flow span{font-size:10px;color:var(--text-muted)}.agent-flow strong{font-size:12px}.agent-flow small{font-size:10px;color:var(--text-muted)}.quick-agent-action{width:100%;display:flex;justify-content:space-between;gap:10px;padding:12px 0;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;cursor:pointer}.quick-agent-action:hover{color:var(--text-muted)}.run-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 14px}.run-preview>div{padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);display:grid;gap:3px}.run-preview span{font-size:9px;color:var(--text-muted)}.run-preview strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-full{width:100%}.run-list{display:grid;gap:2px}.run-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);align-items:start}.run-status-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--border-strong)}.run-status-dot.success{background:#4f9d69}.run-status-dot.warn{background:#c98a2b}.run-row-main{min-width:0}.run-row-head{display:flex;justify-content:space-between;gap:10px;font-size:11px}.run-row-head span,.run-row-main small{color:var(--text-muted);font-size:9px}.run-row-main p{margin:4px 0 5px;font-size:10px;color:var(--text-muted);line-height:1.45}.run-row-actions{display:flex;gap:7px;white-space:nowrap}.collab-form{display:grid;gap:4px}.collab-member-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 10px}.collab-member{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:flex-start;gap:8px;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);cursor:pointer}.collab-member span{display:grid;gap:2px}.collab-member small{color:var(--text-muted);font-size:9px}.collab-list{display:grid;gap:8px}.collab-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.collab-row strong,.collab-row small{display:block}.collab-row small{color:var(--text-muted);font-size:10px;margin-top:2px}.agents-studio-subhead{align-items:center}.agents-studio-subhead small{color:var(--text-muted)}.agent-deploy-wrap{padding:20px}.agents-embedded-deploy{margin:0}.muted-copy{color:var(--text-muted);line-height:1.5;font-size:11px}
@media(max-width:1000px){.agents-studio-layout,.agents-work-grid,.agents-run-layout{grid-template-columns:1fr}.agents-studio-nav{position:static;height:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow-x:auto}.agent-metric-strip{grid-template-columns:1fr 1fr}.agents-studio-hero{flex-direction:column}.agents-studio-hero-actions{justify-content:flex-start}.agents-side-card{display:none}}
@media(max-width:700px){.agents-studio{margin:-12px}.agents-studio-hero,.agents-studio-subhead{padding:18px}.agents-studio-hero h1,.agents-studio-subhead h1{font-size:27px}.agents-studio-layout,.agents-studio-content{padding:14px}.agents-form-grid,.agents-limit-grid,.agent-tool-grid,.collab-member-list,.agent-overview-cards,.agent-flow,.run-preview{grid-template-columns:1fr}.agents-studio-nav{grid-template-columns:repeat(8,max-content);padding:8px}.agents-studio-nav-item{white-space:nowrap}.run-row{grid-template-columns:10px 1fr}.run-row-actions{grid-column:2;justify-content:flex-start}.agent-metric-strip>div{padding:13px 15px}}

/* Resume Studio v1.53.55 refinement */
.resume-quality-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.resume-quality-panel>div{border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:12px;background:var(--surface-subtle,#f8fafc)}.resume-quality-panel span,.resume-history-panel small{display:block;color:var(--text-muted,#667085);font-size:12px}.resume-quality-panel strong{display:block;font-size:20px;margin-top:4px}.resume-history-panel{margin-top:18px;padding-top:16px;border-top:1px solid var(--border,#e5e7eb)}.resume-version-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--border,#e5e7eb)}.resume-version-row:last-child{border-bottom:0}.resume-version-row strong{display:block;font-size:13px}.resume-version-row small{margin-top:3px}.section-head.compact{margin-bottom:8px}.muted{color:var(--text-muted,#667085)}
@media (max-width:800px){.resume-quality-panel{grid-template-columns:1fr}}

.resume-tailor-result{margin-top:14px;padding:12px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--surface-subtle,#f8fafc)}.resume-tailor-result strong{display:block}.resume-tailor-result span{display:block;color:var(--text-muted,#667085);font-size:12px;margin:4px 0 10px}

/* Music Studio world-class external audio workspace */
.music-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.music-input-card{display:grid;gap:7px;min-height:132px;padding:16px;border:1px solid var(--border);background:var(--surface-2);border-radius:16px;text-align:left;color:var(--ink);cursor:pointer}.music-input-card:hover{border-color:var(--accent);transform:translateY(-1px)}.music-input-card strong{font-size:14px}.music-input-card small{color:var(--muted);font-size:11px;line-height:1.45}.music-input-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;align-items:end}.music-input-toolbar label{display:grid;gap:5px}.music-monitor-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.music-monitor-toggle strong,.music-monitor-toggle small{display:block}.music-monitor-toggle small{color:var(--muted);font-size:10px;margin-top:2px}.music-record-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end}.music-record-state{font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.music-record-state.recording{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.danger-action{min-height:40px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:10px;padding:0 13px;font-weight:750;cursor:pointer}.danger-action:not([disabled]):hover{border-color:#c2410c;color:#9a3412}.danger-action[disabled]{opacity:.45;cursor:not-allowed}.music-channel-list{display:grid;gap:8px;margin-top:14px}.music-channel-row{display:grid;grid-template-columns:34px minmax(160px,1fr) auto minmax(130px,180px) 40px 40px;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);background:var(--surface);border-radius:13px}.music-channel-row.is-muted{opacity:.66}.music-channel-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--soft)}.music-channel-main{display:grid;gap:2px;min-width:0}.music-channel-main strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-channel-main small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-mini-control{display:flex!important;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.music-mini-control input{width:100%;accent-color:var(--accent)}.music-empty-inline{display:grid;gap:4px;justify-items:start;padding:18px;border:1px dashed var(--border);border-radius:13px;background:var(--surface-2)}.music-empty-inline strong{font-size:12px}.music-empty-inline span{font-size:11px;color:var(--muted)}.music-arrange-actions{display:flex;gap:8px;margin-top:14px}.music-engine-policy{display:flex;gap:7px;flex-wrap:wrap}.music-mix-panel{display:grid;gap:14px}.music-meter{display:grid;gap:7px}.music-meter-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.music-meter-track{height:110px;display:flex;align-items:flex-end;gap:4px;padding:10px;border-radius:12px;background:#101114;overflow:hidden}.music-meter-track i{flex:1;display:block;min-height:10px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#cbd5e1,#64748b)}.music-meter small{color:var(--muted);font-size:10px}.music-wave-preview{display:grid;gap:7px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.music-wave-preview .wave-bars{height:110px;display:flex;align-items:center;gap:2px}.music-wave-preview .wave-bars span{flex:1;min-width:2px;border-radius:3px;background:var(--ink);opacity:.72}.music-wave-preview>div:last-child{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.release-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.release-check-grid>div{display:grid;gap:3px;padding:11px 12px;border:1px solid var(--border);background:var(--surface-2);border-radius:12px}.release-check-grid strong{font-size:11px}.release-check-grid span{font-size:10px;color:var(--muted)}.music-generation-status{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-size:11px;color:var(--muted)}.music-studio-view .field-block>span,.music-studio-view label>span{font-weight:750;font-size:11px}.music-studio-view audio{width:100%}@media(max-width:980px){.music-input-grid{grid-template-columns:1fr}.music-input-toolbar{grid-template-columns:1fr 1fr}.music-record-actions{grid-column:1/-1;justify-content:flex-start}.music-channel-row{grid-template-columns:34px minmax(140px,1fr) auto 40px 40px;}.music-mini-control{grid-column:2/-1}.music-mini-control input{width:100%}}@media(max-width:620px){.music-input-toolbar{grid-template-columns:1fr}.music-record-actions{flex-wrap:wrap}.music-channel-row{grid-template-columns:32px 1fr 40px 40px}.music-channel-row .badge{grid-column:2}.release-check-grid{grid-template-columns:1fr}.music-input-card{min-height:110px}}
@media(prefers-reduced-motion:reduce){.music-input-card{transform:none}.music-input-card:hover{transform:none}}
/* Document Intelligence Center world-class workspace */
.di-world-shell{height:calc(100vh - 0px);display:flex;flex-direction:column;min-height:0;background:var(--surface, #fff)}
.di-world-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 28px 16px;border-bottom:1px solid var(--border,#e7e7e7);background:var(--surface,#fff);position:sticky;top:0;z-index:3}
.di-world-header h1{margin:.25rem 0 .35rem;font-size:clamp(1.55rem,2vw,2.2rem);letter-spacing:-.03em}
.di-subtitle{max-width:820px;margin:0;color:var(--muted,#667085)}
.di-header-actions,.di-command-actions,.di-form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.di-center-scroll{flex:1;min-height:0;overflow:auto;padding:20px 28px 40px}
.di-primary-tabs{display:flex;gap:4px;padding:0 28px;border-bottom:1px solid var(--border,#e7e7e7);background:var(--surface,#fff);overflow:auto}
.di-primary-tabs button{border:0;background:transparent;padding:13px 14px;color:var(--muted,#667085);font-weight:700;border-bottom:2px solid transparent;white-space:nowrap}
.di-primary-tabs button.active{color:var(--text,#101828);border-bottom-color:currentColor}
.di-command-bar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px;padding:24px;border:1px solid var(--border,#e7e7e7);border-radius:20px;background:linear-gradient(135deg,rgba(127,127,127,.05),rgba(127,127,127,.01))}
.di-command-bar h1{margin:3px 0 8px;font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.04em}
.di-command-bar p{max-width:760px;color:var(--muted,#667085);margin:0}
.di-kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}
.di-kpi{padding:14px 16px;border:1px solid var(--border,#e7e7e7);border-radius:16px;background:var(--surface,#fff)}
.di-kpi span,.di-kpi small{display:block;color:var(--muted,#667085)}.di-kpi strong{display:block;font-size:1.2rem;margin:4px 0}
.di-collection-strip{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;margin-bottom:16px;border:1px solid var(--border,#e7e7e7);border-radius:14px;background:var(--surface-subtle,#f8fafc)}
.di-collection-strip p{margin:0 0 2px}.di-collection-strip strong,.di-collection-strip span{display:block}.di-collection-strip select{min-width:240px}
.di-governance-card{margin-bottom:16px;border:1px solid color-mix(in srgb,currentColor 12%, transparent)}
.di-agent-mode{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border,#e7e7e7);border-radius:12px;background:var(--surface-subtle,#f8fafc);margin-bottom:12px}
.di-agent-mode button{border:0;background:transparent;padding:8px 12px;border-radius:9px;font-weight:700}.di-agent-mode button.active{background:var(--surface,#fff);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.di-agent-availability{margin-top:10px;padding:12px 14px;border-radius:12px;background:var(--surface-subtle,#f8fafc);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.di-agent-availability span{color:var(--muted,#667085)}
.di-governance-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.di-governance-pills span{padding:5px 9px;border-radius:999px;background:var(--surface-subtle,#f2f4f7);font-size:.82rem;font-weight:700}
.di-source-toolbar{display:flex;justify-content:space-between;gap:12px;color:var(--muted,#667085);margin:0 0 10px}.di-sources-list{display:grid;gap:8px}.di-source-card{display:grid;grid-template-columns:30px 58px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border,#e7e7e7);border-radius:14px}.di-source-type{font-size:.72rem;font-weight:900;letter-spacing:.08em;color:var(--muted,#667085)}.di-source-copy strong,.di-source-copy span,.di-source-copy small{display:block}.di-source-copy span,.di-source-copy small{color:var(--muted,#667085);font-size:.86rem}.di-source-check input{width:18px;height:18px}
.di-objective-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.di-objective{display:flex;align-items:center;gap:12px;text-align:left;padding:15px;border:1px solid var(--border,#e7e7e7);border-radius:16px;background:var(--surface,#fff)}.di-objective.selected{border-color:currentColor;box-shadow:0 0 0 2px rgba(99,102,241,.08)}.di-objective-icon,.di-template-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface-subtle,#f2f4f7);font-weight:900}.di-objective small{display:block;color:var(--muted,#667085);margin-top:3px}
.di-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.di-template-card,.di-template-card-static{min-height:120px;border:1px solid var(--border,#e7e7e7);border-radius:16px;padding:16px;text-align:left;background:var(--surface,#fff)}.di-template-card{display:flex;gap:12px}.di-template-card.selected{border-color:currentColor;box-shadow:0 0 0 2px rgba(99,102,241,.08)}.di-template-card small,.di-template-card em{display:block;color:var(--muted,#667085);font-style:normal}.di-template-card em{margin-top:5px;font-size:.88rem}
.di-depth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.di-depth{display:flex;justify-content:space-between;gap:10px;padding:16px;border:1px solid var(--border,#e7e7e7);border-radius:16px;background:var(--surface,#fff);text-align:left}.di-depth.selected{border-color:currentColor}.di-depth small{display:block;color:var(--muted,#667085);margin-top:4px}.di-depth em{font-style:normal;font-weight:800;color:var(--muted,#667085);white-space:nowrap}
.di-report-head{display:flex;justify-content:space-between;gap:18px}.di-report-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:16px;margin-top:16px}.di-finding-card{padding:14px;border:1px solid var(--border,#e7e7e7);border-radius:14px;margin-bottom:8px}.di-finding-card>div:first-child{display:flex;justify-content:space-between;gap:10px}.confidence-chip{font-size:.78rem;font-weight:800;padding:4px 8px;border-radius:999px;background:var(--surface-subtle,#f2f4f7)}.di-evidence-pills{display:flex;gap:6px;flex-wrap:wrap}.di-evidence-pills span{font-size:.78rem;padding:4px 7px;border-radius:8px;background:var(--surface-subtle,#f8fafc);color:var(--muted,#667085)}.di-report-side-card{padding:14px;border:1px solid var(--border,#e7e7e7);border-radius:14px;margin-bottom:10px}.di-list-row{padding:9px 0;border-bottom:1px solid var(--border,#eef0f2)}.di-list-row:last-child{border-bottom:0}.di-executive{margin-top:16px;padding:18px;border-radius:16px;background:var(--surface-subtle,#f8fafc)}.di-processing-state{display:grid;place-items:center;gap:10px;padding:60px 20px;text-align:center;color:var(--muted,#667085)}
.di-analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.di-analytics-grid>div{padding:18px;border:1px solid var(--border,#e7e7e7);border-radius:14px}.di-analytics-grid span{display:block;color:var(--muted,#667085)}.di-analytics-grid strong{font-size:1.6rem}.di-command-note{margin-top:14px;padding:14px;border-radius:14px;background:var(--surface-subtle,#f8fafc)}.di-command-note strong,.di-command-note span{display:block}.di-command-note span{color:var(--muted,#667085);margin-top:4px}
.di-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:50;width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.2)}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:49}
@media (max-width:1100px){.di-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.di-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.di-objective-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.di-depth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.di-report-grid{grid-template-columns:1fr}.di-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.di-world-header,.di-command-bar{flex-direction:column}.di-center-scroll{padding:14px 14px 28px}.di-primary-tabs{padding:0 14px}.di-kpi-strip,.di-template-grid,.di-objective-grid,.di-depth-grid,.di-analytics-grid{grid-template-columns:1fr}.di-source-card{grid-template-columns:26px 52px minmax(0,1fr);}.di-source-card .badge,.di-source-card .text-action{grid-column:3}.di-collection-strip{flex-direction:column;align-items:stretch}.di-collection-strip select{width:100%}}
/* ADMIN operations control-room hardening */
.health-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px 24px;margin-bottom:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-1)}
.health-hero h2{margin:6px 0 8px;font-size:30px;letter-spacing:-.025em}
.ops-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.signal-grid{display:grid;gap:12px}.signal-grid>div{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.signal-grid strong{display:block;margin-bottom:4px}.signal-grid span{font-size:12px;line-height:1.5;color:var(--muted)}
.status-dot.warn{background:#b7791f}
@media(max-width:800px){.health-hero{flex-direction:column}.ops-health-grid{grid-template-columns:1fr}}