/* BotFlow product language: editorial spacing, warm charcoal and one useful accent. */
html[data-theme="dark"] {
  --premium-bg:#101210; --premium-sidebar:#151815; --premium-surface:#1a1d19;
  --premium-raised:#22261f; --premium-line:#33382e; --premium-text:#f0f1e9;
  --premium-muted:#a5ad9e; --premium-dim:#818c79; --premium-accent:#d9ef87;
  --premium-soft:#2b3422; --premium-input:#131712; --accent:#d9ef87;
  --accent-dark:#e6f6ad; --text:#f0f1e9; --muted:#a5ad9e; --line:#33382e;
}
html[data-theme="light"] {
  --premium-bg:#f5f5ee; --premium-sidebar:#fafaf4; --premium-surface:#fffef7;
  --premium-raised:#eeefe5; --premium-line:#dedfd2; --premium-text:#252a20;
  --premium-muted:#707967; --premium-dim:#858d7c; --premium-accent:#d9ef87;
  --premium-soft:#e9f0d9; --premium-input:#f9f9f0; --accent:#526626;
  --accent-dark:#40551a; --text:#252a20; --muted:#707967; --line:#dedfd2;
}
html[data-theme] { scroll-behavior:smooth; }
html[data-theme] body { font-size:14px; background:var(--premium-bg); color:var(--premium-text); }
html[data-theme] a { color:var(--accent); }
html[data-theme] ::selection { background:#94a453; color:#10150c; }
html[data-theme] button:focus-visible,html[data-theme] a:focus-visible,html[data-theme] [tabindex]:focus-visible {
  outline:2px solid var(--premium-accent); outline-offset:4px;
}
html[data-theme="light"] button:focus-visible,html[data-theme="light"] a:focus-visible,html[data-theme="light"] [tabindex]:focus-visible {
  outline-color:#526626;
}
html[data-theme] .button {
  min-height:42px; padding:10px 16px; font-size:13px; font-weight:700; border-radius:8px;
  color:var(--premium-text); background:var(--premium-raised); border-color:var(--premium-line);
  box-shadow:none; transition:background .18s,border-color .18s,transform .18s;
}
html[data-theme] .button .icon { width:17px; height:17px; }
html[data-theme] .button:hover { background:var(--premium-soft); border-color:#6e795c; transform:translateY(-1px); }
html[data-theme] .button.primary {
  color:#202816; background:#d9ef87; border-color:#d9ef87; box-shadow:none;
}
html[data-theme] .button.primary:hover { color:#17200b; background:#e8f5b3; border-color:#e8f5b3; }
html[data-theme] .button.soft { color:var(--premium-text); background:var(--premium-soft); border-color:#62734566; }
html[data-theme] .button.soft:hover { background:#53653b55; }
html[data-theme] .button.ghost { color:var(--premium-muted); border-color:transparent; background:transparent; }
html[data-theme] .button.ghost:hover { background:var(--premium-raised); color:var(--premium-text); }
html[data-theme] .button.danger { color:#e3a99e; background:#6b342325; border-color:#7c4c3e; }
html[data-theme] .button.small { min-height:36px; padding:7px 11px; font-size:12px; }
html[data-theme] .icon-button { width:38px; min-width:38px; height:38px; padding:9px; color:var(--premium-muted); }
html[data-theme] .icon-button:hover { color:var(--premium-text); background:var(--premium-raised); }
html[data-theme] .icon-button .icon { width:18px; height:18px; }
html .workspace-premium {
  --sidebar:246px; background:var(--premium-bg); color:var(--premium-text); min-height:100vh;
}
html .workspace-premium .sidebar { padding:32px 20px 20px; width:var(--sidebar); background:var(--premium-sidebar); border-color:var(--premium-line); }
html .workspace-premium .brand { color:var(--premium-text); font-size:30px; letter-spacing:-1.7px; padding:0 9px 32px; gap:10px; }
html .workspace-premium .brand-mark { background:var(--premium-accent); color:#1d2814; border-radius:10px; box-shadow:none; width:34px; height:36px; padding:0; }
html .workspace-premium .brand-mark .icon { width:20px; height:20px; fill:currentColor; stroke-width:1.1; }
html .workspace-premium .brand-mark { background:transparent; color:var(--premium-accent); }
html .workspace-premium .brand-mark > svg { width:36px; height:36px; display:block; }
html .workspace-premium .brand-period { color:var(--premium-accent); margin-left:-9px; }
html .workspace-premium .workspace { background:transparent; border:1px solid var(--premium-line); border-radius:9px; padding:13px 10px; margin-bottom:30px; gap:10px; }
html .workspace-premium .workspace-badge { color:var(--premium-text); background:var(--premium-raised); width:32px; height:32px; border-radius:7px; font-size:12px; }
html .workspace-premium .workspace strong { color:var(--premium-text); font-size:11px; }
html .workspace-premium .workspace small { color:var(--premium-dim); font-size:10px; }
html .workspace-premium .nav-label { padding:0 11px; font-size:9px; letter-spacing:1.4px; color:var(--premium-dim); margin-bottom:12px; }
html .workspace-premium .nav-button { font-size:12px; min-height:46px; padding:12px 12px; gap:12px; color:var(--premium-muted); border-radius:7px; margin:3px 0; }
html .workspace-premium .nav-button .icon { width:18px; height:18px; }
html .workspace-premium .nav-button.active { color:var(--premium-accent); background:#90a35415; }
html .workspace-premium .nav-button:hover { background:var(--premium-raised); color:var(--premium-text); }
html .workspace-premium .nav-button .nav-count { color:var(--premium-text); background:var(--premium-soft); border-radius:5px; font-size:10px; }
html .workspace-premium .nav-divider { background:var(--premium-line); margin:23px 10px; }
html .workspace-premium .sidebar-bottom { padding-top:35px; }
.sidebar-note { padding:20px 10px; }
.sidebar-note-label { display:block; font-size:8px; line-height:1.9; letter-spacing:1.2px; color:var(--premium-dim); max-width:150px; }
.sidebar-note button { display:flex; align-items:center; justify-content:space-between; gap:13px; margin-top:12px; border:0; padding:0; min-height:32px; color:var(--premium-muted); background:none; font-size:11px; }
.sidebar-note .icon { width:15px; height:15px; }
html .workspace-premium .sidebar-user { border-color:var(--premium-line); padding-top:18px; margin-top:0; gap:10px; }
html .workspace-premium .sidebar-user strong { color:var(--premium-text); font-size:11px; }
html .workspace-premium .sidebar-user small { color:var(--premium-dim); font-size:10px; }
html[data-theme] .avatar { color:#d5dfc6; background:#3f4736; width:35px; height:35px; font-size:12px; }
html .workspace-premium .sidebar-user button { color:var(--premium-muted); min-width:32px; height:32px; }
html .workspace-premium .topbar { background:var(--premium-bg); border-color:var(--premium-line); height:82px; padding:0 42px; }
html .workspace-premium .breadcrumb { font-size:12px; gap:14px; color:var(--premium-dim); }
html .workspace-premium .breadcrumb a { color:var(--premium-muted); }
html .workspace-premium .breadcrumb strong { color:var(--premium-text); font-weight:500; }
.breadcrumb-slash { color:var(--premium-dim); opacity:.65; }
html .workspace-premium .top-actions { gap:17px; }
html .workspace-premium .top-search { color:var(--premium-dim); font-size:11px; gap:10px; }
html .workspace-premium .top-search .icon { width:16px; height:16px; }
html .workspace-premium .kbd { color:var(--premium-dim); border-color:var(--premium-line); padding:1px 5px; font-size:10px; }
.mode-marker { display:flex; align-items:center; gap:7px; color:var(--premium-muted); font-size:11px; white-space:nowrap; }
.mode-marker i { width:5px; height:5px; border-radius:50%; background:#c3ad79; }
.mode-marker.is-live i { background:var(--premium-accent); }
html .workspace-premium .lang-select { font-size:11px; color:var(--premium-muted); }
html .workspace-premium .content { max-width:1510px; padding:43px 42px 36px; background:var(--premium-bg); }
html .workspace-premium .page-heading { align-items:center; margin-bottom:30px; gap:25px; }
html .workspace-premium .page-heading h1 { color:var(--premium-text); font-size:clamp(30px,3vw,44px); letter-spacing:-1.9px; line-height:1.18; font-weight:600; }
html .workspace-premium .page-heading p { font-size:13px; line-height:1.8; color:var(--premium-muted); max-width:530px; margin-top:13px; }
html .workspace-premium .page-heading > .button { padding:12px 20px; min-height:46px; }
.editorial-label { display:flex; justify-content:space-between; color:var(--premium-dim); font-size:10px; font-weight:700; letter-spacing:1.8px; margin-bottom:18px; }
.editorial-label span { letter-spacing:1px; }
.editorial-label.small { font-size:8px; margin-bottom:9px; letter-spacing:1.4px; }
.demo-banner { border:1px solid var(--premium-line); background:var(--premium-surface); border-radius:10px; padding:17px 20px; display:flex; align-items:center; gap:15px; margin-bottom:23px; }
.demo-banner-icon { width:35px; height:35px; border-radius:50%; background:var(--premium-raised); color:#c8bb90; display:grid; place-items:center; flex-shrink:0; }
.demo-banner strong { font-size:12px; color:var(--premium-text); font-weight:600; }
.demo-banner p { margin:4px 0 0; font-size:11px; line-height:1.7; color:var(--premium-muted); max-width:560px; }
.demo-banner > .button { margin-left:auto; min-height:36px; font-size:11px; }
.launch-checklist { border:1px solid var(--premium-line); border-radius:12px; background:var(--premium-surface); padding:23px 25px 25px; margin:0 0 18px; }
.launch-header { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:25px; }
.launch-header h2 { margin:0; font-size:19px; font-weight:600; letter-spacing:-.5px; color:var(--premium-text); }
.launch-progress { color:var(--premium-dim); font-size:12px; white-space:nowrap; }
.launch-progress strong { color:var(--premium-accent); font-size:20px; font-weight:500; }
.launch-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.launch-step { position:relative; display:flex; flex-direction:column; align-items:start; text-align:left; min-height:127px; border-radius:8px; border:1px solid var(--premium-line); background:transparent; color:var(--premium-muted); padding:15px; transition:border-color .2s,background .2s,transform .2s; }
.launch-step:hover { background:var(--premium-raised); transform:translateY(-3px); border-color:#6c7959; }
.launch-step.current { background:#b5cc5d08; border-color:#80944b; }
.launch-step-index { font-size:11px; color:var(--premium-dim); margin-bottom:17px; min-height:16px; }
.launch-step-index .icon { width:16px; height:16px; }
.launch-step.complete .launch-step-index { color:var(--premium-accent); }
.launch-step strong { color:var(--premium-text); font-size:12px; font-weight:600; line-height:1.5; margin-bottom:5px; }
.launch-step small { color:var(--premium-dim); font-size:10px; line-height:1.7; }
.launch-step-arrow { position:absolute; top:14px; right:13px; color:var(--premium-dim); }
.launch-step-arrow .icon { width:14px; height:14px; }
.workspace-status-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:26px; }
.channel-status { display:flex; align-items:center; gap:11px; padding:13px 16px; border:1px solid var(--premium-line); border-radius:8px; background:var(--premium-surface); }
.channel-status-icon { color:var(--premium-muted); }
.channel-status-icon .icon { width:19px; height:19px; }
.channel-status strong { display:block; font-size:11px; font-weight:600; color:var(--premium-text); }
.channel-status small { display:block; font-size:10px; color:var(--premium-dim); margin-top:2px; }
.channel-dot { width:6px; height:6px; border-radius:50%; margin-left:auto; background:#b5a278; flex-shrink:0; }
.channel-status.healthy .channel-dot { background:var(--premium-accent); box-shadow:0 0 0 4px #b7d16612; }
.inbox-shortcut { display:flex; align-items:center; gap:10px; text-align:left; padding:13px 16px; border:1px solid var(--premium-line); border-radius:8px; background:var(--premium-surface); color:var(--premium-muted); font-size:11px; }
.inbox-shortcut > .icon:last-child { margin-left:auto; width:15px; height:15px; }
.inbox-shortcut:hover { background:var(--premium-raised); color:var(--premium-text); }
html .workspace-premium .stats-grid { gap:0; margin:0 0 43px; border-bottom:1px solid var(--premium-line); padding-bottom:24px; }
html .workspace-premium .stat { border:0; border-right:1px solid var(--premium-line); border-radius:0; background:transparent; box-shadow:none; padding:0 23px; }
html .workspace-premium .stat:first-child { padding-left:0; }
html .workspace-premium .stat:last-child { border:0; }
html .workspace-premium .stat-icon { display:none; }
html .workspace-premium .stat-label { color:var(--premium-muted); font-size:11px; }
html .workspace-premium .stat-label .icon { display:none; }
html .workspace-premium .stat-value { color:var(--premium-text); font-size:30px; font-weight:500; letter-spacing:-1px; margin:7px 0 4px; }
html .workspace-premium .stat-foot { color:var(--premium-dim); font-size:9px; }
html .workspace-premium .stat-foot .positive { color:var(--premium-muted); background:var(--premium-raised); padding:1px 5px; font-size:8px; }
html .workspace-premium .section-row { margin-bottom:20px; gap:14px; }
html .workspace-premium .section-row h2 { font-size:20px; font-weight:600; letter-spacing:-.5px; color:var(--premium-text); }
html .workspace-premium .count-pill { color:var(--premium-muted); background:var(--premium-raised); font-size:11px; margin-left:10px; padding:2px 7px; }
html .workspace-premium .filter-input input { background:transparent; border-color:var(--premium-line); color:var(--premium-text); padding:11px 12px 11px 35px; width:210px; font-size:12px; }
html .workspace-premium .filter-input .icon { left:12px; width:15px; height:15px; color:var(--premium-dim); }
html .workspace-premium .tabs { margin-bottom:0; gap:12px; border-color:var(--premium-line); }
html .workspace-premium .tab { padding:12px 8px 15px; font-size:12px; color:var(--premium-muted); }
html .workspace-premium .tab:first-child { padding-left:0; }
html .workspace-premium .tab.active { color:var(--premium-text); border-color:var(--premium-accent); }
html .workspace-premium .tab .tab-count { font-size:10px; color:var(--premium-dim); margin-left:7px; }
html .workspace-premium .project-list { display:flex; flex-direction:column; gap:0; margin-bottom:0; }
html .workspace-premium .project-row { display:flex; flex-direction:row; align-items:center; gap:22px; border:0; border-bottom:1px solid var(--premium-line); border-radius:0; background:transparent; padding:23px 0; box-shadow:none; min-height:123px; }
html .workspace-premium .project-row:hover { transform:none; background:#9ba97c05; box-shadow:none; }
.project-identity { display:flex; align-items:center; gap:15px; min-width:0; flex:1; }
.project-identity > div { min-width:0; }
.project-title-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
html .workspace-premium .bot-title { color:var(--premium-text); font-size:14px; line-height:1.6; font-weight:600; letter-spacing:-.2px; }
html .workspace-premium .bot-description { color:var(--premium-muted); font-size:11px; min-height:0; margin:5px 0 2px; -webkit-line-clamp:1; }
html .workspace-premium .bot-username { color:var(--premium-dim); font-size:10px; margin:0; }
html .workspace-premium .bot-icon { color:#d2dfb2; background:#303928; width:46px; height:46px; border-radius:11px; flex-shrink:0; }
html .workspace-premium .bot-icon.mint { color:#b5d7be; background:#2a3a30; }
html .workspace-premium .bot-icon.peach { color:#dcc09f; background:#3d3328; }
html .workspace-premium .bot-icon.blue { color:#b3c9d0; background:#2c373c; }
html[data-theme] .status { font-size:9px; padding:3px 7px; border-radius:4px; font-weight:500; color:var(--premium-muted); background:var(--premium-raised); }
html[data-theme] .status.active { color:#bdcfaa; background:#60764822; }
html[data-theme] .status.draft { color:#c6b68e; background:#987d3d1c; }
html[data-theme] .status.paused { color:var(--premium-muted); background:var(--premium-raised); }
html[data-theme] .status.needs-attention { color:#edc191; background:#a5663024; }
html[data-theme] .status.operator { color:#c3d5ba; background:#657e4a22; }
html[data-theme="light"] .status.active { color:#4d653a; background:#60764819; }
html[data-theme="light"] .status.draft { color:#76602c; background:#987d3d19; }
html[data-theme="light"] .status.needs-attention { color:#86501e; background:#a566301b; }
html[data-theme="light"] .status.operator { color:#48623a; background:#657e4a1b; }
html[data-theme="light"] .avatar { color:#42532d; background:#dce3d1; }
html[data-theme="light"] .workspace-premium .nav-button.active { color:#486021; background:#90a35420; }
html[data-theme="light"] .workspace-premium .bot-icon { color:#506737; background:#e4ebd8; }
html[data-theme="light"] .workspace-premium .bot-icon.mint { color:#3f6950; background:#dfebe1; }
html[data-theme="light"] .workspace-premium .bot-icon.peach { color:#85613f; background:#f0e5d5; }
html[data-theme="light"] .workspace-premium .bot-icon.blue { color:#496b78; background:#e1e9ed; }
.project-stat { min-width:58px; text-align:center; }
.project-stat strong { display:block; font-size:16px; line-height:1.5; color:var(--premium-text); font-weight:500; }
.project-stat span { font-size:9px; color:var(--premium-dim); }
.project-updated { font-size:10px; color:var(--premium-dim); text-align:right; min-width:62px; }
.project-updated strong { display:block; color:var(--premium-muted); font-weight:500; font-size:11px; }
.project-actions { display:flex; align-items:center; gap:4px; }
.project-actions .button { min-height:36px; padding:8px 12px; font-size:11px; }
.project-actions .button .icon { width:14px; height:14px; }
.template-starters { margin-top:42px; }
html .workspace-premium .template-strip { gap:12px; }
html .workspace-premium .template-mini { display:flex; flex-direction:column; text-align:left; align-items:start; padding:20px; background:var(--premium-surface); border-color:var(--premium-line); border-radius:10px; gap:16px; position:relative; min-height:155px; }
html .workspace-premium .template-mini:hover { transform:translateY(-4px); background:var(--premium-raised); border-color:#697554; }
html .workspace-premium .template-mini .template-icon { background:transparent; color:var(--premium-accent); width:auto; height:24px; border-radius:0; }
html .workspace-premium .template-mini .template-icon .icon { width:22px; height:22px; }
html .workspace-premium .template-mini strong { color:var(--premium-text); font-size:12px; font-weight:600; }
html .workspace-premium .template-mini small { color:var(--premium-dim); font-size:10px; line-height:1.8; margin-top:5px; display:block; }
html .workspace-premium .template-mini > .icon { display:block; position:absolute; top:21px; right:17px; color:var(--premium-dim); width:15px; height:15px; }
html .workspace-premium .page-foot { font-size:10px; color:var(--premium-dim); margin-top:36px; padding-top:22px; border-top:1px solid var(--premium-line); }
html .workspace-premium .page-foot a { color:var(--premium-muted); }
.template-intro { display:flex; gap:28px; margin:0 0 33px; padding-bottom:22px; border-bottom:1px solid var(--premium-line); color:var(--premium-muted); font-size:12px; flex-wrap:wrap; }
.template-intro > span { display:flex; align-items:center; gap:9px; }
.template-intro .icon { width:15px; height:15px; color:var(--premium-accent); }
html .workspace-premium .premium-template-grid { gap:22px; }
html .workspace-premium .premium-template { border-color:var(--premium-line); background:var(--premium-surface); border-radius:12px; }
html .workspace-premium .premium-template:hover { transform:translateY(-5px); box-shadow:0 12px 28px #00000018; border-color:#64714e; }
.template-art { height:169px; border-bottom:1px solid var(--premium-line); position:relative; display:flex; align-items:center; justify-content:center; color:#d6e3ae; background:#252b20; }
.template-art.mint { color:#b4d1ba; background:#233129; }
.template-art.peach { color:#d4b99a; background:#342c23; }
.template-art.blue { color:#aabfc5; background:#253136; }
.template-number { position:absolute; top:17px; left:20px; font-size:11px; opacity:.55; }
.template-art-icon .icon { width:38px; height:38px; stroke-width:1.1; margin-bottom:22px; }
.template-path { position:absolute; bottom:22px; display:flex; align-items:center; gap:8px; font-size:8px; opacity:.7; }
.template-path .icon { width:12px; height:12px; }
html .workspace-premium .template-content { padding:23px; }
html .workspace-premium .category-label { color:var(--premium-dim); font-size:9px; letter-spacing:1.5px; }
html .workspace-premium .template-content h3 { font-size:18px; letter-spacing:-.5px; color:var(--premium-text); margin:8px 0 10px; font-weight:600; }
html .workspace-premium .template-content p { font-size:12px; color:var(--premium-muted); height:43px; line-height:1.8; }
.template-result { font-size:10px; display:flex; align-items:start; gap:8px; color:var(--premium-muted); min-height:37px; margin:20px 0 13px; }
.template-result .icon { width:14px; height:14px; color:var(--premium-accent); margin-top:2px; }
html .workspace-premium .template-bottom { border-top:1px solid var(--premium-line); padding-top:16px; }
html .workspace-premium .template-bottom small { color:var(--premium-dim); font-size:10px; }
html .workspace-premium .template-bottom .button { min-height:36px; font-size:11px; padding:8px 10px; }
.editorial-note { display:flex; gap:21px; align-items:start; padding:29px 5px; max-width:780px; color:var(--premium-muted); }
.editorial-note > span { color:var(--premium-accent); font-size:25px; line-height:1.6; }
.editorial-note p { font-size:13px; line-height:1.9; margin:0; }
html .workspace-premium .panel,html .workspace-premium .empty-state { background:var(--premium-surface); border-color:var(--premium-line); border-radius:11px; padding:25px; }
html .workspace-premium .panel h2 { color:var(--premium-text); font-size:17px; margin-bottom:12px; font-weight:600; }
html .workspace-premium .panel p,html .workspace-premium .empty-state p { color:var(--premium-muted); font-size:13px; line-height:1.9; }
html .workspace-premium .empty-state { padding:45px 25px; }
html .workspace-premium .empty-state h3 { color:var(--premium-text); font-size:21px; font-weight:500; }
html .workspace-premium .empty-state > .icon { color:var(--premium-accent); }
html .workspace-premium .settings-grid { gap:23px; }
html[data-theme] .field { margin-bottom:20px; }
html[data-theme] .field > span { color:var(--premium-muted); font-size:12px; margin-bottom:9px; font-weight:500; }
html[data-theme] .field input,html[data-theme] .field textarea,html[data-theme] .field select { color:var(--premium-text); background:var(--premium-input); border-color:var(--premium-line); padding:12px; font-size:13px; border-radius:7px; min-height:43px; }
html[data-theme] .field small { font-size:11px; color:var(--premium-dim); line-height:1.8; }
html[data-theme] .field input:focus,html[data-theme] .field textarea:focus,html[data-theme] .field select:focus { border-color:#90a957; outline:2px solid #94ad5a20; }
html[data-theme] .field input:-webkit-autofill { -webkit-text-fill-color:var(--premium-text); box-shadow:0 0 0 1000px var(--premium-input) inset; caret-color:var(--premium-text); }
html[data-theme] .info-box { color:var(--premium-muted); background:var(--premium-raised); border-color:var(--premium-line); padding:15px; font-size:12px; line-height:1.9; }
html[data-theme] .info-box strong,html[data-theme] .info-box code { color:var(--premium-text) !important; }
html[data-theme] .form-note,html .workspace-premium .panel .form-note { font-size:11px; line-height:1.9; color:var(--premium-dim); }
html[data-theme] .modal { width:540px; border-radius:14px; background:var(--premium-surface); border-color:var(--premium-line); color:var(--premium-text); }
html[data-theme] .modal.wide { width:850px; }
html[data-theme] .modal-top { padding:24px 27px 18px; border-color:var(--premium-line); }
html[data-theme] .modal-top h2 { color:var(--premium-text); font-size:21px; font-weight:600; letter-spacing:-.7px; }
html[data-theme] .modal-body { padding:25px 27px; }
html[data-theme] .modal-body > p { color:var(--premium-muted); font-size:13px; line-height:1.9; }
html[data-theme] .modal-footer { border-color:var(--premium-line); background:var(--premium-sidebar); padding:18px 27px; }
html[data-theme] .template-option { min-height:70px; background:var(--premium-input); border-color:var(--premium-line); padding:15px; gap:12px; color:var(--premium-text); }
html[data-theme] .template-option.selected,html[data-theme] .template-option:hover { background:var(--premium-soft); border-color:#889b56; }
html[data-theme] .template-option > .icon { color:var(--premium-accent); width:21px; height:21px; }
html[data-theme] .template-option strong { font-size:12px; font-weight:600; }
html[data-theme] .template-option small { color:var(--premium-dim); font-size:10px; margin-top:4px; }
html[data-theme] .auth-switch { font-size:12px; color:var(--premium-muted); }
html[data-theme] .auth-switch button { font-size:12px; color:var(--accent); }
.invite-details { margin:0 0 20px; color:var(--premium-dim); font-size:11px; }
.invite-details summary { cursor:pointer; padding:5px 0; }
.invite-details .field { margin-top:14px; margin-bottom:0; }
.transfer-flow-preview { display:flex; gap:14px; align-items:center; padding:18px; border:1px solid var(--premium-line); border-radius:9px; margin:20px 0; background:var(--premium-input); }
.transfer-flow-preview > div { min-width:0; flex:1; }
.transfer-flow-preview strong { display:block; font-size:14px; color:var(--premium-text); }
.transfer-flow-preview small { display:block; color:var(--premium-muted); font-size:11px; margin-top:4px; }
.transfer-flow-preview > .icon { color:var(--premium-accent); width:18px; height:18px; }
.transfer-flow-preview .bot-icon { width:40px; height:40px; flex-shrink:0; border-radius:9px; display:grid; place-items:center; background:var(--premium-soft); color:var(--accent); }
.transfer-actions { display:flex; flex-direction:column; gap:10px; }
.transfer-actions .button { white-space:normal; text-align:center; }
html[data-theme] .toast { background:var(--premium-raised); border-color:#72854f; color:var(--premium-text); font-size:13px; padding:16px 20px; }
html[data-theme] .toast .icon { color:var(--premium-accent); }
html[data-theme] .search-result { color:var(--premium-text); background:var(--premium-input); border-color:var(--premium-line); padding:15px; }
html[data-theme] .search-result strong { font-size:13px; }
html[data-theme] .search-result small { font-size:11px; color:var(--premium-muted); }
html[data-theme] .search-result > .icon { color:var(--premium-accent); }
/* Inbox remains a real conversation, never a decorative chat mockup. */
.inbox-heading { display:flex; align-items:center; gap:18px; padding:0 0 19px; color:var(--premium-muted); font-size:12px; }
.inbox-search-row { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:25px; }
html .workspace-premium .inbox-search-row .filter-input { margin-left:0; }
html .workspace-premium .inbox-search-row .filter-input input { width:330px; }
.inbox-search-row > span { color:var(--premium-dim); font-size:11px; }
.inbox-pagination { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:19px; color:var(--premium-dim); font-size:12px; }
.inbox-heading strong { color:var(--premium-text); font-size:18px; font-weight:500; padding-right:5px; }
.inbox-heading > span { margin-left:auto; color:var(--premium-dim); }
.inbox-list { display:flex; flex-direction:column; border:1px solid var(--premium-line); border-radius:11px; overflow:hidden; background:var(--premium-surface); }
.inbox-contact { display:flex; align-items:center; gap:17px; text-align:left; background:transparent; border:0; border-bottom:1px solid var(--premium-line); padding:22px 24px; color:var(--premium-muted); min-width:0; }
.inbox-contact:last-child { border-bottom:0; }
.inbox-contact:hover { background:var(--premium-raised); }
.inbox-contact > .avatar { width:43px; height:43px; border-radius:12px; flex-shrink:0; }
.inbox-contact-copy { display:flex; flex-direction:column; min-width:0; gap:4px; }
.inbox-contact-copy strong { color:var(--premium-text); font-size:14px; font-weight:600; }
.inbox-contact-copy > span { color:var(--premium-muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:390px; }
.inbox-contact-copy small { color:var(--premium-dim); font-size:10px; }
.inbox-contact-meta { display:flex; flex-direction:column; align-items:end; gap:10px; margin-left:auto; white-space:nowrap; font-size:10px; color:var(--premium-dim); }
.inbox-contact > .icon { width:16px; height:16px; margin-left:10px; color:var(--premium-dim); }
.conversation-header { display:flex; align-items:center; gap:13px; margin-bottom:18px; }
.conversation-header > div { flex:1; }
.conversation-header h3 { font-size:17px; margin:0; font-weight:600; color:var(--premium-text); }
.conversation-header p { color:var(--premium-muted); margin:2px 0 0; font-size:11px; }
.conversation-mode { display:flex; align-items:center; gap:15px; padding:15px; border:1px solid var(--premium-line); border-radius:8px; background:var(--premium-input); margin-bottom:18px; }
.conversation-mode > div { flex:1; }
.conversation-mode strong { color:var(--premium-text); font-size:12px; font-weight:600; }
.conversation-mode p { color:var(--premium-dim); font-size:11px; line-height:1.8; margin:4px 0 0; }
.conversation-history { min-height:180px; max-height:360px; overflow:auto; display:flex; flex-direction:column; gap:15px; padding:20px; border:1px solid var(--premium-line); border-radius:9px; background:var(--premium-bg); }
.conversation-bubble { max-width:82%; padding:12px 15px; border-radius:10px 10px 10px 2px; background:var(--premium-raised); color:var(--premium-text); align-self:start; }
.conversation-bubble.outgoing { align-self:end; background:var(--premium-soft); border-radius:10px 10px 2px 10px; }
.conversation-bubble p { font-size:13px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; margin:0 0 6px; }
.conversation-bubble small { font-size:9px; color:var(--premium-dim); }
.conversation-empty { color:var(--premium-dim); font-size:12px; text-align:center; margin:auto; padding:25px; line-height:1.9; max-width:430px; }
.conversation-reply { margin-top:18px; }
.conversation-reply textarea { min-height:100px; }
.conversation-reply-actions { display:flex; align-items:center; gap:15px; }
.conversation-reply-actions p { flex:1; font-size:10px; color:var(--premium-dim); line-height:1.8; margin:0; }
.conversation-details { margin-top:23px; border-top:1px solid var(--premium-line); padding-top:16px; }
.conversation-details summary { color:var(--premium-muted); font-size:12px; cursor:pointer; }
.conversation-details dl { display:grid; grid-template-columns:1fr 1.7fr; gap:9px; font-size:12px; margin-top:17px; }
.conversation-details dt { color:var(--premium-dim); overflow-wrap:anywhere; }
.conversation-details dd { color:var(--premium-text); margin:0; overflow-wrap:anywhere; }
.conversation-error { color:#edb0a4; font-size:12px; padding:10px 0 0; line-height:1.8; }
.conversation-loading { padding:60px 15px; text-align:center; color:var(--premium-muted); font-size:13px; }
/* Comfortable editor controls and restrained diagram colors. */
html .workspace-premium .editor-shell { height:calc(100vh - 82px); background:var(--premium-bg); }
html .workspace-premium .editor-top,html .workspace-premium .editor-palette,html .workspace-premium .node-inspector { background:var(--premium-sidebar); border-color:var(--premium-line); }
html .workspace-premium .editor-top { padding:19px 24px; gap:17px; }
html .workspace-premium .editor-title input { font-size:16px; color:var(--premium-text); width:230px; }
html .workspace-premium .editor-title small { font-size:10px; color:var(--premium-dim); margin-top:3px; }
html .workspace-premium .editor-title input:hover { border-color:var(--premium-line); }
html .workspace-premium .editor-title input:focus { background:var(--premium-input); border-color:#7b8d50; }
html .workspace-premium .editor-actions { gap:8px; }
html .workspace-premium .editor-actions .button { min-height:39px; padding:9px 12px; font-size:12px; }
html .workspace-premium .editor-palette { width:80px; padding:20px 8px; gap:18px; }
html .workspace-premium .palette-item { font-size:8px; color:var(--premium-muted); }
html .workspace-premium .palette-item > span { width:40px; height:40px; color:var(--premium-muted); background:var(--premium-surface); border-color:var(--premium-line); }
html .workspace-premium .palette-item:hover > span { color:var(--premium-accent); background:var(--premium-soft); border-color:#75884d; }
html .workspace-premium .canvas-container { background-color:var(--premium-bg); background-image:radial-gradient(#60695355 .8px,transparent .8px); }
html .workspace-premium .flow-node { width:245px; background:var(--premium-surface); border-color:#4b5540; border-radius:10px; box-shadow:0 5px 16px #00000018; }
html .workspace-premium .flow-node.selected { border-color:#b3cc72; box-shadow:0 0 0 2px #91a45733,0 5px 18px #00000024; }
html .workspace-premium .node-head { color:#c3cead; border-color:var(--premium-line); padding:12px 14px; font-size:12px; }
html .workspace-premium .node-head .drag-hint { color:var(--premium-dim); }
html .workspace-premium .node-content { color:var(--premium-muted); font-size:11px; line-height:1.85; padding:15px; max-height:150px; }
html .workspace-premium .node-content.empty { color:var(--premium-dim); }
html .workspace-premium .node-button { color:#c2d59b; border-color:var(--premium-line); font-size:10px; padding:9px 14px; }
html .workspace-premium .node-input,html .workspace-premium .node-output { background:var(--premium-input); border-color:#afc87c; }
html .workspace-premium .flow-links path.connected { stroke:#9caf78; }
html .workspace-premium .flow-links path { stroke:#6d7b58; }
html .workspace-premium .canvas-tools { background:var(--premium-surface); border-color:var(--premium-line); }
html .workspace-premium .canvas-tools span { color:var(--premium-muted); font-size:11px; }
html .workspace-premium .canvas-hint { background:var(--premium-bg); color:var(--premium-dim); font-size:10px; }
html .workspace-premium .node-inspector { width:300px; padding:22px; }
html .workspace-premium .inspector-heading h3 { color:var(--premium-text); font-size:15px; }
html .workspace-premium .node-inspector .field > span { font-size:12px; }
html .workspace-premium .node-inspector .field input,html .workspace-premium .node-inspector .field textarea,html .workspace-premium .node-inspector .field select { font-size:12px; padding:11px; }
html .workspace-premium .node-inspector .field small { font-size:10px; }
html .workspace-premium .button-editor { border-color:var(--premium-line); background:var(--premium-surface); padding:12px; }
html .workspace-premium .button-editor input,html .workspace-premium .button-editor select { color:var(--premium-text); background:var(--premium-input); border-color:var(--premium-line); min-height:37px; font-size:11px; padding:8px; }
html .workspace-premium .button-editor .remove-button { color:#cfaa99; font-size:10px; padding:5px 0; }
html .workspace-premium .inspector-empty { font-size:12px; color:var(--premium-muted); line-height:1.9; }
.condition-rule { border:1px solid var(--premium-line); padding:13px; border-radius:8px; margin:12px 0; background:var(--premium-surface); }
.condition-rule .field { margin-bottom:10px; }
.condition-rule .field:last-child { margin-bottom:0; }
.condition-rule-header { display:flex; justify-content:space-between; align-items:center; font-size:11px; color:var(--premium-muted); margin-bottom:10px; }
html[data-theme] .chat-preview { background:var(--premium-bg); border-color:var(--premium-line); }
html[data-theme] .chat-header,html[data-theme] .chat-composer { background:var(--premium-sidebar); border-color:var(--premium-line); }
html[data-theme] .chat-header strong { color:var(--premium-text); font-size:13px; }
html[data-theme] .chat-header small { color:var(--premium-dim); font-size:10px; }
html[data-theme] .chat-header .avatar { background:var(--premium-raised); color:var(--premium-accent); }
html[data-theme] .chat-messages { background-color:var(--premium-bg); background-image:radial-gradient(#58634820 .7px,transparent .7px); height:350px; }
html[data-theme] .chat-message { font-size:13px; color:var(--premium-text); background:var(--premium-raised); padding:12px 15px; }
html[data-theme] .chat-message.out { color:var(--premium-text); background:var(--premium-soft); }
html[data-theme] .chat-message.system { font-size:10px; color:var(--premium-muted); background:var(--premium-surface); }
html[data-theme] .chat-buttons button { font-size:12px; padding:11px; color:var(--premium-text); background:var(--premium-soft); border-color:#738650; min-height:40px; }
html[data-theme] .chat-composer input { color:var(--premium-text); background:var(--premium-input); font-size:12px; padding:12px; }
html[data-theme] .chat-composer button { background:#d9ef87; color:#243018; width:40px; }
html[data-theme] .preview-caption { color:var(--premium-dim) !important; font-size:11px !important; line-height:1.9; }
html .workspace-premium .plans-heading h2 { font-size:32px; font-weight:500; letter-spacing:-1.1px; color:var(--premium-text); }
html .workspace-premium .plans-heading p { color:var(--premium-muted); font-size:13px; }
html .workspace-premium .segmented { background:var(--premium-raised); }
html .workspace-premium .segmented button { color:var(--premium-muted); font-size:12px; padding:9px 14px; }
html .workspace-premium .segmented button.active { color:var(--premium-text); background:var(--premium-soft); }
html .workspace-premium .segmented small { color:var(--accent); font-size:10px; }
html .workspace-premium .plan-card { background:var(--premium-surface); border-color:var(--premium-line); padding:27px 21px; }
html .workspace-premium .plan-card.highlight { border-color:#a0b969; box-shadow:none; }
html .workspace-premium .popular-ribbon { background:#d9ef87; color:#233016; font-size:9px; padding:4px 12px; }
html .workspace-premium .plan-card h3 { font-size:16px; font-weight:600; color:var(--premium-text); }
html .workspace-premium .plan-price { color:var(--premium-text); font-size:34px; font-weight:500; }
html .workspace-premium .plan-price span,html .workspace-premium .plan-billing { color:var(--premium-dim); font-size:10px; }
html .workspace-premium .plan-feature { font-size:12px; color:var(--premium-muted); margin:14px 0; }
html .workspace-premium .plan-feature .icon { color:var(--premium-accent); width:14px; height:14px; }
html .workspace-premium .calculator h3 { color:var(--premium-text); font-size:19px; }
html .workspace-premium .calculator p { color:var(--premium-muted); font-size:12px; }
html .workspace-premium .range-row output { color:var(--premium-text); font-size:24px; }
html .workspace-premium .calc-result { color:var(--premium-muted); font-size:12px; }
html .workspace-premium .usage-item { border-color:var(--premium-line); }
html .workspace-premium .usage-item > div { color:var(--premium-muted); font-size:12px; }
html .workspace-premium .usage-item strong { color:var(--premium-text); }
html .workspace-premium .usage-item small { color:var(--premium-dim); font-size:11px; }
html .workspace-premium .progress-bar,html .workspace-premium .traffic-track { background:var(--premium-raised); }
html .workspace-premium .progress-bar i,html .workspace-premium .traffic-track i { background:#a4b96a; }
html .workspace-premium .traffic-row > span,html .workspace-premium .traffic-row strong { color:var(--premium-muted); font-size:12px; }
html .workspace-premium .chart { border-color:var(--premium-line); background:repeating-linear-gradient(to top,transparent 0,transparent 48px,var(--premium-line) 49px,var(--premium-line) 50px); }
html .workspace-premium .chart-column { background:#93a86b; }
html .workspace-premium .chart-column:hover { background:#d9ef87; }
html .workspace-premium .chart-column span,html .workspace-premium .chart-column small { font-size:10px; color:var(--premium-muted); }
html .workspace-premium .step-num { background:var(--premium-soft); color:var(--premium-accent); width:30px; height:30px; font-size:12px; }
html .workspace-premium .step { margin:23px 0; }
html .workspace-premium .step strong { color:var(--premium-text); font-size:13px; }
html .workspace-premium .step p { color:var(--premium-muted); font-size:12px; }
html[data-theme="light"] .workspace-premium .step-num { color:#486021; }
html .workspace-premium .help-question { border-color:var(--premium-line); padding:19px 0; }
html .workspace-premium .help-question summary { color:var(--premium-text); font-size:13px; }
html .workspace-premium .help-question p { color:var(--premium-muted); font-size:12px; }
html .workspace-premium .assistant-suggestions { gap:9px; }
html .workspace-premium .assistant-suggestions button { background:var(--premium-soft); border-color:var(--premium-line); color:var(--premium-text); font-size:12px; min-height:39px; padding:9px 13px; }
html[data-theme] input[type="range"] { accent-color:#abc46b; }
/* Primary reading and touch controls remain comfortable on a normal laptop. */
html[data-theme] .button { font-size:14px; }
html[data-theme] .field input,html[data-theme] .field textarea,html[data-theme] .field select { font-size:14px; }
html[data-theme] .modal-body > p { font-size:14px; }
html .workspace-premium .page-heading p { font-size:14px; }
html .workspace-premium .nav-button { font-size:13px; }
.conversation-bubble p { font-size:14px; }
@media (prefers-reduced-motion:no-preference) {
  .workspace-premium .content > .page-heading { animation:premium-enter .45s ease both; }
  .launch-checklist,.projects-section,.template-starters,.premium-template,.inbox-contact { animation:premium-enter .5s ease both; }
  .launch-checklist { animation-delay:.06s; }.projects-section { animation-delay:.12s; }.template-starters { animation-delay:.17s; }
  .premium-template:nth-child(2),.inbox-contact:nth-child(2) { animation-delay:.05s; }
  .premium-template:nth-child(3),.inbox-contact:nth-child(3) { animation-delay:.1s; }
  .premium-template:nth-child(n+4) { animation-delay:.14s; }
  @keyframes premium-enter { from { opacity:0; transform:translateY(11px); } to { opacity:1; transform:translateY(0); } }
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme] { scroll-behavior:auto; }
  .workspace-premium *,#modal-root * { animation:none !important; transition:none !important; }
}
@media(max-width:1280px) {
  html .workspace-premium { --sidebar:220px; }
  html .workspace-premium .content { padding:35px 30px; }
  html .workspace-premium .topbar { padding:0 30px; }
  .launch-checklist { padding:22px; }.launch-steps { gap:9px; }.launch-step { padding:13px; }
  .project-row { gap:16px; }.project-updated { display:none; }
  html .workspace-premium .template-strip { grid-template-columns:repeat(2,1fr); }
  html .workspace-premium .template-mini { min-height:135px; }
  html .workspace-premium .node-inspector { width:265px; padding:18px; }
  html .workspace-premium .editor-title input { width:180px; }
}
@media(max-width:1050px) {
  html .workspace-premium { --sidebar:198px; }
  html .workspace-premium .sidebar { padding:28px 13px 18px; }
  html .workspace-premium .brand { padding-left:9px; font-size:27px; }
  html .workspace-premium .nav-button { font-size:11px; padding:12px 10px; gap:10px; }
  html .workspace-premium .content { padding:31px 25px; }
  html .workspace-premium .topbar { padding:0 25px; }
  html .workspace-premium .page-heading h1 { font-size:35px; }
  .launch-steps { grid-template-columns:repeat(2,1fr); }
  .launch-step { min-height:118px; }.launch-step-index { margin-bottom:13px; }
  .workspace-status-row { grid-template-columns:1fr; gap:11px; }
  html .workspace-premium .project-row { gap:15px; }
  .project-stat { display:none; }.project-identity { gap:12px; }
  html .workspace-premium .premium-template-grid { grid-template-columns:repeat(2,1fr); }
  html .workspace-premium .plan-feature { font-size:11px; }
  html .workspace-premium .editor-title input { width:155px; font-size:14px; }
  html .workspace-premium .editor-actions .button .btn-label { display:none; }
  html .workspace-premium .editor-actions .button { width:38px; height:38px; padding:0; }
  html .workspace-premium .node-inspector { width:250px; }
  html .workspace-premium .editor-palette { width:65px; }
  html .workspace-premium .palette-item { font-size:7px; }
}
@media(max-width:720px) {
  html .workspace-premium { padding-left:0; --sidebar:245px; }
  html .workspace-premium .sidebar { padding:27px 18px 20px; }
  html .workspace-premium .brand { font-size:30px; }
  html .workspace-premium .nav-button { font-size:12px; }
  html .workspace-premium .topbar { height:66px; padding:0 19px; gap:12px; }
  html .workspace-premium .breadcrumb { font-size:11px; gap:10px; }
  html .workspace-premium .breadcrumb a { display:none; }.breadcrumb-slash { display:none; }
  html .workspace-premium .top-actions { gap:9px; }
  html .workspace-premium .top-search { display:none; }
  .mode-marker { font-size:10px; }
  html .workspace-premium .content { padding:31px 20px; }
  html .workspace-premium .page-heading { gap:20px; align-items:start; margin-bottom:24px; flex-wrap:wrap; }
  html .workspace-premium .page-heading .heading-copy { flex-basis:100%; }
  html .workspace-premium .page-heading h1 { font-size:37px; line-height:1.17; letter-spacing:-1.8px; }
  html .workspace-premium .page-heading p { font-size:12px; max-width:460px; margin-top:15px; }
  html .workspace-premium .page-heading > .button { min-height:44px; font-size:12px; }
  .editorial-label { font-size:9px; letter-spacing:1.4px; margin-bottom:18px; }
  .demo-banner { padding:15px; gap:12px; flex-wrap:wrap; align-items:start; }
  .demo-banner > div { flex:1; min-width:200px; }.demo-banner strong { font-size:11px; }.demo-banner p { font-size:10px; }
  .demo-banner > .button { margin-left:47px; padding:8px 12px; min-height:35px; font-size:10px; }
  .launch-checklist { padding:20px; }.launch-header { margin-bottom:20px; }
  .launch-header h2 { font-size:17px; max-width:210px; }.launch-header .editorial-label { max-width:210px; font-size:7px; line-height:1.9; }
  .launch-progress { font-size:10px; }.launch-progress strong { font-size:19px; }
  .launch-steps { gap:10px; }.launch-step { min-height:134px; padding:13px; }
  .launch-step strong { font-size:11px; }.launch-step small { font-size:9px; }
  .channel-status,.inbox-shortcut { padding:13px 15px; }.channel-status strong { font-size:11px; }.channel-status small { font-size:9px; }
  .workspace-status-row { margin-bottom:25px; }
  html .workspace-premium .stats-grid { grid-template-columns:repeat(2,1fr); gap:20px 0; padding-bottom:25px; margin-bottom:32px; }
  html .workspace-premium .stat { padding:0 20px; }
  html .workspace-premium .stat:nth-child(3) { padding-left:0; }
  html .workspace-premium .stat:nth-child(even) { border:0; }
  html .workspace-premium .stat-value { font-size:29px; margin:6px 0 2px; }
  html .workspace-premium .stat-label { font-size:11px; }.stat-foot { font-size:9px; }
  html .workspace-premium .section-row { gap:15px; align-items:start; }
  html .workspace-premium .section-row h2 { font-size:19px; }
  html .workspace-premium .section-row .editorial-label { font-size:7px; line-height:1.9; max-width:220px; }
  html .workspace-premium .filter-input input { width:140px; font-size:11px; padding:10px 10px 10px 32px; }
  html .workspace-premium .project-row { padding:20px 0; gap:15px; flex-wrap:wrap; align-items:start; }
  .project-identity { min-width:0; flex-basis:calc(100% - 10px); padding-right:0; }
  html .workspace-premium .bot-title { font-size:14px; }
  html .workspace-premium .bot-description { font-size:11px; line-height:1.9; margin:5px 0 2px; -webkit-line-clamp:2; }
  html .workspace-premium .bot-username { font-size:10px; }
  html .workspace-premium .bot-icon { width:43px; height:43px; }
  .project-actions { margin-left:58px; width:calc(100% - 58px); justify-content:space-between; }
  .project-actions .button { padding:9px 12px; font-size:11px; min-height:37px; }
  .project-title-row { gap:8px; }.project-title-row .status { font-size:8px; }
  .template-starters { margin-top:34px; }
  html .workspace-premium .template-mini { padding:17px; min-height:153px; }
  html .workspace-premium .template-mini strong { font-size:11px; }
  html .workspace-premium .template-mini small { font-size:10px; line-height:1.7; }
  html .workspace-premium .template-mini > .icon { right:12px; width:13px; height:13px; }
  html .workspace-premium .section-row .button.ghost { font-size:10px; padding:5px 0; min-height:32px; }
  .template-intro { gap:13px 20px; font-size:11px; margin-bottom:26px; }
  html .workspace-premium .premium-template-grid { grid-template-columns:repeat(2,1fr); gap:14px; }
  .template-art { height:145px; }.template-path { font-size:7px; gap:6px; bottom:19px; }
  html .workspace-premium .template-content { padding:19px; }
  html .workspace-premium .template-content h3 { font-size:17px; }
  html .workspace-premium .template-content p { font-size:11px; height:60px; }
  .template-result { font-size:10px; min-height:43px; }
  html .workspace-premium .template-bottom { flex-wrap:wrap; gap:10px; }
  html .workspace-premium .template-bottom .button { width:100%; }
  .editorial-note { gap:17px; padding:24px 0; }.editorial-note p { font-size:12px; }
  html .workspace-premium .page-foot { font-size:9px; gap:12px; flex-direction:column; }
  html[data-theme] .modal-backdrop { padding:12px; }
  html[data-theme] .modal { max-height:95dvh; border-radius:12px; }
  html[data-theme] .modal-top { padding:20px 19px 16px; }.modal-top h2 { font-size:19px; }
  html[data-theme] .modal-body { padding:21px 19px; }
  html[data-theme] .modal-footer { padding:16px 19px; flex-wrap:wrap; }
  html[data-theme] .modal-footer .button { font-size:11px; }
  .inbox-heading { font-size:11px; gap:10px; flex-wrap:wrap; }
  html .workspace-premium .inbox-search-row .filter-input { flex:1; }
  html .workspace-premium .inbox-search-row .filter-input input { width:100%; font-size:12px; }
  .inbox-search-row { flex-wrap:wrap; gap:9px; }
  .inbox-pagination { font-size:11px; flex-wrap:wrap; }
  .inbox-contact { padding:19px 17px; gap:12px; flex-wrap:wrap; }
  .inbox-contact > .avatar { width:38px; height:38px; }
  .inbox-contact-copy { flex:1; width:calc(100% - 60px); }
  .inbox-contact-copy strong { font-size:13px; }
  .inbox-contact-copy > span { font-size:11px; max-width:270px; }
  .inbox-contact-meta { flex-direction:row; align-items:center; margin-left:50px; width:calc(100% - 75px); justify-content:space-between; }
  .inbox-contact > .icon { width:14px; margin-left:0; }
  .conversation-mode { flex-wrap:wrap; gap:12px; }
  .conversation-mode > div { min-width:180px; }
  .conversation-mode .button { font-size:11px; }
  .conversation-history { max-height:340px; padding:15px; }
  .conversation-bubble { max-width:91%; padding:11px 13px; }
  .conversation-bubble p { font-size:12px; }
  .conversation-reply-actions { flex-wrap:wrap; }.conversation-reply-actions p { flex-basis:100%; }
  .conversation-reply-actions .button { margin-left:auto; }
  html .workspace-premium .editor-shell { height:calc(100dvh - 66px); }
  html .workspace-premium .editor-top { padding:12px; gap:9px; }
  html .workspace-premium .editor-title input { width:130px; font-size:13px; }
  html .workspace-premium .editor-title small { font-size:8px; }
  html .workspace-premium .editor-actions { gap:5px; }
  html .workspace-premium .editor-actions .button { min-height:34px; width:33px; height:34px; }
  html .workspace-premium .editor-actions .button .icon { width:16px; height:16px; }
  html .workspace-premium .editor-palette { width:58px; padding:16px 5px; gap:17px; }
  html .workspace-premium .palette-item { font-size:7px; }
  html .workspace-premium .palette-item > span { width:35px; height:35px; }
  html .workspace-premium .node-inspector { width:270px; padding:18px; }
  html .workspace-premium .canvas-hint { display:none; }
  html .workspace-premium .panel { padding:22px; }.workspace-premium .panel p { font-size:12px; }
  html .workspace-premium .plans-heading h2 { font-size:28px; }.workspace-premium .plans-heading p { font-size:12px; }
  html .workspace-premium .plan-card { padding:24px 17px; }
}
@media(max-width:420px) {
  html .workspace-premium .topbar { padding:0 14px; gap:9px; }
  html .workspace-premium .top-actions { gap:5px; }
  .mode-marker { font-size:9px; }.mode-marker i { width:4px; height:4px; }
  html .workspace-premium .top-actions .theme-toggle { display:inline-flex; width:33px; min-width:33px; height:33px; }
  html .workspace-premium .content { padding:28px 17px; }
  html .workspace-premium .page-heading h1 { font-size:34px; }
  .launch-checklist { padding:17px; }.launch-steps { gap:8px; }.launch-step { padding:12px; }
  .launch-step strong { font-size:10px; }.launch-step small { font-size:9px; }.launch-header h2 { font-size:16px; }
  .launch-header .editorial-label { max-width:178px; font-size:7px; }
  .demo-banner > div { min-width:170px; }
  html .workspace-premium .section-row h2 { font-size:18px; }
  html .workspace-premium .filter-input input { width:125px; font-size:10px; }
  html .workspace-premium .template-strip { gap:10px; }
  html .workspace-premium .template-mini { padding:16px 14px; min-height:160px; }
  html .workspace-premium .premium-template-grid { grid-template-columns:1fr; gap:20px; }
  .template-art { height:177px; }.template-art-icon .icon { width:43px; height:43px; }
  .template-path { font-size:10px; gap:10px; bottom:24px; }
  html .workspace-premium .template-content { padding:23px; }
  html .workspace-premium .template-content h3 { font-size:21px; }
  html .workspace-premium .template-content p { height:auto; font-size:12px; }
  .template-result { min-height:0; font-size:11px; }
  html .workspace-premium .template-bottom { flex-wrap:nowrap; }
  html .workspace-premium .template-bottom .button { width:auto; font-size:11px; }
  html .workspace-premium .editor-title input { width:102px; font-size:12px; }
  html .workspace-premium .editor-actions { gap:4px; }
  html .workspace-premium .editor-actions .button { min-height:32px; width:30px; height:32px; }
  html .workspace-premium .editor-top { gap:5px; padding:10px 8px; }
  html .workspace-premium .editor-top > .icon-button { width:28px; min-width:28px; padding:5px; }
  html .workspace-premium .plans-grid { gap:19px 11px; }
  html .workspace-premium .plan-card { padding:24px 13px; }.workspace-premium .plan-feature { font-size:10px; gap:6px; }
  html .workspace-premium .plan-card .button { padding:9px 7px; font-size:10px; }
  html .workspace-premium .plan-price { font-size:29px; }
}
@media(max-width:720px) {
  html .workspace-premium .page-heading p,
  html .workspace-premium .panel p,
  html[data-theme] .modal-body > p,
  .conversation-bubble p { font-size:14px; }
  html[data-theme] .field input,
  html[data-theme] .field textarea,
  html[data-theme] .field select { font-size:14px; }
  html .workspace-premium .plan-card .button { font-size:12px; }
}