:root, :root[data-theme="dark"] {
 --bg:#101516;--panel:#192021;--surface-soft:#202a2b;--input:#131b1c;--text:#f0f4f1;--muted:#a1aeaa;--line:#303c3c;
 --primary:#a8ebd4;--primary-strong:#c4f6e4;--accent:#a8ebd4;--tint:#253d36;--glass:#172021;--glass-line:#384745;
 --shadow:0 8px 24px rgb(0 0 0 / 12%);--danger:#ffa6b4;--success:#a8ebd4;--warning:#edcd91;
}
:root[data-theme="light"] {
 --bg:#f1f5f3;--panel:#fff;--surface-soft:#eaf0ed;--input:#f8fbf9;--text:#172c28;--muted:#576b65;--line:#d6e2dc;
 --primary:#1d6954;--primary-strong:#134d3d;--accent:#1d6954;--tint:#e1f1e9;--glass:#f7fbf8;--glass-line:#cbded2;
 --shadow:0 8px 25px rgb(28 69 49 / 6%);--danger:#a22e49;--success:#1d6954;--warning:#8a5d13;
}
html { background:var(--bg); }
body { background:var(--bg);font-family:"Segoe UI",Inter,system-ui,sans-serif; }
svg.lucide { stroke-width:1.75; }
button,input,select,textarea { font-family:inherit; }
.platform .shell { grid-template-columns:238px minmax(0,1fr); }
.platform .sidebar { background:var(--glass);border-right:1px solid var(--glass-line);padding-top:26px; }
.platform .brand { margin-bottom:27px; }
.platform .brand-mark,.auth-wordmark .brand-mark { background:var(--primary);color:var(--bg);border:1px solid color-mix(in srgb,var(--primary) 75%,white);box-shadow:inset 0 1px 0 rgb(255 255 255 / 30%);font-weight:750;border-radius:8px; }
.platform .brand-dot,.auth-wordmark .brand-dot { background:#e7977c;border-color:var(--glass); }
.platform .brand-name { font-size:24px; }
.platform .brand-name > span { font-size:11px;color:var(--muted); }
.workspace-switch { background:color-mix(in srgb,var(--panel) 80%,transparent);border-color:var(--line);padding:12px;box-shadow:inset 0 1px 0 rgb(255 255 255 / 3%); }
.platform .nav { gap:27px; }
.platform .sidebar .nav { scrollbar-width:thin;scrollbar-color:var(--line) transparent; }
.platform .nav-group { gap:5px; }
.platform .nav-label { font-size:9px;color:var(--muted);opacity:.8; }
.platform .nav-link { min-height:44px;font-size:12px;border-radius:6px; }
.platform .nav-link.active { background:var(--tint);border-color:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);box-shadow:inset 2px 0 0 var(--primary); }
.platform .nav-link:hover { background:var(--surface-soft); }
.platform .nav-link > svg { width:18px;height:18px; }
.platform .nav-link.active .nav-chevron { opacity:.6; }
.platform .sidebar-footer { border-top-color:var(--line); }
.platform .topbar { background:var(--glass);border-bottom-color:var(--glass-line);padding-inline:36px;min-height:72px; }
.platform .location-label { font-size:12px;font-weight:500; }
.platform .search { max-width:280px; }
.platform .search input { border:1px solid var(--line);background:var(--input);border-radius:6px; }
.platform .search input:focus { border-color:var(--primary); }
.platform .top-actions { gap:13px; }
.platform .avatar { background:#d6b39d;color:#3b2e26;border-color:#d6b39d;width:31px;height:31px; }
.theme-control { gap:4px; }
.theme-control select { color:var(--muted);font-size:10px; }
.theme-control svg { color:var(--muted); }
.demo-indicator { display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:4px 8px;border-radius:4px;font-size:10px;color:var(--muted);white-space:nowrap; }
.demo-indicator svg { width:12px;height:12px; }
.platform .content { max-width:1660px;padding:34px 38px 48px;gap:28px; }
.platform .module-nav { padding:8px 30px;background:var(--glass); }
.module-nav a { font-size:11px; }
.studio-heading { min-height:72px; }
.studio-heading h1 { font-size:31px;font-weight:620;line-height:1.25; }
.studio-heading p { font-size:13px;margin-top:10px; }
.eyebrow { font-size:9px;line-height:1.5;font-weight:600; }
.studio-heading .eyebrow { color:var(--muted); }
.btn,.icon-btn { border-color:var(--line);background:var(--panel);box-shadow:inset 0 1px 0 rgb(255 255 255 / 3%);transition:background .16s,border-color .16s,box-shadow .16s,transform .16s; }
.btn { padding:10px 14px;font-size:11px;min-height:39px; }
.icon-btn { width:35px;height:35px;min-width:35px; }
.btn:hover,.icon-btn:hover { border-color:var(--glass-line);box-shadow:0 3px 12px rgb(0 0 0 / 6%); }
.btn:active,.icon-btn:active { transform:translateY(1px); }
.btn.primary { background:var(--primary);color:var(--bg);border-color:var(--primary);box-shadow:inset 0 1px 0 rgb(255 255 255 / 25%),0 3px 12px rgb(0 0 0 / 6%); }
.btn.primary:hover { background:var(--primary-strong); }
.btn[aria-busy="true"] { opacity:.7;cursor:progress; }
.btn[aria-busy="true"]::after { content:"";height:12px;width:12px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:busy-spin .9s linear infinite; }
@keyframes busy-spin { to { transform:rotate(360deg); } }
:focus-visible { outline:2px solid var(--primary);outline-offset:4px; }
input,select,textarea { background:var(--input);border:1px solid var(--line);border-radius:6px;padding:11px 12px; }
input:hover,select:hover,textarea:hover { border-color:var(--glass-line); }
input:focus,select:focus,textarea:focus { border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent); }
label { color:var(--muted);font-size:12px;gap:8px; }
label input,label select,label textarea { font-size:13px; }
input[type="checkbox"],input[type="radio"] { width:16px;height:16px;min-width:16px; }
input[type="file"]::file-selector-button { background:var(--surface-soft);color:var(--text); }
.form-stack { gap:18px; }
.form-grid { gap:18px; }
.platform-overview { border-color:var(--line);padding-block:19px; }
.platform-overview > a { padding-inline:28px; }
.platform-overview > a > span:nth-child(2) { font-size:11px; }
.platform-overview strong { font-size:25px;font-weight:600; }
.overview-icon { width:39px;height:39px;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:7px; }
.section-heading { margin-bottom:18px; }
.section-heading h2 { font-size:16px;font-weight:600; }
.section-heading .eyebrow { margin-bottom:7px; }
.tool-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;grid-auto-flow:row dense; }
.home-tools .tool-grid { grid-auto-rows:205px; }
.home-tools .bento-image { min-height:424px; }
.home-tools .bento-image .tool-visual { min-height:125px;max-height:180px; }
.home-tools .bento-article .tool-visual { display:none; }
.home-tools .bento-carousel p { display:none; }
.home-tools .carousel-mini { margin:12px 0; }
.tool-card { position:relative;display:flex;flex-direction:column;min-height:184px;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,var(--accent)),var(--panel));border-radius:8px;padding:19px 20px 15px;box-shadow:inset 0 1px 0 rgb(255 255 255 / 5%);overflow:hidden; }
.tool-card:hover { border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:inset 0 1px 0 rgb(255 255 255 / 8%),var(--shadow); }
.tool-card-top { margin-bottom:15px;position:relative;z-index:2; }
.tool-icon { background:var(--tint);color:var(--accent);width:38px;height:38px;min-width:38px;border-radius:7px;border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent) 12%,transparent); }
.tool-icon svg { width:20px;height:20px; }
.tool-card .favorite { color:var(--muted); }
.favorite.selected svg { fill:#e8c782;color:#e8c782; }
.tool-card h3 { font-size:14px;font-weight:600; }
.tool-card p { font-size:11px;line-height:1.7;min-height:38px;margin-top:8px;max-width:260px; }
.tool-card-link { flex:1;display:flex;flex-direction:column;min-width:0; }
.tool-card-foot { margin-top:auto;padding-top:14px;border-color:color-mix(in srgb,var(--line) 80%,transparent);font-size:9px; }
.tool-card-foot svg { width:15px;height:15px; }
.tool-visual { margin:16px -3px 14px;overflow:hidden;border-radius:5px;aspect-ratio:2.2; }
.tool-visual img { width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s; }
.tool-card:hover .tool-visual img { transform:scale(1.025); }
.bento-image { grid-column:span 2;grid-row:span 2;min-height:386px;background:linear-gradient(145deg,#213b33,#172c26); }
.bento-image h3 { font-size:23px;color:#eef8f1; }
.bento-image p { color:#b5c9bf;font-size:12px;max-width:340px; }
.bento-image .tool-icon { background:#315248;color:#b5efd6;border-color:#496b5e; }
.bento-image .tool-card-foot { color:#b2cbbf;border-color:#365247; }
.bento-image .tool-card-foot svg { color:#bbefd7; }
.bento-image .tool-visual { margin-top:22px;aspect-ratio:2.1;flex:1;min-height:150px;max-height:250px; }
.bento-image:not(.has-preview)::after { content:"";display:block;margin-top:20px;height:100px;border:1px solid #365247;border-radius:5px;background:linear-gradient(115deg,#243e35,#314a3e); }
.bento-social .tool-visual,.bento-mailing .tool-visual { display:none; }
.bento-carousel .tool-card-top { margin-bottom:10px; }
.carousel-mini { display:flex;gap:5px;margin-block:14px; }
.carousel-mini > span { width:33.33%;height:62px;border-radius:3px;background:#c9dbc6;color:#243a30;font-size:8px;padding:7px;transform:rotate(-3deg); }
.carousel-mini > span:nth-child(2) { background:#d4c2a4;transform:rotate(2deg); }
.carousel-mini > span:nth-child(3) { background:#b5cfe0;transform:rotate(6deg); }
.carousel-mini strong { display:block;font-size:10px;margin-top:10px; }
.bento-carousel .tool-card-foot { margin-top:0; }
.bento-article .tool-visual,.bento-product .tool-visual,.bento-campaign .tool-visual { aspect-ratio:2.5; }
.studio-two-column { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px; }
.creation-row { padding:13px 0;gap:13px; }
.creation-row .creation-thumb { width:54px;height:42px;object-fit:cover;border-radius:5px;flex-shrink:0; }
.creation-row strong { font-size:12px;line-height:1.5; }
.creation-row small { font-size:10px; }
.status-pill { border:1px solid color-mix(in srgb,var(--line) 80%,transparent);font-size:9px;background:var(--surface-soft);color:var(--muted); }
.agenda-row { padding-block:13px; }
.agenda-date { color:var(--text); }
.crm-quick-link { border-color:var(--line);padding-block:18px; }
.library-filters { padding-block:15px;gap:12px; }
.library-filters input,.library-filters select { font-size:11px; }
.content-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.content-card { background:var(--panel);border-color:var(--line);box-shadow:inset 0 1px 0 rgb(255 255 255 / 4%);transition:border-color .2s,box-shadow .2s; }
.content-card:hover { border-color:var(--glass-line);box-shadow:var(--shadow); }
.content-thumbnail { aspect-ratio:1.6;background:var(--surface-soft); }
.document-thumbnail { padding:25px; }
.document-thumbnail strong { font-size:20px;line-height:1.4;font-weight:550; }
.content-card-info { padding:17px 18px;gap:13px; }
.content-card-info h3 { font-size:13px;font-weight:600;line-height:1.5; }
.content-meta small { white-space:nowrap; }
.settings-shortcuts { gap:20px; }
.settings-shortcuts a { font-size:11px; }
.settings-shortcuts a:hover { color:var(--primary); }
.settings-section { padding-block:32px; }
.settings-section h2 { font-size:17px;font-weight:550; }
.rules-scope summary { font-size:12px;padding-block:3px; }
.rules-scope[open] summary { color:var(--primary); }
.studio-workbench { grid-template-columns:minmax(220px,.8fr) minmax(350px,1.5fr) minmax(250px,1fr);gap:25px; }
.studio-workbench .section-heading h2 { font-size:14px; }
.brief-column { padding-right:22px; }
.preview-column { padding-left:22px; }
.connection-notice { padding:15px;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;font-size:11px; }
.connection-notice p { font-size:11px; }
.connection-notice strong { font-size:11px; }
.example-context { display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px; }
.example-context a { font-size:10px;color:var(--primary); }
.example-context svg { width:12px;height:12px;vertical-align:middle; }
.content-text-editor { min-height:340px!important;background:var(--panel);line-height:1.9; }
.content-preview { background:var(--panel);border-color:var(--glass-line);box-shadow:inset 0 1px 0 rgb(255 255 255 / 3%);padding:20px; }
.studio-mail-preview ~ .content-preview { display:none; }
.document-preview { white-space:normal; }
.document-preview h2 { font-size:23px;line-height:1.35;margin:22px 0 16px; }
.document-preview h3 { font-size:17px;line-height:1.4;margin:25px 0 12px; }
.document-preview h4 { font-size:15px;margin:20px 0 10px; }
.document-preview p,.document-preview ul { margin:0 0 16px;line-height:1.8; }
.preview-identity { margin-bottom:22px; }
.preview-text { font-size:12px;line-height:1.9; }
.studio-image-preview { border:1px solid var(--line);border-radius:6px;background:var(--surface-soft); }
.mail-preview-envelope { padding:18px 0;border-block:1px solid var(--line);margin-block:18px; }
.mail-preview-envelope small { font-size:9px;color:var(--muted); }
.mail-preview-envelope strong { display:block;font-size:12px;margin-top:8px;line-height:1.6;overflow-wrap:anywhere; }
.mail-preview-envelope p { font-size:11px;color:var(--muted);line-height:1.6; }
.studio-mail-preview { width:100%;height:430px;border:1px solid var(--line);border-radius:5px;background:white; }
.editor-save-bar { padding-block:16px 0; }
.editor-actions .btn { font-size:10px; }
.generation-row { align-items:flex-start; }
.generation-row [data-job-state] { display:inline-block;padding:3px 6px;border:1px solid var(--line);border-radius:3px;margin-top:7px; }
.calendar-grid { border-color:var(--line);border-radius:6px;overflow:hidden; }
.calendar-day-name { background:var(--surface-soft);font-size:10px; }
.calendar-cell { min-height:145px;padding:10px;background:var(--panel); }
.calendar-cell.outside { background:var(--bg); }
.calendar-cell.today { background:color-mix(in srgb,var(--panel) 90%,var(--primary)); }
.calendar-event { padding:7px 8px;border-radius:4px; }
.calendar-event strong { font-size:10px;font-weight:500; }
.calendar-disclaimer { font-size:11px;line-height:1.7; }
.metric { box-shadow:inset 0 1px 0 rgb(255 255 255 / 3%); }
.metric-grid { gap:14px; }
.metric-top > span:first-child { font-weight:500; }
.metric > strong { font-size:30px;font-weight:600; }
.platform .panel,.platform .workspace-section { border-color:var(--line);background:transparent; }
.platform .panel { padding:22px 0; }
.platform .workspace-section { padding:24px 0; }
.platform .panel > .table-scroll { margin-top:0; }
.table-scroll { border:1px solid var(--line);border-radius:6px;background:var(--panel);scrollbar-color:var(--glass-line) var(--surface-soft); }
.platform th { background:var(--surface-soft);color:var(--muted);padding:13px 15px;font-size:9px;font-weight:600; }
.platform td { padding:15px;font-size:12px;border-color:var(--line); }
.platform tbody tr:hover { background:color-mix(in srgb,var(--primary) 4%,var(--panel)); }
.platform .table-empty td { padding-block:40px;background:var(--panel); }
.platform .badge { font-size:10px;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent); }
.platform .contact-tabs button { font-size:12px; }
.platform .contact-tabs button[aria-selected="true"] { background:var(--tint);border-bottom-color:var(--primary); }
.platform .kanban-col { border-radius:6px; }
.platform .kanban-card { box-shadow:none;border-radius:6px; }
.platform .toast { border-radius:6px;background:var(--panel);color:var(--text);border:1px solid var(--glass-line);box-shadow:var(--shadow);padding:14px 16px; }
.platform .toast.error { border-left:3px solid var(--danger); }
.platform .toast.success { border-left:3px solid var(--primary); }
.platform dialog,.platform .modal-content,.platform .modal-box { border:1px solid var(--glass-line);border-radius:8px;background:var(--glass);box-shadow:0 24px 70px rgb(0 0 0 / 28%); }
dialog::backdrop { background:rgb(8 14 14 / 65%);backdrop-filter:blur(5px); }
.search-results { box-shadow:0 15px 35px rgb(0 0 0 / 15%); }
.empty-state { background:transparent;padding:45px 24px;border:1px dashed var(--line);border-radius:6px; }
.empty-state > svg { color:var(--primary); }
.empty-state h2 { color:var(--text);font-size:17px; }
.empty-state p { font-size:12px;max-width:400px;line-height:1.8; }
.crm-empty { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:42px;align-items:center;border-block:1px solid var(--line);padding-block:36px; }
.crm-empty h2 { font-size:25px;font-weight:550;max-width:420px;margin-block:18px; }
.crm-empty p { max-width:450px;line-height:1.9;font-size:13px;color:var(--muted); }
.crm-empty .actions { margin-top:24px; }
.crm-empty-list { display:grid;gap:0; }
.crm-empty-list a { display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0; }
.crm-empty-list a > span:nth-child(2) { flex:1; }
.crm-empty-list strong { font-size:13px;display:block;font-weight:550; }
.crm-empty-list small { display:block;font-size:11px;color:var(--muted);margin-top:5px; }
.crm-empty-list a > svg { width:15px; }
.crm-integrity { display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px; }
.crm-integrity svg { width:16px;color:var(--primary); }
.premium-auth { display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0;padding:90px 24px 40px;position:relative;isolation:isolate;background:var(--bg);border:0; }
.premium-auth::before { content:"";position:fixed;inset:0;z-index:-2;background:url('../demo/horizon-atelier.png') center/cover no-repeat; }
.premium-auth::after { content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(10,20,18,.97) 3%,rgba(10,20,18,.89) 50%,rgba(10,20,18,.62)); }
[data-theme="light"] .premium-auth::after { background:linear-gradient(115deg,rgba(239,246,241,.95),rgba(239,246,241,.86) 55%,rgba(239,246,241,.58)); }
.auth-topbar { position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:25px 38px;gap:20px; }
.auth-wordmark { display:flex;align-items:center;gap:11px;font-size:22px;font-weight:700;color:var(--text); }
.auth-wordmark small { font-size:11px;font-weight:550;opacity:.65; }
.auth-wordmark .brand-mark { width:36px;height:36px;font-size:24px; }
.auth-topbar .theme-control { background:var(--glass);border:1px solid var(--glass-line);padding:4px 9px;border-radius:6px; }
.auth-topbar .theme-control select { width:90px;color:var(--text); }
.premium-auth .auth-shell { width:min(440px,100%);display:grid;gap:22px; }
.auth-window { border:1px solid var(--glass-line);border-radius:8px;background:var(--glass);padding:32px;box-shadow:inset 0 1px 0 rgb(255 255 255 / 8%),0 22px 60px rgb(0 0 0 / 18%); }
.auth-window-top { display:flex;align-items:center;gap:11px;margin-bottom:32px;color:var(--muted);font-size:9px;font-weight:550; }
.auth-window-top > svg { margin-left:auto;width:16px; }
.auth-symbol { width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:var(--primary);background:var(--surface-soft); }
.auth-symbol svg { width:18px;height:18px; }
.premium-auth .login-card { display:block;border:0;background:transparent;box-shadow:none;padding:0;border-radius:0; }
.auth-window h1 { font-size:27px;font-weight:580;line-height:1.3;margin:0;max-width:350px; }
.auth-window .muted { font-size:12px;line-height:1.8;margin:12px 0 27px; }
.auth-window form { margin-top:26px;gap:20px; }
.auth-window input { background:var(--input);font-size:13px;padding:12px 13px; }
.auth-window .btn.primary { width:100%;justify-content:space-between;padding:13px 15px;font-size:12px;min-height:44px; }
.auth-recovery { display:block;margin-top:19px;color:var(--muted);font-size:11px;text-align:center; }
.auth-recovery:hover { color:var(--primary); }
.auth-demo-note { display:flex;gap:8px;align-items:flex-start;border-top:1px solid var(--line);padding-top:18px;margin-top:25px;color:var(--muted);font-size:10px;line-height:1.7; }
.auth-demo-note svg { width:14px;min-width:14px;height:17px;color:var(--primary); }
.auth-footer { display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:10px; }
.auth-footer svg { width:13px;height:13px; }
.auth-window > a:not(.btn) { display:block;margin-top:18px;font-size:11px;color:var(--primary); }
@supports (backdrop-filter:blur(10px)) {
 .platform .sidebar,.platform .topbar { background:color-mix(in srgb,var(--glass) 88%,transparent);backdrop-filter:blur(18px); }
 .auth-window { background:color-mix(in srgb,var(--glass) 88%,transparent);backdrop-filter:blur(24px); }
 .platform .modal-content,.platform .modal-box,dialog { backdrop-filter:blur(18px); }
}
@media(min-width:961px) { .platform.nav-collapsed .shell { grid-template-columns:76px minmax(0,1fr); } }
@media(max-width:1320px) {
 .studio-workbench { grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr); }
 .studio-workbench .preview-column { grid-column:2;padding-left:0;border-left:0; }
 .platform .content { padding-inline:28px; }
 .tool-grid { gap:12px; }
 .tool-card { padding:17px 16px 14px; }
 .tool-card h3 { font-size:13px; }
 .bento-image h3 { font-size:23px; }
 .content-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1050px) {
 .platform .shell { grid-template-columns:218px minmax(0,1fr); }
 .platform .sidebar { padding-inline:12px; }
 .platform .topbar { padding-inline:24px; }
 .platform .search { max-width:220px; }
 .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home-tools .tool-grid { grid-auto-rows:auto; }
 .home-tools .bento-image { min-height:240px; }
 .bento-image { grid-column:span 2;grid-row:auto;min-height:240px; }
 .bento-image .tool-card-link { padding-right:48%;position:relative; }
 .bento-image .tool-visual { position:absolute;right:0;top:-45px;width:43%;aspect-ratio:1.1;margin:0;max-height:205px; }
 .bento-image .tool-card-foot { margin-top:22px; }
 .bento-image:not(.has-preview)::after { display:none; }
 .tool-card { min-height:180px; }
 .studio-two-column { gap:24px;grid-template-columns:minmax(0,1fr); }
 .content-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .settings-section { grid-template-columns:180px minmax(0,1fr);gap:28px; }
}
@media(max-width:960px) {
 .platform .shell { display:block; }
 .platform .sidebar { width:238px; }
 .platform .content { padding:25px 24px 40px; }
 .platform .topbar { padding-inline:20px; }
 .platform .module-nav { padding-inline:16px; }
 .crm-empty { gap:25px; }
 .auth-topbar { padding:22px 26px; }
}
@media(max-width:700px) {
 .platform .content { padding:23px 16px 36px;gap:25px; }
 .platform .topbar { min-height:62px;padding:10px 14px; }
 .platform .top-actions { gap:7px; }
 .theme-control select { font-size:10px;width:64px; }
 .demo-indicator { padding:4px 6px;font-size:9px; }
 .demo-indicator svg { display:none; }
 .platform .location-label { max-width:95px;font-size:10px; }
 .studio-heading { gap:16px; }
 .studio-heading h1 { font-size:26px; }
 .studio-heading p { font-size:12px; }
 .studio-heading > .btn { width:auto; }
 .tool-grid { gap:11px; }
 .tool-card { padding:15px 13px 13px;min-height:185px; }
 .tool-card p { font-size:10px;min-height:37px; }
 .tool-card h3 { font-size:12px; }
 .bento-image { min-height:230px; }
 .bento-image h3 { font-size:22px; }
 .bento-image p { font-size:11px; }
 .bento-image .tool-card-link { padding-right:47%; }
 .bento-image .tool-visual { top:-35px;width:44%;height:165px; }
 .tool-card-foot { font-size:8px; }
 .carousel-mini { gap:3px; }
 .carousel-mini > span { padding:5px;height:59px; }
 .carousel-mini strong { font-size:8px; }
 .overview-icon { width:30px;height:30px; }
 .platform-overview { gap:9px; }
 .platform-overview > a { padding-inline:7px; }
 .platform-overview > a:first-child { padding-left:0; }
 .platform-overview strong { font-size:23px; }
 .platform-overview > a > span:nth-child(2) { font-size:9px; }
 .platform-overview strong small { font-size:9px; }
 .content-grid { grid-template-columns:minmax(0,1fr); }
 .content-thumbnail { aspect-ratio:1.55; }
 .creation-row .creation-thumb { width:43px;height:39px; }
 .creation-row strong { font-size:11px; }
 .creation-row .status-pill { max-width:80px;font-size:8px; }
 .studio-workbench { grid-template-columns:minmax(0,1fr);gap:26px; }
 .studio-workbench .brief-column { padding-right:0; }
 .studio-workbench .preview-column { grid-column:auto;padding-left:0; }
 .settings-section { grid-template-columns:minmax(0,1fr);gap:20px; }
 .calendar-cell { padding:5px;min-height:105px; }
 .calendar-event { padding:4px; }
 .calendar-toolbar h2 { font-size:16px; }
 .calendar-disclaimer { font-size:10px; }
 .crm-empty { grid-template-columns:minmax(0,1fr);padding-block:25px; }
 .crm-empty h2 { font-size:23px; }
 .crm-empty p { font-size:12px; }
 .premium-auth { padding:92px 18px 30px; }
 .premium-auth::after { background:rgba(10,20,18,.88); }
 [data-theme="light"] .premium-auth::after { background:rgba(239,246,241,.88); }
 .auth-window { padding:26px 24px; }
 .auth-topbar { padding:20px 22px; }
 .auth-wordmark { font-size:20px; }
 .auth-wordmark .brand-mark { width:32px;height:32px;font-size:22px; }
 .auth-window h1 { font-size:25px; }
 .auth-window-top { margin-bottom:26px; }
 .auth-topbar .theme-control select { width:75px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }
@media(prefers-reduced-transparency:reduce) { .auth-window,.platform .sidebar,.platform .topbar { backdrop-filter:none;background:var(--glass); } }