/* Public visual version remains independent from the site-owned workbench. */
.zcp-root.zcp-visual-v1 {
  --zcp-ink:#182230; --zcp-muted:#475467; --zcp-soft:#667085;
  --zcp-line:#d7dfe7; --zcp-brand:#334b73; --zcp-canvas:#f6f7f9;
  color:var(--zcp-ink); background:var(--zcp-canvas);
}
/* Site UI baseline: /features/ (.zfd) and the existing homepage/navigation font stack.
   Keep these values aligned with feature-directory.css; public template choices live below. */
.zcp-root.zcp-site-ui,.zcp-root #zcp-editor {
  --zcp-ink:#252b35; --zcp-muted:#586270; --zcp-soft:#586270;
  --zcp-line:#d5dae2; --zcp-brand:#b53a3e; --zcp-brand-hover:#963139;
  --zcp-brand-soft:#f0dfe2; --zcp-brand-ring:rgba(181,58,62,.16);
  --zcp-canvas:#eceef2; --zcp-surface:#f8f9fb; --zcp-control-line:#b9c1cc;
  --zcp-site-nav:86px;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:14px; line-height:1.6; letter-spacing:normal;
  color:var(--zcp-ink); background:var(--zcp-canvas);
}
.zcp-root.zcp-site-ui .zcp-gate { color:var(--zcp-ink); background:var(--zcp-surface); }
.zcp-root.zcp-site-ui .zcp-gate h1 { font-size:28px; font-weight:700; letter-spacing:normal; }
.zcp-root.zcp-site-ui .zcp-gate p { color:var(--zcp-muted); font-size:15px; }
.zcp-root.zcp-site-ui .zcp-gate a { min-height:44px; border-radius:10px; background:var(--zcp-brand); font-size:14px; }
.zcp-root :is(button,a,summary,input,select,textarea):focus-visible { outline:3px solid #5877ac; outline-offset:3px; }
.zcp-root :is(button,input,select,textarea) { font:inherit; }
.zcp-root button { cursor:pointer; }
.zcp-root button:disabled { cursor:not-allowed; }
.zcp-root .zcp-editor-shell { background:var(--zcp-canvas); color:var(--zcp-ink); }
.zcp-root [data-status].is-error { color:#a12c2c; font-weight:600; }
.zcp-root .zcp-inline-action button,.zcp-root .zcp-publish-actions button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 16px; border:1px solid var(--zcp-line); border-radius:10px; background:#fff; color:var(--zcp-brand); font-size:14px; font-weight:600; line-height:1.25; text-align:center; }
.zcp-root .zcp-publish-actions .zcp-primary,.zcp-root .zcp-dialog-actions .zcp-primary { background:var(--zcp-brand); border-color:var(--zcp-brand); color:#fff; }
.zcp-root .zcp-inline-action button:hover { background:var(--zcp-surface); }
.zcp-root .zcp-mobile-menu[hidden] { display:none!important; }
.zcp-root .zcp-mobile-menu-scrim,.zcp-root .zcp-catalog-scrim { display:none; }
.zcp-root .zcp-mobile-module,.zcp-root .zcp-mobile-more,.zcp-root .zcp-mobile-menu,.zcp-root .zcp-mobile-dock { display:none!important; }
.zcp-root .zcp-more-menu { position:absolute; right:24px; top:calc(100% - 4px); z-index:30; display:grid; gap:3px; min-width:200px; padding:8px; border:1px solid var(--zcp-line); border-radius:12px; background:#fff; box-shadow:0 18px 40px rgba(37,43,53,.15); }
.zcp-root .zcp-more-menu :is(a,button) { justify-content:flex-start; min-height:42px; padding:8px 12px; border:0; border-radius:7px; background:#fff; color:var(--zcp-ink); font-size:15px; text-align:left; text-decoration:none; }
.zcp-root .zcp-editor-layout { max-width:1920px; grid-template-columns:208px minmax(0,1.18fr) minmax(370px,.95fr); min-height:calc(100dvh - var(--zcp-site-nav)); }
.zcp-root .zcp-editor-nav { position:sticky; top:var(--zcp-site-nav); align-self:start; min-height:calc(100dvh - var(--zcp-site-nav)); max-height:calc(100dvh - var(--zcp-site-nav)); overflow-y:auto; padding:22px 12px 18px 24px; border-right:1px solid var(--zcp-line); background:var(--zcp-surface); scrollbar-width:thin; }
body.admin-bar .zcp-root .zcp-editor-nav { top:calc(var(--zcp-site-nav) + 32px); min-height:calc(100dvh - var(--zcp-site-nav) - 32px); max-height:calc(100dvh - var(--zcp-site-nav) - 32px); }
.zcp-root .zcp-nav-heading { margin:0 4px 18px; padding:4px 8px 17px; border-bottom:1px solid var(--zcp-line); }
.zcp-root .zcp-nav-back { display:inline-flex; align-items:center; min-height:40px; margin-bottom:12px; color:var(--zcp-brand-hover); font-size:13px; font-weight:600; text-decoration:none; }
.zcp-root .zcp-nav-back:hover { text-decoration:underline; }
.zcp-root .zcp-nav-status { margin:9px 0 0; color:var(--zcp-muted); font-size:12px; line-height:1.4; }
.zcp-root .zcp-nav-heading>span { display:block; color:var(--zcp-muted); font-size:12px; font-weight:500; line-height:1.4; }
.zcp-root .zcp-nav-heading>div { display:flex; align-items:baseline; justify-content:space-between; gap:5px; margin-top:5px; }
.zcp-root .zcp-nav-heading strong { color:var(--zcp-ink); font-size:18px; font-weight:700; line-height:1.35; }
.zcp-root .zcp-nav-heading small { color:var(--zcp-brand-hover); font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
.zcp-root .zcp-nav-items>p.zcp-nav-section { margin:0 0 6px 12px; color:var(--zcp-muted); font-size:11px; font-weight:600; letter-spacing:.06em; line-height:1.5; }
.zcp-root .zcp-nav-items>p.zcp-nav-section-secondary { margin-top:19px; padding-top:17px; border-top:1px solid var(--zcp-line); }
.zcp-root .zcp-nav-items>button { position:relative; width:100%; min-height:50px; gap:9px; margin:1px 0; padding:0 10px; border:0; border-radius:10px; color:var(--zcp-muted); background:transparent; font-size:14px; font-weight:600; line-height:1.25; transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease; }
.zcp-root .zcp-nav-items>button .zcp-nav-index { display:grid; place-items:center; flex:none; width:29px; height:29px; border-radius:8px; background:var(--zcp-canvas); color:var(--zcp-muted); font-size:12px; font-weight:650; font-variant-numeric:tabular-nums; }
.zcp-root .zcp-nav-items>button .zcp-nav-label { flex:1; min-width:0; color:inherit; font-size:14px; font-weight:inherit; white-space:nowrap; }
.zcp-root .zcp-nav-items>button.is-active { background:var(--zcp-brand-soft); box-shadow:0 0 0 1px var(--zcp-brand-ring); color:var(--zcp-brand-hover); }
.zcp-root .zcp-nav-items>button.is-active .zcp-nav-index { background:#fff; color:var(--zcp-brand-hover); }
.zcp-root .zcp-nav-items>button.is-active::after { content:'›'; margin-left:auto; color:var(--zcp-brand-hover); font-size:21px; font-weight:400; line-height:1; }
.zcp-root .zcp-nav-footer { margin-top:auto; display:grid; gap:2px; padding:18px 6px 0; border-top:1px solid var(--zcp-line); }
.zcp-root .zcp-nav-footer button { min-height:44px; margin-bottom:5px; border:1px solid var(--zcp-brand); border-radius:9px; background:#fff; color:var(--zcp-brand-hover); font-size:13px; font-weight:600; }
.zcp-root .zcp-nav-footer button:hover { background:var(--zcp-brand-soft); }
.zcp-root .zcp-nav-footer a { display:flex; align-items:center; min-height:40px; padding:0 10px; border-radius:8px; color:var(--zcp-muted); font-size:13px; font-weight:500; text-decoration:none; }
.zcp-root .zcp-nav-footer a:hover { background:var(--zcp-canvas); color:var(--zcp-ink); }
.zcp-root .zcp-mobile-context { display:none; }
.zcp-root .zcp-editor-main { min-width:0; padding:40px clamp(22px,3vw,56px) 100px; background:#fff; }
.zcp-root .zcp-panel-head { margin-bottom:26px; }
.zcp-root .zcp-panel-head>span { color:var(--zcp-soft); font-size:13px; font-weight:600; letter-spacing:.06em; }
.zcp-root .zcp-panel-head h2 { margin:8px 0 9px; color:var(--zcp-ink); font-size:24px; font-weight:700; letter-spacing:normal; line-height:1.3; }
.zcp-root .zcp-panel-head p { max-width:58ch; color:var(--zcp-muted); font-size:15px; line-height:1.7; }
.zcp-root .zcp-fields { gap:22px; }
.zcp-root .zcp-field { gap:8px; color:var(--zcp-ink); font-size:14px; font-weight:600; }
.zcp-root .zcp-field :is(input,textarea,select) { min-height:48px; border:1px solid var(--zcp-control-line); border-radius:10px; background:#fff; color:var(--zcp-ink); font-size:16px; line-height:1.55; }
.zcp-root .zcp-field :is(input,textarea,select)::placeholder,.zcp-root .zcp-catalog-search input::placeholder,.zcp-root .zcp-paste-link input::placeholder { color:var(--zcp-soft); opacity:1; }
.zcp-root .zcp-field :is(input,textarea,select):focus { border-color:var(--zcp-brand); box-shadow:0 0 0 3px var(--zcp-brand-ring); }
.zcp-root .zcp-inline-action { margin:-5px 0 24px; }
.zcp-root .zcp-account-import { display:grid; gap:8px; padding:15px; border:1px solid var(--zcp-line); border-radius:12px; }
.zcp-root .zcp-account-import strong { color:var(--zcp-ink); font-size:15px; }
.zcp-root .zcp-account-import button { justify-content:flex-start; }
.zcp-root .zcp-image-field { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:12px; padding:17px; border:1px solid var(--zcp-line); border-radius:14px; background:var(--zcp-surface); }
.zcp-root .zcp-image-field>div:first-child { grid-column:1/-1; }
.zcp-root .zcp-image-field strong { color:var(--zcp-ink); font-size:15px; }
.zcp-root .zcp-image-field small,.zcp-root .zcp-image-empty { color:var(--zcp-soft); font-size:13px; }
.zcp-root .zcp-image-field img { width:92px; height:74px; object-fit:cover; border-radius:9px; }
.zcp-root .zcp-upload,.zcp-root .zcp-subtle { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 14px; border:1px solid var(--zcp-line); border-radius:9px; background:#fff; color:var(--zcp-brand); font-size:14px; font-weight:600; }
.zcp-root .zcp-empty { border:1px dashed var(--zcp-control-line); background:var(--zcp-surface); color:var(--zcp-muted); font-size:15px; }
.zcp-root .zcp-empty strong { color:var(--zcp-ink); font-size:17px; }
.zcp-root .zcp-empty p { color:var(--zcp-muted); font-size:14px; }
.zcp-root .zcp-open-catalog { min-height:52px; border-radius:10px; border-color:var(--zcp-brand); background:var(--zcp-brand); box-shadow:0 5px 16px rgba(181,58,62,.13); }
.zcp-root .zcp-open-catalog span { color:#fff; font-size:14px; }
.zcp-root .zcp-catalog { border-color:var(--zcp-line); box-shadow:0 20px 50px rgba(37,43,53,.1); }
.zcp-root .zcp-catalog-item small,.zcp-root .zcp-paste-link p { color:var(--zcp-soft); font-size:13px; }
.zcp-root .zcp-catalog-item { background:#fff; border-color:var(--zcp-line); }
.zcp-root .zcp-catalog-item strong { color:var(--zcp-ink); font-size:15px; }
.zcp-root .zcp-block-stack { gap:11px; }
.zcp-root .zcp-block-editor { padding:0; overflow:hidden; border:1px solid var(--zcp-line); border-radius:14px; background:#fff; box-shadow:0 2px 9px rgba(37,43,53,.035); scroll-margin-top:110px; }
.zcp-root .zcp-block-editor.is-expanded { border-color:var(--zcp-control-line); box-shadow:0 5px 20px rgba(37,43,53,.07); }
.zcp-root .zcp-block-editor>header { display:flex; align-items:center; gap:0; margin:0; }
.zcp-root .zcp-block-toggle { display:flex; align-items:center; gap:13px; min-width:0; width:100%; min-height:72px; padding:12px 16px; border:0; background:#fff; color:var(--zcp-ink); text-align:left; }
.zcp-root .zcp-block-toggle:hover { background:var(--zcp-surface); }
.zcp-root .zcp-block-index { display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:9px; background:var(--zcp-canvas); color:var(--zcp-brand); font-size:13px; font-weight:700; }
.zcp-root .zcp-block-summary { display:grid; gap:2px; min-width:0; flex:1; }
.zcp-root .zcp-block-summary small { color:var(--zcp-soft); font-size:13px; }
.zcp-root .zcp-block-summary strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--zcp-ink); font-size:16px; font-weight:600; }
.zcp-root .zcp-block-chevron { color:var(--zcp-soft); font-size:20px; transition:transform .18s ease; }
.zcp-root .zcp-block-editor.is-expanded .zcp-block-chevron { transform:rotate(180deg); }
.zcp-root .zcp-block-more { display:grid; place-items:center; flex:none; width:44px; height:44px; margin-right:10px; border:1px solid var(--zcp-line); border-radius:9px; background:#fff; color:var(--zcp-brand); font-size:22px; line-height:1; }
.zcp-root .zcp-block-detail { display:none; padding:0 19px 22px; border-top:1px solid var(--zcp-line); }
.zcp-root .zcp-block-editor.is-expanded .zcp-block-detail { display:block; }
.zcp-root .zcp-block-actions { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:7px; margin:14px 0 22px; }
.zcp-root .zcp-block-actions button { width:auto; min-width:44px; min-height:40px; padding:0 12px; border-color:var(--zcp-line); color:var(--zcp-brand); font-size:13px; font-weight:600; }
.zcp-root .zcp-block-actions .zcp-danger { color:#9a3535; }
.zcp-root .zcp-switch { min-height:40px; margin-right:auto; color:var(--zcp-muted); font-size:14px; }
.zcp-root .zcp-card-enable,.zcp-root .zcp-card-form,.zcp-root .zcp-insights-section,.zcp-root .zcp-insights-cards>div { border:1px solid var(--zcp-line); box-shadow:0 2px 10px rgba(37,43,53,.04); }
.zcp-root .zcp-card-enable small,.zcp-root .zcp-card-publish-tip { color:var(--zcp-muted); font-size:14px; }
.zcp-root .zcp-card-form-head button,.zcp-root .zcp-card-live-actions :is(a,button),.zcp-root .zcp-insights-toolbar button,.zcp-root .zcp-insights-toolbar>a { min-height:44px; color:var(--zcp-brand); font-size:14px; }
.zcp-root .zcp-publish-state { display:grid; gap:3px; margin-bottom:18px; padding:16px 18px; border:1px solid var(--zcp-line); border-radius:10px; background:var(--zcp-surface); }
.zcp-root .zcp-publish-state strong { font-size:15px; color:var(--zcp-ink); }
.zcp-root .zcp-publish-state span { color:var(--zcp-muted); font-size:14px; }
.zcp-root .zcp-publish-settings { max-width:720px; }
.zcp-root .zcp-publish-settings :is(.zcp-check,.zcp-small) { color:var(--zcp-muted); font-size:14px; line-height:1.65; }
.zcp-root .zcp-insights-section>header span,.zcp-root .zcp-insights-axis,.zcp-root .zcp-insights-legend,.zcp-root .zcp-card-stats span { color:var(--zcp-muted); font-size:13px; }
.zcp-root .zcp-editor-preview { position:sticky; top:var(--zcp-site-nav); align-self:start; height:calc(100dvh - var(--zcp-site-nav)); overflow:auto; padding:28px clamp(17px,2vw,34px) 40px; border-left:1px solid var(--zcp-line); background:var(--zcp-canvas); }
body.admin-bar .zcp-root .zcp-editor-preview { top:calc(var(--zcp-site-nav) + 32px); height:calc(100dvh - var(--zcp-site-nav) - 32px); }
.zcp-root .zcp-editor-preview>header { align-items:center; gap:12px; }
.zcp-root .zcp-editor-preview>header small { color:var(--zcp-soft); font-size:13px; }
.zcp-root .zcp-editor-preview>header strong { color:var(--zcp-ink); font-size:16px; }
.zcp-root .zcp-editor-preview>header button { flex:none; min-height:40px; color:var(--zcp-brand); font-size:14px; }
.zcp-root .zcp-example-picker button,.zcp-root .zcp-preview-devices button { min-height:40px; color:var(--zcp-muted); font-size:13px; }
.zcp-root .zcp-example-picker button.is-active,.zcp-root .zcp-preview-devices button.is-active { color:#fff; background:var(--zcp-brand); border-color:var(--zcp-brand); }
.zcp-root .zcp-preview-frame { height:min(75vh,820px); min-height:490px; border:1px solid var(--zcp-line); border-radius:14px; box-shadow:0 15px 35px rgba(37,43,53,.11); }
.zcp-root .zcp-preset-gallery { gap:12px; }

/* Link management shares the editor's site UI tokens and three-column shell. */
.zcp-root .zcp-link-manager { margin:26px 0 30px; padding:22px; border:1px solid var(--zcp-line); border-radius:14px; background:var(--zcp-surface); box-shadow:0 2px 10px rgba(37,43,53,.04); }
.zcp-root .zcp-link-manager>header { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.zcp-root .zcp-link-manager>header small { display:block; color:var(--zcp-muted); font-size:12px; font-weight:600; }
.zcp-root .zcp-link-manager h3 { margin:3px 0 0; color:var(--zcp-ink); font-size:18px; line-height:1.35; }
.zcp-root .zcp-link-manager>header button { flex:none; min-height:42px; padding:0 13px; border:1px solid var(--zcp-line); border-radius:9px; background:#fff; color:var(--zcp-brand-hover); font-size:14px; font-weight:600; }
.zcp-root .zcp-link-manager>header button:hover { border-color:var(--zcp-brand); background:var(--zcp-brand-soft); }
.zcp-root .zcp-link-inventory { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; margin:16px 0; padding:12px 14px; border:1px solid var(--zcp-line); border-radius:9px; background:#fff; }
.zcp-root .zcp-link-inventory strong { color:var(--zcp-ink); font-size:14px; font-weight:650; }
.zcp-root .zcp-link-inventory span { color:var(--zcp-muted); font-size:13px; font-variant-numeric:tabular-nums; }
.zcp-root .zcp-link-manager>.zcp-empty button { min-height:44px; margin-top:12px; padding:0 14px; border:1px solid var(--zcp-brand); border-radius:9px; background:#fff; color:var(--zcp-brand-hover); font-size:14px; font-weight:600; }
.zcp-root .zcp-link-manager>.zcp-empty button:hover { background:var(--zcp-brand-soft); }
.zcp-root .zcp-insights-method { margin-top:8px; padding:0 2px; color:var(--zcp-muted); font-size:13px; }
.zcp-root .zcp-insights-method summary { display:inline-flex; align-items:center; min-height:44px; color:var(--zcp-muted); cursor:pointer; }
.zcp-root .zcp-insights-method p { margin:0 0 8px; line-height:1.6; }
.zcp-root .zcp-link-quick-add { display:grid; gap:12px; margin:16px 0 0; padding:16px; border:1px solid var(--zcp-line); border-radius:10px; background:#fff; }
.zcp-root .zcp-link-quick-add h4 { margin:0; color:var(--zcp-ink); font-size:15px; }
.zcp-root .zcp-link-quick-add .zcp-field { gap:5px; }
.zcp-root .zcp-link-quick-add .zcp-field input { min-height:44px; }
.zcp-root .zcp-link-quick-add>div { display:flex; flex-wrap:wrap; gap:7px; }
.zcp-root .zcp-link-quick-add>div button { min-height:42px; padding:0 12px; border:1px solid var(--zcp-line); border-radius:8px; background:#fff; color:var(--zcp-brand-hover); font-size:13px; font-weight:600; }
.zcp-root .zcp-link-quick-add>div button:first-child { border-color:var(--zcp-brand); background:var(--zcp-brand); color:#fff; }
.zcp-root .zcp-link-quick-add>p { margin:0; color:var(--zcp-muted); font-size:13px; }
.zcp-root .zcp-link-sort { display:flex; gap:6px; margin-bottom:12px; }
.zcp-root .zcp-link-sort button { min-height:38px; padding:0 12px; border:1px solid var(--zcp-line); border-radius:8px; background:#fff; color:var(--zcp-muted); font-size:13px; }
.zcp-root .zcp-link-sort button.is-active { border-color:var(--zcp-brand); background:var(--zcp-brand-soft); color:var(--zcp-brand-hover); font-weight:600; }
.zcp-root .zcp-managed-links { display:grid; gap:9px; }
.zcp-root .zcp-managed-link { min-width:0; padding:15px; border:1px solid var(--zcp-line); border-radius:10px; background:#fff; transition:border-color 160ms ease,box-shadow 160ms ease; }
.zcp-root .zcp-managed-link.is-selected { border-color:var(--zcp-brand); box-shadow:0 0 0 2px var(--zcp-brand-ring); }
.zcp-root .zcp-managed-link-top { display:flex; flex-wrap:wrap; align-items:center; gap:5px 10px; margin-bottom:5px; }
.zcp-root .zcp-managed-link-type { color:var(--zcp-brand-hover); font-size:12px; font-weight:700; }
.zcp-root .zcp-managed-link-status { color:var(--zcp-muted); font-size:12px; }
.zcp-root .zcp-managed-link>strong { display:block; color:var(--zcp-ink); font-size:16px; line-height:1.45; overflow-wrap:anywhere; }
.zcp-root .zcp-managed-link-url { display:block; max-width:100%; overflow:hidden; margin-top:3px; color:var(--zcp-muted); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.zcp-root .zcp-managed-link-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-top:12px; }
.zcp-root .zcp-managed-link-bottom>span { margin-right:auto; color:var(--zcp-muted); font-size:13px; white-space:nowrap; }
.zcp-root .zcp-managed-link-bottom b { color:var(--zcp-ink); font-size:17px; font-variant-numeric:tabular-nums; }
.zcp-root .zcp-managed-link-bottom button { min-height:38px; padding:0 10px; border:1px solid var(--zcp-line); border-radius:8px; background:#fff; color:var(--zcp-brand-hover); font-size:13px; font-weight:600; }
.zcp-root .zcp-managed-link-bottom button:hover { border-color:var(--zcp-brand); background:var(--zcp-brand-soft); }
.zcp-root .zcp-link-detail { min-width:0; margin-top:16px; padding:18px; border:1px solid var(--zcp-line); border-radius:11px; background:#fff; }
.zcp-root .zcp-link-detail-head { display:flex; align-items:start; justify-content:space-between; gap:12px; }
.zcp-root .zcp-link-detail-head>div { min-width:0; }
.zcp-root .zcp-link-detail-head small { display:block; color:var(--zcp-muted); font-size:12px; font-weight:600; }
.zcp-root .zcp-link-detail-head h3 { margin:4px 0; font-size:17px; overflow-wrap:anywhere; }
.zcp-root .zcp-link-detail-head span { color:var(--zcp-muted); font-size:13px; }
.zcp-root .zcp-link-detail-head>strong { flex:none; color:var(--zcp-ink); font-size:28px; font-variant-numeric:tabular-nums; line-height:1.1; text-align:right; }
.zcp-root .zcp-link-detail-head>strong small { margin-top:4px; font-size:12px; }
.zcp-root .zcp-link-chart { margin:17px 0 8px; padding:11px 10px 6px; border:1px solid var(--zcp-line); border-radius:9px; background:var(--zcp-surface); }
.zcp-root .zcp-link-chart svg { display:block; width:100%; height:auto; }
.zcp-root .zcp-link-chart line { stroke:var(--zcp-line); }
.zcp-root .zcp-link-chart polyline { fill:none; stroke:var(--zcp-brand); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.zcp-root .zcp-link-chart>div { display:flex; justify-content:space-between; color:var(--zcp-muted); font-size:12px; }
.zcp-root .zcp-link-detail-note,.zcp-root .zcp-link-published-url,.zcp-root .zcp-link-history-note { margin:12px 0 0; color:var(--zcp-muted); font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.zcp-root .zcp-managed-link-edit { margin-top:17px; padding-top:17px; border-top:1px solid var(--zcp-line); }
.zcp-root .zcp-managed-link-edit h4 { margin:0 0 13px; color:var(--zcp-ink); font-size:15px; }
.zcp-root .zcp-managed-link-edit .zcp-fields { gap:13px; }
.zcp-root .zcp-managed-link-edit .zcp-field :is(input,textarea,select) { min-height:44px; }
.zcp-root .zcp-managed-link-edit .zcp-check { display:flex; align-items:center; gap:8px; min-height:44px; margin-top:12px; color:var(--zcp-ink); font-size:14px; }
.zcp-root .zcp-managed-link-edit>p { margin:5px 0 0; color:var(--zcp-muted); font-size:13px; line-height:1.65; }
.zcp-root .zcp-preset-card { padding:9px; border-color:var(--zcp-line); }
.zcp-root .zcp-preset-card strong { color:var(--zcp-ink); font-size:15px; }
.zcp-root .zcp-preset-card small { color:var(--zcp-muted); font-size:13px; }
.zcp-root .zcp-preset-art { height:124px; border-radius:8px; background:var(--zcp-canvas); }
.zcp-root .zcp-preset-art>img { display:block; width:100%; height:100%; object-fit:cover; opacity:.88; }
.zcp-root .zcp-preset-mini { position:absolute; inset:auto 7px 7px; height:49%; padding:8px; border-radius:5px 5px 7px 7px; background:var(--swatch-bg); box-shadow:0 2px 8px rgba(0,0,0,.12); }
.zcp-root .zcp-preset-mini i { top:15%; left:11%; width:60%; height:5px; }
.zcp-root .zcp-preset-mini b { top:38%; left:11%; width:40%; height:3px; }
.zcp-root .zcp-preset-mini em { left:11%; bottom:13%; width:45%; height:8px; }
.zcp-root .zcp-preset-card.is-active { border-color:var(--zcp-brand); box-shadow:0 0 0 2px var(--zcp-brand-ring); }
.zcp-root .zcp-example-card strong { font-size:15px; }
.zcp-root .zcp-example-card span { color:var(--zcp-muted); font-size:13px; }
.zcp-root .zcp-readonly { color:var(--zcp-ink); }
.zcp-root .zcp-readonly p { color:var(--zcp-muted); }
.zcp-root .zcp-action-dialog { width:min(520px,calc(100% - 28px)); max-height:calc(100dvh - 30px); padding:0; border:0; border-radius:18px; background:#fff; color:var(--zcp-ink); box-shadow:0 25px 80px rgba(37,43,53,.27); }
.zcp-root .zcp-action-dialog::backdrop { background:rgba(37,43,53,.52); }
.zcp-root .zcp-dialog-content { padding:27px; }
.zcp-root .zcp-dialog-content h2 { margin:0 0 8px; font-size:22px; }
.zcp-root .zcp-dialog-content p { margin:0; white-space:pre-line; overflow-wrap:anywhere; color:var(--zcp-muted); font-size:15px; line-height:1.65; }
.zcp-root .zcp-dialog-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:26px; }
.zcp-root .zcp-dialog-actions button { min-height:44px; padding:0 17px; border:1px solid var(--zcp-line); border-radius:9px; background:#fff; color:var(--zcp-brand); font-weight:600; }
.zcp-root .zcp-dialog-actions .zcp-danger { background:#a33434; border-color:#a33434; color:#fff; }

/* Catalog, forms and statistics also use the existing site colors. */
.zcp-root #zcp-editor :is(button,a,summary,input,select,textarea):focus-visible { outline-color:var(--zcp-brand); }
.zcp-root #zcp-editor :is(.zcp-switch input,.zcp-check input) { accent-color:var(--zcp-brand); }
.zcp-root .zcp-nav-items>button:hover { background:var(--zcp-canvas); color:var(--zcp-ink); }
.zcp-root .zcp-nav-items>button.is-active:hover { background:var(--zcp-brand-soft); color:var(--zcp-brand); }
.zcp-root .zcp-nav-items>button.is-active span { color:var(--zcp-brand); }
.zcp-root :is(.zcp-editor-stats strong,.zcp-design-section-title,.zcp-insights-links strong,.zcp-card-stats strong,.zcp-paste-link label,.zcp-catalog-search) { color:var(--zcp-ink); }
.zcp-root :is(.zcp-card-form-head button,.zcp-card-live-actions a,.zcp-card-live-actions button,.zcp-card-publish-tip,.zcp-catalog-head button,.zcp-insights-chart,.zcp-card-stats>div,.zcp-paste-link) { background:var(--zcp-surface); border-color:var(--zcp-line); }
.zcp-root :is(.zcp-insights-toolbar>div,.zcp-insights-track) { background:var(--zcp-canvas); }
.zcp-root .zcp-insights-toolbar button.is-active { color:var(--zcp-brand); }
.zcp-root :is(.zcp-catalog-head button,.zcp-catalog-item>span:last-child,.zcp-catalog-empty,.zcp-insights-rank) { color:var(--zcp-muted); }
.zcp-root :is(.zcp-advanced summary,.zcp-design-options summary) { color:var(--zcp-ink); font-weight:600; }
.zcp-root :is(.zcp-advanced,.zcp-example-picker button,.zcp-preview-devices button,.zcp-insights-table th,.zcp-insights-table td) { border-color:var(--zcp-line); }
.zcp-root :is(.zcp-catalog-search input,.zcp-paste-link input) { border-color:var(--zcp-control-line); background:#fff; color:var(--zcp-ink); }
.zcp-root .zcp-catalog-cats button { border-color:var(--zcp-line); color:var(--zcp-muted); }
.zcp-root .zcp-catalog-cats button.is-active { background:var(--zcp-brand-soft); border-color:var(--zcp-brand); color:var(--zcp-brand-hover); }
.zcp-root .zcp-catalog-symbol { background:var(--zcp-canvas); color:var(--zcp-muted); }
.zcp-root :is(.zcp-catalog-item,.zcp-preset-card):hover { background:var(--zcp-surface); border-color:var(--zcp-control-line); }
.zcp-root .zcp-paste-link button { background:var(--zcp-brand); }
.zcp-root .zcp-open-catalog:hover { background:var(--zcp-brand-hover); border-color:var(--zcp-brand-hover); box-shadow:0 3px 8px rgba(181,58,62,.13); }
.zcp-root .zcp-insights-chart svg line { stroke:var(--zcp-line); }
.zcp-root .zcp-insights-chart svg .is-views { stroke:var(--zcp-brand); }
.zcp-root .zcp-insights-chart svg .is-clicks { stroke:#396e6b; }
.zcp-root .zcp-insights-legend i,.zcp-root .zcp-insights-track i { background:var(--zcp-brand); }
.zcp-root .zcp-insights-legend span+span i { background:#396e6b; }
.zcp-root :is(.zcp-card-enable,.zcp-card-form,.zcp-insights-section,.zcp-insights-cards>div) { border-radius:14px; }

/* Public v1 only: existing published v0 snapshots retain their original appearance. */
.zcp-root.zcp-visual-v1 .zcp-public-shell { padding:clamp(14px,3vw,48px); }
.zcp-root.zcp-visual-v1 .zcp-page { overflow:hidden; border-radius:18px; }
.zcp-root.zcp-visual-v1 .zcp-hero { min-height:clamp(270px,34vw,420px); padding:clamp(32px,5vw,74px); }
.zcp-root.zcp-visual-v1 .zcp-hero h1 { max-width:17ch; font-size:clamp(34px,4vw,52px); line-height:1.2; overflow-wrap:anywhere; }
.zcp-root.zcp-visual-v1 .zcp-headline { max-width:46ch; font-size:clamp(17px,1.5vw,21px); line-height:1.55; }
.zcp-root.zcp-visual-v1 .zcp-bio { max-width:65ch; color:var(--zcp-page-muted,var(--zcp-muted)); font-size:16px; line-height:1.75; }
.zcp-root.zcp-visual-v1 .zcp-blocks { gap:16px; padding:clamp(22px,3.5vw,52px); }
.zcp-root.zcp-visual-v1 .zcp-content-card { border-radius:14px; box-shadow:0 2px 12px rgba(24,34,48,.045); }
.zcp-root.zcp-visual-v1 .zcp-card-body { padding:clamp(19px,2vw,27px); }
.zcp-root.zcp-visual-v1 .zcp-card-link:not(:has(.zcp-cover)) .zcp-card-body { min-height:0; }
.zcp-root.zcp-visual-v1 .zcp-card-link:not(:has(.zcp-cover)) .zcp-action { margin-top:14px; }
.zcp-root.zcp-visual-v1 .zcp-content-card h2 { font-size:clamp(18px,1.7vw,23px); }
.zcp-root.zcp-visual-v1 .zcp-content-card p { font-size:15px; line-height:1.7; overflow-wrap:anywhere; }
.zcp-root.zcp-visual-v1 .zcp-card-work .zcp-cover { object-fit:cover; }
.zcp-root.zcp-visual-v1 .zcp-action { min-height:44px; font-weight:650; }
.zcp-root.zcp-visual-v1.zcp-header-cover .zcp-hero::after { background:linear-gradient(90deg,rgba(10,20,34,.89),rgba(10,20,34,.59) 65%,rgba(10,20,34,.38)); }
.zcp-root.zcp-visual-v1.zcp-header-cover .zcp-hero-content { max-width:780px; }
.zcp-root.zcp-visual-v1 .zcp-card-public-shell { min-height:70vh; padding:clamp(22px,5vw,72px) 16px; }
.zcp-root.zcp-visual-v1 .zcp-business-card { border-radius:22px; }
.zcp-root.zcp-visual-v1 .zcp-business-card h1 { overflow-wrap:anywhere; line-height:1.2; }
.zcp-root.zcp-visual-v1 .zcp-business-role,.zcp-root.zcp-visual-v1 .zcp-business-tagline { overflow-wrap:anywhere; }
.zcp-root.zcp-visual-v1 .zcp-business-actions :is(a,button) { min-height:48px; font-size:15px; }
.zcp-root.zcp-visual-v1 .zcp-business-share { color:#475467; font-size:14px; }
.zcp-root.zcp-visual-v1 .zcp-business-share :is(a,button) { font-size:14px; }

@media(max-width:1439px) and (min-width:1024px) {
  .zcp-root .zcp-editor-layout { grid-template-columns:190px minmax(390px,1.16fr) minmax(350px,.94fr); }
  .zcp-root .zcp-editor-main { padding-inline:clamp(18px,2vw,32px); }
  .zcp-root .zcp-editor-preview { padding-inline:17px; }
}
@media(max-width:1023px) and (min-width:768px) {
  .zcp-root .zcp-editor-layout { grid-template-columns:184px minmax(0,1fr); }
  .zcp-root .zcp-editor-nav { grid-row:1/3; padding-left:20px; }
  .zcp-root .zcp-nav-heading strong { font-size:16px; white-space:nowrap; }
  .zcp-root .zcp-nav-heading small { font-size:11px; }
  .zcp-root .zcp-editor-preview { position:relative; top:auto; grid-column:2; height:auto; min-height:0; border-top:1px solid var(--zcp-line); border-left:0; }
}
@media(max-width:767px) {
  .zcp-root #zcp-editor { --zcp-site-nav:74px; }
  .zcp-root .zcp-mobile-context { position:relative; display:grid; grid-template-columns:minmax(112px,auto) minmax(0,1fr) 44px; align-items:center; gap:10px; margin:0 0 23px; }
  .zcp-root .zcp-mobile-context>.zcp-mobile-module { display:flex!important; align-items:center; justify-content:space-between; gap:8px; min-width:0; min-height:44px; padding:0 12px; border:1px solid var(--zcp-line); border-radius:10px; background:var(--zcp-surface); color:var(--zcp-brand-hover); font-size:14px; font-weight:650; }
  .zcp-root .zcp-mobile-context>.zcp-mobile-module span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .zcp-root .zcp-context-status { min-width:0; overflow:hidden; color:var(--zcp-muted); font-size:12px; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
  .zcp-root .zcp-mobile-context>.zcp-mobile-more { display:grid!important; place-items:center; width:44px; height:44px; padding:0; border:1px solid var(--zcp-line); border-radius:10px; background:#fff; color:var(--zcp-brand-hover); font-size:24px; line-height:1; }
  .zcp-root .zcp-mobile-context .zcp-more-menu { right:0; top:calc(100% + 8px); }
  .zcp-root .zcp-mobile-menu-scrim:not([hidden]),.zcp-root .zcp-catalog-scrim:not([hidden]) { position:fixed; inset:0; display:block; width:100%; height:100%; padding:0; border:0; border-radius:0; background:rgba(24,34,48,.42); }
  .zcp-root .zcp-mobile-menu-scrim:not([hidden]) { z-index:1100; }
  .zcp-root .zcp-catalog-scrim:not([hidden]) { z-index:1098; }
  .zcp-root .zcp-mobile-menu.is-open { position:fixed; z-index:1101; inset:auto 0 0; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:min(76dvh,650px); overflow:auto; padding:18px 16px calc(25px + env(safe-area-inset-bottom)); border-radius:20px 20px 0 0; background:#fff; box-shadow:0 -16px 46px rgba(24,34,48,.18); }
  .zcp-root .zcp-mobile-menu>div { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; margin-bottom:3px; }
  .zcp-root .zcp-mobile-menu strong { font-size:19px; }
  .zcp-root .zcp-mobile-menu>div button { width:44px; height:44px; border:1px solid var(--zcp-line); border-radius:9px; background:#fff; font-size:23px; }
  .zcp-root .zcp-mobile-menu>p.zcp-mobile-menu-section { grid-column:1/-1; margin:7px 0 0; color:var(--zcp-muted); font-size:12px; font-weight:600; }
  .zcp-root .zcp-mobile-menu>button { min-height:56px; display:flex; align-items:center; gap:9px; padding:10px 12px; border:1px solid var(--zcp-line); border-radius:11px; background:#fff; color:var(--zcp-ink); font-size:14px; font-weight:600; text-align:left; }
  .zcp-root .zcp-mobile-menu>button .zcp-nav-index { display:grid; place-items:center; flex:none; width:29px; height:29px; border-radius:8px; background:var(--zcp-canvas); color:var(--zcp-muted); font-size:12px; font-variant-numeric:tabular-nums; }
  .zcp-root .zcp-mobile-menu>button .zcp-nav-label { min-width:0; color:inherit; font-size:15px; }
  .zcp-root .zcp-mobile-menu>button.is-active { border-color:var(--zcp-brand); background:var(--zcp-brand-soft); color:var(--zcp-brand-hover); }
  .zcp-root .zcp-mobile-menu>button.is-active .zcp-nav-index { background:#fff; color:var(--zcp-brand-hover); }
  .zcp-root .zcp-editor-layout { display:block; min-height:0; background:#fff; }
  .zcp-root .zcp-editor-nav { display:none; }
  .zcp-root .zcp-editor-main { min-height:calc(100dvh - var(--zcp-site-nav)); padding:24px 17px calc(106px + env(safe-area-inset-bottom)); }
  .zcp-root .zcp-panel-head { margin-bottom:23px; padding-bottom:19px; border-bottom:1px solid var(--zcp-line); }
  .zcp-root .zcp-panel-head>span { margin-bottom:7px; color:var(--zcp-brand-hover); font-size:12px; letter-spacing:.03em; }
  .zcp-root .zcp-panel-head h2 { margin-bottom:8px; font-size:23px; line-height:1.3; text-wrap:balance; }
  .zcp-root .zcp-panel-head p { font-size:14px; line-height:1.7; text-wrap:pretty; }
  .zcp-root .zcp-fields { gap:18px; }
  .zcp-root .zcp-field { gap:7px; }
  .zcp-root .zcp-field :is(input,textarea,select) { min-height:50px; }
  .zcp-root .zcp-editor-preview { display:none; position:relative; top:auto; height:auto; min-height:calc(100dvh - var(--zcp-site-nav)); padding:21px 15px calc(106px + env(safe-area-inset-bottom)); border:0; }
  .zcp-root .is-mobile-preview .zcp-editor-main { display:none; }
  .zcp-root .is-mobile-preview .zcp-editor-preview { display:block; }
  .zcp-root .zcp-editor-preview>header { gap:12px; }
  .zcp-root .zcp-editor-preview>header button { display:inline-flex; align-items:center; min-height:44px; white-space:nowrap; }
  .zcp-root .zcp-preview-frame { width:100%!important; height:clamp(380px,calc(100dvh - 270px),760px); min-height:0; border-radius:16px; }
  .zcp-root .zcp-preview-devices { display:none; }
  .zcp-root .zcp-preview-viewport { overflow:hidden; }
  .zcp-root .zcp-example-picker { flex-wrap:nowrap; overflow-x:auto; gap:8px; padding-bottom:7px; scroll-snap-type:x proximity; }
  .zcp-root .zcp-example-picker button { white-space:nowrap; }
  .zcp-root .zcp-mobile-dock { position:fixed; z-index:25; inset:auto 0 0; display:grid!important; grid-template-columns:1fr 1fr 1.12fr; gap:7px; padding:9px 14px calc(9px + env(safe-area-inset-bottom)); border-top:1px solid var(--zcp-line); background:#fff; box-shadow:0 -7px 22px rgba(37,43,53,.09); }
  .zcp-root .zcp-mobile-dock button { min-height:48px; border:1px solid var(--zcp-line); border-radius:10px; background:var(--zcp-surface); color:var(--zcp-muted); font-size:14px; font-weight:650; }
  .zcp-root .zcp-mobile-dock button.is-active { border-color:var(--zcp-brand); background:var(--zcp-brand-soft); color:var(--zcp-brand); }
  .zcp-root .zcp-mobile-dock button:last-child { border-color:var(--zcp-brand); background:var(--zcp-brand); color:#fff; }
  .zcp-root .zcp-catalog { position:fixed; z-index:1099; inset:auto 0 0; max-height:min(87dvh,760px); overflow:auto; margin:0; padding:21px 17px calc(25px + env(safe-area-inset-bottom)); border-radius:20px 20px 0 0; box-shadow:0 -16px 46px rgba(24,34,48,.18); }
  .zcp-root .zcp-catalog-head strong { font-size:20px; }
  .zcp-root .zcp-catalog-cats { flex-wrap:nowrap; overflow-x:auto; }
  .zcp-root .zcp-catalog-cats button { white-space:nowrap; }
  .zcp-root .zcp-paste-link>div { display:grid; }
  .zcp-root .zcp-image-field { grid-template-columns:1fr auto; }
  .zcp-root .zcp-image-field>div:first-child { grid-column:1/-1; }
  .zcp-root .zcp-image-field img,.zcp-root .zcp-image-empty { grid-column:1/-1; }
  .zcp-root .zcp-block-toggle { min-height:72px; padding:12px; gap:10px; }
  .zcp-root .zcp-block-more { margin-right:8px; }
  .zcp-root .zcp-block-detail { padding:0 14px 20px; }
  .zcp-root .zcp-block-actions { gap:7px; }
  .zcp-root .zcp-switch { width:100%; }
  .zcp-root .zcp-block-actions button { flex:1; min-height:44px; }
  .zcp-root .zcp-open-catalog,.zcp-root .zcp-open-catalog:hover { min-height:58px; padding:12px 17px; border:1px solid var(--zcp-line); border-radius:14px; background:linear-gradient(115deg,#fff 65%,var(--zcp-brand-soft)); box-shadow:0 0 0 1px rgba(37,43,53,.025),0 5px 14px rgba(37,43,53,.055); color:var(--zcp-brand-hover); }
  .zcp-root .zcp-block-stack { gap:11px; }
  .zcp-root .zcp-block-editor { border-color:var(--zcp-line); border-radius:14px; box-shadow:0 2px 10px rgba(37,43,53,.055); }
  .zcp-root .zcp-block-editor.is-expanded { box-shadow:0 0 0 1px var(--zcp-brand-ring),0 6px 18px rgba(37,43,53,.07); }
  .zcp-root .zcp-image-field { padding:15px; border-radius:12px; }
  .zcp-root .zcp-image-field .zcp-upload { min-height:44px; }
  .zcp-root .zcp-card-enable { padding:17px; border-radius:14px; }
  .zcp-root .zcp-empty { padding:24px 19px; border-radius:13px; }
  .zcp-root .zcp-insights-toolbar { display:grid; grid-template-columns:1fr auto; gap:11px; margin-bottom:17px; }
  .zcp-root .zcp-insights-toolbar>div { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; width:100%; }
  .zcp-root .zcp-insights-toolbar button { min-height:42px; padding:0 6px; }
  .zcp-root .zcp-insights-toolbar>a { grid-column:2; justify-self:end; min-height:40px; }
  .zcp-root .zcp-insights-body { display:flex; flex-direction:column; }
  .zcp-root .zcp-insights-body .zcp-link-manager { margin:0 0 18px; }
  .zcp-root .zcp-insights-cards { gap:9px; margin-bottom:18px; }
  .zcp-root .zcp-insights-cards>div { min-height:82px; padding:14px 15px; border-radius:12px; box-shadow:0 2px 8px rgba(37,43,53,.04); }
  .zcp-root .zcp-insights-cards strong { font-size:26px; }
  .zcp-root .zcp-insights-section { padding:17px; border-radius:13px; }
  .zcp-root .zcp-card-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .zcp-root .zcp-card-stats>div { min-height:78px; padding:12px; }
  .zcp-root .zcp-card-stats strong { font-size:22px; }
  .zcp-root .zcp-managed-link { border-radius:10px; }
  .zcp-root .zcp-link-detail { border-radius:10px; }
  .zcp-root .zcp-publish-state { padding:15px 16px; }
  .zcp-root .zcp-publish-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .zcp-root .zcp-publish-actions button { min-height:48px; padding-inline:8px; }
  .zcp-root .zcp-share-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .zcp-root .zcp-share-actions :is(a,button) { justify-content:center; min-height:44px; }
  .zcp-root .zcp-link-manager { padding:15px; margin-top:20px; }
  .zcp-root .zcp-link-manager>header { align-items:flex-start; }
  .zcp-root .zcp-link-manager h3 { font-size:17px; }
  .zcp-root .zcp-link-manager>header button { min-height:40px; padding:0 10px; white-space:nowrap; }
  .zcp-root .zcp-managed-link { padding:13px; }
  .zcp-root .zcp-managed-link-bottom>span { width:100%; }
  .zcp-root .zcp-managed-link-bottom button { flex:1; min-height:42px; }
  .zcp-root .zcp-link-detail { padding:15px; }
  .zcp-root .zcp-preset-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .zcp-root .zcp-example-gallery { display:flex; }
  .zcp-root .zcp-action-dialog { width:100%; max-height:88dvh; margin:auto 0 0; border-radius:20px 20px 0 0; }
  .zcp-root .zcp-dialog-content { padding:24px 20px calc(24px + env(safe-area-inset-bottom)); }
  .zcp-root .zcp-dialog-actions button { flex:1; }
  .zcp-root.zcp-visual-v1 .zcp-public-shell { padding:10px; }
  .zcp-root.zcp-visual-v1 .zcp-page { border-radius:12px; }
  .zcp-root.zcp-visual-v1 .zcp-hero { min-height:260px; padding:29px 22px; }
  .zcp-root.zcp-visual-v1 .zcp-hero h1 { font-size:31px; }
  .zcp-root.zcp-visual-v1 .zcp-headline { font-size:17px; }
  .zcp-root.zcp-visual-v1 .zcp-blocks { display:block; padding:22px 17px; }
  .zcp-root.zcp-visual-v1 .zcp-content-card,.zcp-root.zcp-visual-v1 .zcp-section-heading { margin-bottom:15px; }
  .zcp-root.zcp-visual-v1 .zcp-card-body { padding:19px; }
  .zcp-root.zcp-visual-v1 .zcp-business-card { border-radius:16px; }
}
@media(max-width:359px) {
  .zcp-root .zcp-mobile-context { grid-template-columns:minmax(95px,auto) minmax(0,1fr) 44px; gap:7px; }
  .zcp-root .zcp-mobile-context>.zcp-mobile-module { padding-inline:9px; }
  .zcp-root .zcp-editor-main { padding-inline:13px; }
}
@media(prefers-reduced-motion:reduce) { .zcp-root .zcp-block-chevron { transition:none; } }

/* 0.8.3 — creator workbench. Scoped to editor; member-selected public templates are independent. */
.zcp-root #zcp-editor { --zcp-line:#e3e5e9; --zcp-canvas:#f3f4f6; --zcp-surface:#fafafb; --zcp-control-line:#d7dbe1; --zcp-brand-soft:#f8ecec; -webkit-font-smoothing:antialiased; }
#zcp-editor .zcp-ui-icon { display:inline-block; flex:none; width:20px; height:20px; vertical-align:middle; }
#zcp-editor .zcp-editor-layout { grid-template-columns:208px minmax(0,1.15fr) minmax(370px,1fr); background:var(--zcp-canvas); }
#zcp-editor .zcp-editor-nav { padding:20px 16px 20px 24px; background:#fff; border-color:var(--zcp-line); }
#zcp-editor .zcp-nav-heading { margin:0 0 22px; padding:0 4px 20px; }
#zcp-editor .zcp-nav-back { margin:0 0 16px; color:var(--zcp-muted); font-weight:500; }
#zcp-editor .zcp-workspace-label { display:flex; align-items:center; gap:7px; color:var(--zcp-brand-hover); font-size:12px; font-weight:600; }
#zcp-editor .zcp-workspace-label svg { width:16px; height:16px; }
#zcp-editor .zcp-nav-heading>div { margin-top:9px; }
#zcp-editor .zcp-nav-heading strong { font-size:17px; letter-spacing:.01em; }
#zcp-editor .zcp-nav-heading small { color:var(--zcp-muted); font-size:11px; }
#zcp-editor .zcp-nav-status { display:flex; flex-direction:column; align-items:flex-start; gap:5px; margin-top:14px; font-size:0; }
#zcp-editor .zcp-nav-status>span { font-size:12px; }
#zcp-editor .zcp-nav-status>[data-published-status] { display:inline-flex; padding:3px 8px; background:var(--zcp-surface); border:1px solid var(--zcp-line); border-radius:6px; }
#zcp-editor .zcp-nav-status>[data-status] { padding-left:1px; }
#zcp-editor .zcp-nav-items>p.zcp-nav-section { margin-left:9px; font-size:11px; letter-spacing:.04em; }
#zcp-editor .zcp-nav-items>p.zcp-nav-section-secondary { margin-top:18px; padding-top:17px; }
#zcp-editor .zcp-nav-items>button { min-height:46px; margin:3px 0; padding:0 9px; gap:9px; border:1px solid transparent; border-radius:10px; font-weight:500; }
#zcp-editor .zcp-nav-items>button .zcp-nav-index { width:26px; height:26px; background:transparent; border-radius:6px; font-size:11px; font-weight:500; opacity:.85; }
#zcp-editor .zcp-nav-items>button.is-active { background:var(--zcp-brand-soft); border-color:#ebcdd0; color:var(--zcp-brand-hover); box-shadow:0 2px 4px rgba(0,0,0,.025); font-weight:650; }
#zcp-editor .zcp-nav-items>button.is-active .zcp-nav-index { background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.04); }
#zcp-editor .zcp-nav-items>button.is-active::after { font-size:18px; }
#zcp-editor .zcp-nav-footer { margin-top:22px; padding:17px 0 0; }
#zcp-editor .zcp-nav-footer button { background:var(--zcp-brand); color:#fff; min-height:42px; box-shadow:0 2px 5px rgba(181,58,62,.14); }
#zcp-editor .zcp-nav-footer button:hover { background:var(--zcp-brand-hover); }
#zcp-editor .zcp-nav-footer a { justify-content:center; font-size:12px; }
#zcp-editor .zcp-editor-main { padding:30px clamp(20px,2.35vw,40px) 64px; background:var(--zcp-canvas); }
#zcp-editor .zcp-panel-head { margin-bottom:24px; border:0; padding:0; }
#zcp-editor .zcp-panel-head>span { font-size:11px; letter-spacing:.08em; color:var(--zcp-brand-hover); }
#zcp-editor .zcp-panel-head h2 { margin:8px 0 7px; font-size:27px; line-height:1.35; letter-spacing:-.025em; text-wrap:balance; }
#zcp-editor .zcp-panel-head p { margin:0; font-size:13px; color:var(--zcp-muted); text-wrap:pretty; }
#zcp-editor .zcp-identity-form { display:grid; gap:16px; }
#zcp-editor .zcp-form-section { min-width:0; padding:22px; background:#fff; border:1px solid var(--zcp-line); border-radius:16px; box-shadow:0 2px 4px rgba(0,0,0,.018),0 8px 22px rgba(0,0,0,.025); }
#zcp-editor .zcp-section-top { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
#zcp-editor .zcp-form-section-head { display:flex; align-items:center; gap:10px; margin:0 0 20px; }
#zcp-editor .zcp-section-top .zcp-form-section-head { margin:0; }
#zcp-editor .zcp-form-section-head h3 { margin:0 0 3px; font-size:15px; font-weight:650; line-height:1.4; }
#zcp-editor .zcp-form-section-head p { margin:0; font-size:12px; line-height:1.5; color:var(--zcp-muted); }
#zcp-editor .zcp-section-icon { display:grid; place-items:center; flex:none; width:38px; height:38px; border-radius:11px; background:#f8ecec; color:var(--zcp-brand-hover); }
#zcp-editor .zcp-form-section:nth-child(2) .zcp-section-icon { background:#edf3f2; color:#416967; }
#zcp-editor .zcp-form-section:nth-child(3) .zcp-section-icon { background:#f5f0e7; color:#866542; }
#zcp-editor .zcp-inline-action { margin:0; }
#zcp-editor .zcp-inline-action button { gap:5px; min-height:40px; padding:0 10px; border-radius:8px; background:#fff; color:var(--zcp-brand-hover); font-size:12px; font-weight:500; white-space:nowrap; }
#zcp-editor .zcp-inline-action button svg { width:16px; height:16px; }
#zcp-editor .zcp-account-import { max-width:100%; background:var(--zcp-surface); }
#zcp-editor .zcp-account-import p { margin:0; font-size:12px; }
#zcp-editor .zcp-fields { gap:19px; }
#zcp-editor .zcp-field { gap:8px; font-weight:500; font-size:13px; min-width:0; }
#zcp-editor .zcp-field-label { display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
#zcp-editor .zcp-field-label small { color:var(--zcp-muted); font-size:11px; font-weight:400; font-variant-numeric:tabular-nums; }
#zcp-editor .zcp-field :is(input,textarea,select) { min-height:46px; padding:11px 13px; border:1px solid var(--zcp-control-line); border-radius:9px; background:#fdfdfe; font-size:14px; font-weight:400; box-shadow:0 1px 2px rgba(0,0,0,.02); transition:border-color .16s,box-shadow .16s,background-color .16s; }
#zcp-editor .zcp-field :is(input,textarea,select):hover { border-color:#b8bec8; }
#zcp-editor .zcp-field :is(input,textarea,select):focus { border-color:var(--zcp-brand); background:#fff; box-shadow:0 0 0 3px var(--zcp-brand-ring); outline:0; }
#zcp-editor .zcp-field textarea { resize:vertical; line-height:1.8; min-height:140px; }
#zcp-editor .zcp-field .zcp-field-hint { color:var(--zcp-muted); font-size:12px; font-weight:400; }
#zcp-editor .zcp-image-field { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:13px; padding:15px; border:1px solid var(--zcp-line); border-radius:12px; background:var(--zcp-surface); }
#zcp-editor .zcp-image-field>* { grid-column:auto; }
#zcp-editor .zcp-image-field .zcp-image-meta { grid-column:auto; min-width:0; }
#zcp-editor .zcp-image-meta strong { display:block; margin-bottom:4px; font-size:13px; font-weight:600; }
#zcp-editor .zcp-image-meta small { display:block; font-size:11px; line-height:1.6; color:var(--zcp-muted); }
#zcp-editor .zcp-image-field img,#zcp-editor .zcp-image-empty { display:grid; place-items:center; width:64px; height:64px; padding:0; border-radius:12px; background:#edeef1; color:#747a85; object-fit:cover; outline:1px solid rgba(0,0,0,.08); outline-offset:-1px; }
#zcp-editor .zcp-image-empty svg { width:25px; height:25px; }
#zcp-editor .zcp-image-wide img,#zcp-editor .zcp-image-wide .zcp-image-empty { width:96px; height:64px; border-radius:8px; }
#zcp-editor .zcp-image-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:6px; max-width:150px; }
#zcp-editor .zcp-image-actions :is(.zcp-upload,.zcp-subtle) { position:relative; min-height:40px; padding:0 11px; border-radius:8px; font-size:12px; font-weight:500; white-space:nowrap; }
#zcp-editor .zcp-image-actions .zcp-subtle { color:var(--zcp-muted); background:transparent; border-color:transparent; }
#zcp-editor .zcp-upload:focus-within { outline:3px solid var(--zcp-brand-ring); outline-offset:3px; border-color:var(--zcp-brand); }
#zcp-editor .zcp-identity-form .zcp-image-avatar { margin:0 0 21px; padding:0 0 20px; border:0; border-radius:0; background:transparent; box-shadow:0 1px 0 var(--zcp-line); }
#zcp-editor .zcp-editor-preview { padding:29px 22px 32px; background:#eeeff2; border-color:var(--zcp-line); }
#zcp-editor .zcp-editor-preview>header { margin-bottom:22px; }
#zcp-editor .zcp-editor-preview>header small { font-size:11px; letter-spacing:.04em; }
#zcp-editor .zcp-editor-preview>header strong { margin-top:4px; font-size:17px; font-weight:650; }
#zcp-editor .zcp-editor-preview>header button { padding:0 11px; border:1px solid #d9dce2; border-radius:8px; background:rgba(255,255,255,.72); color:var(--zcp-muted); font-size:12px; }
#zcp-editor .zcp-example-picker { display:flex; flex-wrap:wrap; gap:3px; margin:0 0 15px; padding:4px; border:1px solid #dcdfe5; border-radius:11px; background:#e6e8ed; }
#zcp-editor .zcp-example-picker button { flex:1; min-height:40px; padding:7px 5px; border:1px solid transparent; border-radius:7px; background:transparent; font-size:12px; white-space:nowrap; }
#zcp-editor .zcp-example-picker button.is-active { border-color:#e3d5d7; background:#fff; color:var(--zcp-brand-hover); box-shadow:0 1px 4px rgba(0,0,0,.05); font-weight:600; }
#zcp-editor .zcp-example-picker a { flex-basis:100%; padding:6px; font-size:12px; }
#zcp-editor .zcp-preview-devices { gap:5px; margin:0 0 14px; padding:0; }
#zcp-editor .zcp-preview-devices button { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:40px; padding:0 9px; border:1px solid transparent; border-radius:8px; background:transparent; font-size:12px; }
#zcp-editor .zcp-preview-devices .zcp-ui-icon { width:15px; height:15px; }
#zcp-editor .zcp-preview-devices button.is-active { background:#fff; border-color:#d8dce3; color:var(--zcp-ink); box-shadow:0 1px 3px rgba(0,0,0,.035); }
#zcp-editor .zcp-preview-stage { overflow:hidden; border:1px solid #d7dbe2; border-radius:13px; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.04),0 14px 32px rgba(0,0,0,.08); }
#zcp-editor .zcp-preview-chrome { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:35px; padding:0 12px; border-bottom:1px solid #e4e6ea; background:#fafafb; color:var(--zcp-muted); font-size:10px; }
#zcp-editor .zcp-window-dots { display:flex; gap:4px; }
#zcp-editor .zcp-window-dots i { width:5px; height:5px; border-radius:50%; background:#cfd2d8; }
#zcp-editor .zcp-preview-viewport { padding:0; }
#zcp-editor .zcp-preview-frame { display:block; height:calc(100dvh - var(--zcp-site-nav) - 250px); min-height:400px; border:0; border-radius:0; box-shadow:none; background:#fff; }
#zcp-editor :is(.zcp-publish-state,.zcp-link-inventory) { border:1px solid var(--zcp-line); border-radius:12px; }
#zcp-editor .zcp-publish-state { background:#fff; }
#zcp-editor :is(.zcp-card-form,.zcp-insights-section,.zcp-link-manager,.zcp-design-options) { background:#fff; }
#zcp-editor :is(button,.zcp-upload,a) { -webkit-tap-highlight-color:transparent; }
#zcp-editor button:disabled { opacity:.55; }
@media(hover:hover) { #zcp-editor :is(.zcp-upload,.zcp-editor-preview>header button,.zcp-inline-action button):hover { border-color:#c9a8ac; background:#fff7f7; } }
@media(prefers-reduced-motion:no-preference) { #zcp-editor button,#zcp-editor .zcp-upload { transition-property:background-color,border-color,color,box-shadow,scale; transition-duration:.16s; transition-timing-function:cubic-bezier(.2,0,0,1); } #zcp-editor button:not(:disabled):active,#zcp-editor .zcp-upload:active { scale:.96; } }
@media(min-width:1024px) and (max-width:1199px) { #zcp-editor .zcp-editor-layout { grid-template-columns:180px minmax(0,1fr) minmax(310px,.9fr); } #zcp-editor .zcp-editor-nav { padding-inline:20px 10px; } #zcp-editor .zcp-nav-heading strong { font-size:16px; } #zcp-editor .zcp-editor-main { padding-inline:18px; } #zcp-editor .zcp-form-section { padding:17px; } #zcp-editor .zcp-editor-preview { padding-inline:14px; } #zcp-editor .zcp-image-field { gap:9px; } #zcp-editor .zcp-image-actions { max-width:85px; } }
@media(min-width:768px) and (max-width:1023px) { #zcp-editor .zcp-editor-layout { grid-template-columns:184px minmax(0,1fr); } #zcp-editor .zcp-editor-nav { grid-row:1/3; padding-left:20px; } #zcp-editor .zcp-editor-preview { grid-column:2; position:relative; top:auto; height:auto; } }
@media(max-width:767px) {
 #zcp-editor .zcp-editor-layout { display:block; }
 #zcp-editor .zcp-editor-main { padding:18px 16px calc(104px + env(safe-area-inset-bottom)); }
 #zcp-editor .zcp-mobile-context { margin-bottom:24px; gap:8px; }
 #zcp-editor .zcp-mobile-context>.zcp-mobile-module { background:#fff; }
 #zcp-editor .zcp-panel-head { margin-bottom:20px; }
 #zcp-editor .zcp-panel-head h2 { font-size:25px; margin-top:7px; }
 #zcp-editor .zcp-panel-head p { font-size:12px; }
 #zcp-editor .zcp-form-section { padding:18px 16px; border-radius:14px; }
 #zcp-editor .zcp-form-section-head { gap:9px; margin-bottom:18px; }
 #zcp-editor .zcp-form-section-head h3 { font-size:14px; }
 #zcp-editor .zcp-form-section-head p { font-size:11px; }
 #zcp-editor .zcp-section-icon { width:34px; height:34px; border-radius:9px; }
 #zcp-editor .zcp-section-top { gap:10px; margin-bottom:18px; }
 #zcp-editor .zcp-section-top>.zcp-inline-action { margin-left:auto; }
 #zcp-editor .zcp-inline-action button { min-height:40px; font-size:11px; padding-inline:8px; }
 #zcp-editor .zcp-image-field { grid-template-columns:auto minmax(0,1fr); gap:11px; padding:12px; }
 #zcp-editor .zcp-image-field>* { grid-column:auto; }
 #zcp-editor .zcp-image-actions { grid-column:2; justify-content:flex-start; max-width:none; }
 #zcp-editor .zcp-image-field img,#zcp-editor .zcp-image-field .zcp-image-empty { grid-row:1/3; align-self:center; width:64px; height:64px; }
 #zcp-editor .zcp-image-meta small { font-size:10px; }
 #zcp-editor .zcp-image-wide img,#zcp-editor .zcp-image-wide .zcp-image-empty { width:86px; height:70px; }
 #zcp-editor .zcp-field :is(input,textarea,select) { font-size:16px; min-height:48px; }
 #zcp-editor .zcp-field textarea { min-height:156px; }
 #zcp-editor .zcp-editor-preview { padding:22px 15px calc(104px + env(safe-area-inset-bottom)); height:auto; }
 #zcp-editor .zcp-editor-preview>header { margin-bottom:18px; }
 #zcp-editor .zcp-editor-preview>header strong { font-size:16px; }
 #zcp-editor .zcp-preview-devices { display:none; }
 #zcp-editor .zcp-example-picker { flex-wrap:nowrap; gap:2px; overflow:auto; }
 #zcp-editor .zcp-example-picker a { flex:none; }
 #zcp-editor .zcp-example-picker button { font-size:11px; padding-inline:5px; }
 #zcp-editor .zcp-preview-frame { height:calc(100dvh - 300px); min-height:380px; border-radius:0; }
 #zcp-editor .zcp-mobile-dock { padding-top:10px; box-shadow:0 -4px 20px rgba(0,0,0,.05); }
}
@media(max-width:359px) { #zcp-editor .zcp-editor-main { padding-inline:10px; } #zcp-editor .zcp-form-section { padding-inline:14px; } #zcp-editor .zcp-section-top { gap:8px; } }
@media(prefers-reduced-motion:reduce) { #zcp-editor *,#zcp-editor *::before,#zcp-editor *::after { transition:none!important; animation:none!important; } }

/* Keep save within reach; only the section list scrolls on short displays. */
#zcp-editor .zcp-editor-nav { height:calc(100dvh - var(--zcp-site-nav)); overflow:hidden; }
#zcp-editor .zcp-nav-heading { flex:none; margin-bottom:17px; padding-bottom:16px; }
#zcp-editor .zcp-nav-items { flex:1; min-height:0; overflow-y:auto; scrollbar-width:thin; padding:1px 2px 6px; margin-inline:-2px; }
#zcp-editor .zcp-nav-items>button { display:flex; align-items:center; width:100%; text-align:left; flex:none; }
#zcp-editor .zcp-nav-footer { flex:none; margin-top:12px; padding-top:12px; }
#zcp-editor .zcp-nav-footer a { min-height:30px; }
body.admin-bar #zcp-editor .zcp-editor-nav { height:calc(100dvh - var(--zcp-site-nav) - 32px); }

/* Keep outline icons intact under the site theme’s global SVG fill rule. */
#zcp-editor svg.zcp-ui-icon,#zcp-editor svg.zcp-ui-icon * { fill:none!important; stroke:currentColor; }

/* The independently published card uses its own saved appearance. */
.zcp-root.zcp-tool-card .zcp-card-public-shell{background:radial-gradient(circle at 50% 2%,var(--accent-soft) 0,transparent 43%),#f5f7fa}
.zcp-root.zcp-tool-card .zcp-card-orbit{background:linear-gradient(125deg,color-mix(in srgb,var(--accent),#152238 55%),var(--accent) 70%,color-mix(in srgb,var(--accent),#fff 35%))}
.zcp-root.zcp-tool-card .zcp-business-actions :is(a,button){background:color-mix(in srgb,var(--accent-soft),#fff 70%);color:color-mix(in srgb,var(--accent),#182338 40%)}
.zcp-root.zcp-tool-card.zcp-mode-dark .zcp-card-public-shell{background:#111b2b}.zcp-root.zcp-tool-card.zcp-mode-dark .zcp-business-card{background:#1c2a40;color:#f2f5fb}.zcp-root.zcp-tool-card.zcp-mode-dark .zcp-business-card h1{color:#f2f5fb}.zcp-root.zcp-tool-card.zcp-mode-dark :is(.zcp-business-role,.zcp-business-tagline,.zcp-business-back){color:#c5d1e3}.zcp-root.zcp-tool-card.zcp-mode-dark .zcp-business-share{border-color:#3c4a62;color:#c5d1e3}
.zcp-root.zcp-tool-card.zcp-font-editorial .zcp-business-card{font-family:Georgia,"Songti SC","SimSun",serif}.zcp-root.zcp-tool-card.zcp-font-humanist .zcp-business-card{font-family:"Optima","PingFang SC",sans-serif}
.zcp-root.zcp-tool-card .zcp-business-share .zcp-vcard-link{background:var(--accent);border-color:var(--accent);color:#fff}

.zcp-root.zcp-tool-card.zcp-button-pill .zcp-business-actions :is(a,button){border-radius:999px}

/* Card palette is independent of the homepage preset palette. */
.zcp-root.zcp-tool-card.zcp-accent-indigo{--accent:#5365d9;--accent-soft:#e9ebff}
.zcp-root.zcp-tool-card.zcp-accent-blue{--accent:#2777c9;--accent-soft:#e3f1ff}
.zcp-root.zcp-tool-card.zcp-accent-teal{--accent:#148c88;--accent-soft:#e1f5f2}
.zcp-root.zcp-tool-card.zcp-accent-green{--accent:#3a8d52;--accent-soft:#e5f5e8}
.zcp-root.zcp-tool-card.zcp-accent-amber{--accent:#b77716;--accent-soft:#fff1d5}
.zcp-root.zcp-tool-card.zcp-accent-rose{--accent:#bd526b;--accent-soft:#ffe9ee}
.zcp-root.zcp-tool-card .zcp-business-avatar-placeholder{background:var(--accent-soft);color:var(--accent)}

/* Workbench navigation: two independent products, one consistent editing space. */
#zcp-editor .zcp-editor-layout{grid-template-columns:256px minmax(0,1.18fr) minmax(350px,.95fr)}
#zcp-editor .zcp-editor-nav{display:flex;flex-direction:column;gap:0;padding:16px 18px;background:#faf9f7;border-right-color:#e3e2df;-webkit-font-smoothing:antialiased}
#zcp-editor .zcp-nav-heading{margin:0 0 16px;padding:0;border:0}
#zcp-editor .zcp-nav-back{min-height:40px;margin:0 0 10px;padding:0 2px;color:#657078;font-size:12px}
#zcp-editor .zcp-workspace-brand{display:flex;align-items:center;gap:10px;margin:0}
#zcp-editor .zcp-workspace-mark{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#fff;color:var(--zcp-brand);box-shadow:0 1px 2px #00000008,0 0 0 1px #00000009}
#zcp-editor .zcp-workspace-mark svg{width:22px;height:22px}
#zcp-editor .zcp-workspace-brand>div{flex:1;min-width:0;display:grid;gap:3px}
#zcp-editor .zcp-workspace-brand strong{font-size:16px;line-height:1.4;letter-spacing:0;white-space:nowrap}
#zcp-editor .zcp-workspace-brand small{font-size:11px;line-height:1.5;color:#657078;font-weight:400;white-space:normal}
#zcp-editor .zcp-workspace-tier{flex:none;padding:2px 5px;border:1px solid #e3d2ad;border-radius:5px;color:#79623b;background:#f6efdf;font-size:10px;line-height:1.5}
#zcp-editor .zcp-nav-status{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px;margin:14px 0 0;font-size:12px}
#zcp-editor .zcp-nav-status>[data-published-status]{padding:3px 7px;border:1px solid #e3e2df;border-radius:5px;background:#fff;color:#586270;font-size:11px}
#zcp-editor .zcp-nav-status>[data-status]{padding:0;min-width:0;color:#586270;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
#zcp-editor .zcp-nav-status>[data-status].is-error{color:#a12c2c}
#zcp-editor .zcp-companion-card{display:grid;flex:none;gap:8px;margin-bottom:18px;padding:14px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#343d42,#252b30);text-decoration:none;box-shadow:inset 0 1px 0 #ffffff16,0 2px 4px #00000007,0 8px 20px #0000000a;transition:box-shadow 160ms ease,background-color 160ms ease}
#zcp-editor .zcp-companion-eyebrow{display:flex;justify-content:space-between;align-items:center;color:#c9d1d3;font-size:10px;line-height:1.4;letter-spacing:.04em}
#zcp-editor .zcp-companion-eyebrow>span{color:#e7cf9b;font-size:10px;letter-spacing:0}
#zcp-editor .zcp-companion-title{display:flex;align-items:center;gap:8px;color:#fff}
#zcp-editor .zcp-companion-title svg{flex:none;width:24px;height:24px;color:#e7cf9b}
#zcp-editor .zcp-companion-title strong{flex:1;min-width:0;color:#fff;font-size:16px;font-weight:650;line-height:1.4;white-space:nowrap}
#zcp-editor .zcp-companion-title>span{color:#d0d9dc;font-size:15px}
#zcp-editor .zcp-companion-note{color:#dde3e5;font-size:11px;line-height:1.5}
#zcp-editor .zcp-companion-action{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #ffffff26;color:#f0dfbc;font-size:11px;line-height:1.5}
#zcp-editor .zcp-companion-card:hover{box-shadow:inset 0 1px 0 #ffffff24,0 3px 6px #00000009,0 10px 24px #00000016}
#zcp-editor .zcp-nav-items{padding:0 2px 6px;scrollbar-color:#d5d7d9 transparent}
#zcp-editor .zcp-directory-heading{display:flex;align-items:center;justify-content:space-between;margin:0 8px 14px}
#zcp-editor .zcp-directory-heading strong{font-size:12px;font-weight:650;color:#303940}
#zcp-editor .zcp-directory-heading small{color:#6a747c;font-size:10px;font-variant-numeric:tabular-nums}
#zcp-editor .zcp-nav-items>p.zcp-nav-section{margin:0 8px 6px;color:#6a747c;font-size:10px;font-weight:500;letter-spacing:.06em}
#zcp-editor .zcp-nav-items>p.zcp-nav-section-secondary{margin-top:14px;padding-top:14px;border-color:#e6e4e1}
#zcp-editor .zcp-nav-items>button{min-height:56px;margin:2px 0;padding:7px 10px;gap:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#303940;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
#zcp-editor .zcp-nav-items>button .zcp-nav-index{width:28px;height:28px;border:1px solid #e5e5e2;border-radius:7px;background:#fff;color:#768087;font-size:10px;opacity:1}
#zcp-editor .zcp-nav-copy{flex:1;min-width:0;display:grid;gap:3px;text-align:left}
#zcp-editor .zcp-nav-items>button .zcp-nav-label{font-size:13px;font-weight:550;line-height:1.4}
#zcp-editor .zcp-nav-copy>small{font-size:10px;font-weight:400;color:#6a747c;line-height:1.45;white-space:normal}
#zcp-editor .zcp-nav-items>button:hover{background:#f0eeea;color:#252b35}
#zcp-editor .zcp-nav-items>button.is-active{background:#fff;border-color:#e3c3c5;color:#963139;box-shadow:0 1px 2px #00000004,0 3px 8px #00000004}
#zcp-editor .zcp-nav-items>button.is-active .zcp-nav-index{background:#f7eceb;border-color:#ecd6d6;color:#963139;box-shadow:none}
#zcp-editor .zcp-nav-items>button.is-active .zcp-nav-copy>small{color:#756065}
#zcp-editor .zcp-nav-items>button.is-active::after{position:absolute;left:-1px;top:15px;bottom:15px;width:3px;border-radius:0 3px 3px 0;background:var(--zcp-brand);content:''}
#zcp-editor .zcp-nav-footer{margin-top:12px;padding:12px 0 0;gap:4px;border-color:#e3e2df;background:#faf9f7}
#zcp-editor .zcp-nav-footer>button{display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px;margin:0;border-radius:10px;background:linear-gradient(#b94246,#aa343a);border-color:#a4353c;color:#fff;font-size:13px;box-shadow:inset 0 1px 0 #ffffff26,0 2px 4px #96313914}
#zcp-editor .zcp-nav-footer>button>span{font-size:16px;font-weight:400}
#zcp-editor .zcp-nav-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#zcp-editor .zcp-nav-help>a{min-height:40px;padding:0 2px;color:#586270;font-size:11px}
#zcp-editor .zcp-mobile-tools{display:none}
#zcp-editor .zcp-panel-head h2{font-size:25px;letter-spacing:-.025em;text-wrap:balance}
#zcp-editor .zcp-panel-head p{text-wrap:pretty}
#zcp-editor .zcp-form-section{border-color:#dee1e5;box-shadow:0 1px 3px #00000003,0 4px 12px #00000002}
#zcp-editor .zcp-editor-preview>header{padding-bottom:16px;border-bottom:1px solid #dce0e5;margin-bottom:18px}
#zcp-editor .zcp-editor-preview>header small{display:flex;align-items:center;gap:6px;letter-spacing:0}
#zcp-editor .zcp-editor-preview>header small::before{content:'';width:5px;height:5px;border-radius:50%;background:#738776}
@media(min-width:768px) and (max-width:1199px){
 #zcp-editor .zcp-editor-layout{grid-template-columns:232px minmax(0,1fr) minmax(300px,.9fr)}
 #zcp-editor .zcp-editor-nav{padding-inline:14px}
 #zcp-editor .zcp-workspace-tier{display:none}
}
@media(min-width:768px) and (max-width:1023px){#zcp-editor .zcp-editor-layout{grid-template-columns:232px minmax(0,1fr)}}
@media(max-width:767px){
 #zcp-editor .zcp-editor-nav{display:none}
 #zcp-editor .zcp-mobile-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px}
 #zcp-editor .zcp-mobile-tools>div,#zcp-editor .zcp-mobile-tools>a{display:flex;align-items:center;gap:8px;min-height:64px;padding:10px 9px;border-radius:11px;text-decoration:none;box-shadow:0 1px 2px #00000005}
 #zcp-editor .zcp-mobile-tools>div{border:1px solid #e3c3c5;background:#fff8f7;color:#963139}
 #zcp-editor .zcp-mobile-tools>a{background:#30393f;color:#fff;border:1px solid #30393f}
 #zcp-editor .zcp-mobile-tools svg{width:22px;height:22px;flex:none}
 #zcp-editor .zcp-mobile-tools>div>span,#zcp-editor .zcp-mobile-tools>a>span{min-width:0;display:grid;gap:4px}
 #zcp-editor .zcp-mobile-tools strong{font-size:12px;font-weight:650;line-height:1.4;white-space:nowrap;color:inherit}
 #zcp-editor .zcp-mobile-tools small{font-size:10px;font-weight:400;line-height:1.4;color:inherit;opacity:.85}
 #zcp-editor .zcp-mobile-tools>a svg{color:#e7cf9b}
 #zcp-editor .zcp-mobile-menu .zcp-nav-copy>small{font-size:10px;color:#6a747c}
 #zcp-editor .zcp-mobile-menu>button{gap:8px;min-height:64px;padding:8px}
 #zcp-editor .zcp-mobile-menu>button .zcp-nav-label{font-size:13px}
 #zcp-editor .zcp-mobile-menu>button .zcp-nav-index{width:24px;height:24px;font-size:10px}
 #zcp-editor .zcp-panel-head h2{font-size:23px}
}
@media(max-width:359px){#zcp-editor .zcp-mobile-tools{gap:6px}#zcp-editor .zcp-mobile-tools>div,#zcp-editor .zcp-mobile-tools>a{gap:5px;padding-inline:7px}#zcp-editor .zcp-mobile-tools svg{width:18px;height:18px}#zcp-editor .zcp-mobile-tools strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){#zcp-editor .zcp-companion-card,#zcp-editor .zcp-nav-items>button{transition:none}}

#zcp-editor .zcp-nav-footer>button svg{width:16px;height:16px;flex:none}

/* The workbench’s fixed save area must remain clear of the shared contact launcher. */
body:has(#zcp-editor) .zmt-contact-floating{inset:auto 20px 20px auto!important}
body:has(#zcp-editor) .zmt-contact-launcher{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:14px}
body:has(#zcp-editor) .zmt-contact-launcher>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:767px){body:has(#zcp-editor) .zmt-contact-floating{inset:auto 14px calc(90px + env(safe-area-inset-bottom)) auto!important}}

/* Owner backup remains reachable in the full desktop workbench. */
#zcp-editor .zcp-nav-footer>a.zcp-export-backup{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid var(--zcp-line,#e3e2df);border-radius:9px;background:#fff;color:var(--zcp-ink,#26302d);font-size:13px;text-decoration:none}
#zcp-editor .zcp-nav-footer>a.zcp-export-backup:focus-visible{outline:3px solid #74cfc2;outline-offset:2px}

/* The phone preview is a separate view; expose it beside the chosen example. */
#zcp-editor .zcp-example-mobile-preview{display:none}
@media(max-width:767px){#zcp-editor .zcp-example-mobile-preview{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:12px 10px 10px 0;padding:10px 14px;border:1px solid var(--zcp-brand,#b63740);border-radius:10px;background:var(--zcp-brand-soft,#fff3f4);color:var(--zcp-brand,#b63740);font:inherit;font-size:14px;font-weight:600;cursor:pointer}#zcp-editor .zcp-example-mobile-preview:focus-visible{outline:3px solid var(--zcp-brand,#b63740);outline-offset:3px}}

/* Always-visible content adder, placed after existing blocks. */
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder{position:static;inset:auto;z-index:auto;transform:none;max-height:none;width:auto;overflow:visible;margin:20px 0 0;padding:20px;background:#f6f8f2;border:1px solid #dfe5d8;border-radius:14px;box-shadow:none}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-head{align-items:flex-start;gap:12px;margin:0 0 16px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-head h3{font-size:18px;line-height:1.4;font-weight:650;margin:0;color:#35422e}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-head p{font-size:12px;line-height:1.7;margin:5px 0 0;color:#65705d}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-content-count{flex:none;white-space:nowrap;font-size:11px;line-height:1.6;color:#65705d;margin-top:3px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-item{display:grid;grid-template-columns:28px minmax(0,1fr) 14px;align-items:center;gap:9px;min-width:0;min-height:78px;padding:12px;text-align:left;background:#fff;border:1px solid #dfe5d8;border-radius:10px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-symbol{width:28px;height:28px;font-size:17px;border-radius:7px;background:#eef2e7;color:#617055}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-item strong{font-size:14px;line-height:1.4;color:#35422e;overflow-wrap:anywhere}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-item small{font-size:12px;line-height:1.5;color:#65705d;overflow-wrap:anywhere}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-cats{display:flex;flex-wrap:wrap;overflow:visible;gap:7px;margin:14px 0 12px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-cats button{min-height:40px;padding:8px 12px;border-radius:8px;font-size:13px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-cats button.is-active{background:#e4ebda;border-color:#9dad8e;color:#35422e}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-search input,:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-paste-link input{min-width:0;min-height:44px;font-size:16px;background:#fff}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-paste-link{margin-top:16px;padding:14px 0 0;background:transparent;border:0;border-top:1px solid #dfe5d8;border-radius:0}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-paste-link>div{min-width:0}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-paste-link button{min-height:44px;flex:none;font-size:12px}
@media(max-width:767px){
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder{padding:14px;margin-top:16px;border-radius:12px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-head{margin-bottom:12px;gap:8px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-head h3{font-size:17px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-head p{font-size:12px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-content-count{font-size:10px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-results{gap:8px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-item{grid-template-columns:20px minmax(0,1fr);gap:7px;padding:10px;min-height:88px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-symbol{width:20px;height:24px;font-size:16px;background:transparent}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-item>span:last-child{display:none}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-item strong{font-size:13px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-item small{font-size:11px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-cats{gap:6px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-catalog-cats button{min-height:44px;padding:8px 10px;font-size:12px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-paste-link>div{display:flex;gap:6px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-paste-link input{width:0;flex:1;padding:0 10px}
}

/* Mobile paste controls must not inherit the legacy column layout. */
@media(max-width:767px){
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-paste-link>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-paste-link input{width:100%;min-width:0;grid-column:auto;flex:none}
:is(.zcp-root,#zmt-unified-workspace .cw-module-homepage) .zcp-catalog.zcp-content-adder .zcp-paste-link button{width:auto;min-width:0;grid-column:auto;white-space:nowrap;padding-inline:12px}
}