/**
 * selectors reference classes that actually appear in glossary-previews.ts.
 * Every selector is prefixed with `.genisource-preview` so nothing leaks into the
 * rest of the app. Generated by scripts/rebuild-previews.py; do not edit.
 */

.genisource-preview {
  --bg: var(--card-bg-app);
  --bg-soft: var(--bg-app);
  --bg-hover: color-mix(in srgb, var(--text-app) 5%, var(--bg-app));
  --text: var(--text-app);
  --text-2: var(--muted-app);
  --text-3: var(--muted-app);
  --border: var(--border-app);
  --border-hover: color-mix(in srgb, var(--text-app) 18%, var(--border-app));
  --border-light: color-mix(in srgb, var(--text-app) 6%, var(--border-app));
  --brand: var(--accent-app);
  --brand-hover: var(--accent-app);
  --brand-light: color-mix(in srgb, var(--brand) 9%, var(--bg));
  --accent: var(--accent-app);
  --accent-light: color-mix(in srgb, var(--accent) 9%, var(--bg));
  --on-brand: var(--on-accent);
  --radius: 8px;
  --radius-lg: 12px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 14px rgba(0, 0, 0, 0.05);
  --shadow-float: 0 8px 30px rgba(0, 0, 0, 0.12);
  --green: #287947;
  --green-light: #e8ffea;
  --red: #b94046;
  --red-light: #ffece8;
  --info: #35679d;
  --info-light: #eaf1f9;
  --warning: #925318;
  --warning-light: #fbefe1;
  --on-status: #fff;
  --inverse-bg: #30343c;
  --inverse-text: #f1f2f4;
  --code-keyword: #7440bb;
  --code-keyword-light: #f3e8ff;
  --code-muted: #9aa3b2;
  --font-serif: Georgia, "Noto Serif SC", serif;
}

.dark .genisource-preview {
  --green: #8ac89e;
  --green-light: #23352b;
  --red: #e3a1a5;
  --red-light: #3b292f;
  --info: #a4bedc;
  --info-light: #273444;
  --warning: #d5b789;
  --warning-light: #383127;
  --on-status: #1b1d21;
  --inverse-bg: #343940;
  --inverse-text: #d9dce2;
  --code-keyword: #bea6e5;
  --code-keyword-light: #332d43;
  --shadow-card: 0 1px 2px rgb(0 0 0 / 18%), 0 4px 14px rgb(0 0 0 / 12%);
  --shadow-float: 0 8px 30px rgb(0 0 0 / 24%);
}

/* ---- structure copied from genisource (.card-demo.scaled-preview) -------- */
.genisource-preview {
  display: block;
  font-family: var(--font-sans, inherit);
  font-size: 13px;
  line-height: 1.5;
  color: var(--text);
  container-type: inline-size;
  /* inset the preview panel so it does not run flush with the card edges */
  padding: 12px 14px 14px;
}
.genisource-preview *,
.genisource-preview *::before,
.genisource-preview *::after { box-sizing: border-box; }

@media print {
  .genisource-preview .card-demo { aspect-ratio: auto; min-height: 140px; }
  .genisource-preview .card-demo > .scaled-preview-canvas {
    position: static;
    transform: none;
    width: 100%;
    height: auto;
  }
}

.genisource-preview .md-demo{display:flex;align-items:stretch;gap:8px;width:100%}
.genisource-preview .md-col{flex:1 1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}
.genisource-preview .md-tag{font-size:12px;letter-spacing:.6px}
.genisource-preview .md-arrow, .genisource-preview .md-tag{color:var(--text-3)}
.genisource-preview .md-arrow{align-self:center;flex:none;font-size:14px}
.genisource-preview .md-src{gap:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--text-2)}
.genisource-preview .md-out, .genisource-preview .md-src{display:flex;flex-direction:column}
.genisource-preview .md-out{gap:4px}
.genisource-preview .md-l{display:block;line-height:1.5}
.genisource-preview .md-mark{color:var(--brand)}
.genisource-preview .md-h{font-size:14px;font-weight:700;color:var(--text)}
.genisource-preview .md-li, .genisource-preview .md-p{font-size:12px;color:var(--text-2)}
.genisource-preview .md-li{padding-left:12px;position:relative}
.genisource-preview .md-li:before{content:"";position:absolute;left:2px;top:7px;width:4px;height:4px;border-radius:50%;background:var(--text-3)}
.genisource-preview .md-code{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:4px;padding:2px 6px}
.genisource-preview .md-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--text-2)}
.genisource-preview .html-demo{display:flex;align-items:stretch;gap:8px;width:100%}
.genisource-preview .html-tree{flex:1.1 1;min-width:0;display:flex;flex-direction:column;gap:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
.genisource-preview .html-node{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:2px 7px;color:var(--brand);white-space:nowrap;overflow:hidden}
.genisource-preview .html-node em{color:var(--text-3);font-style:normal;font-family:inherit}
.genisource-preview .html-d1{margin-left:14px}
.genisource-preview .html-d2{margin-left:28px}
.genisource-preview .html-arrow{align-self:center;flex:none;color:var(--text-3);font-size:14px}
.genisource-preview .html-page{flex:1 1;min-width:0;padding:10px 12px;display:flex;flex-direction:column;gap:5px}
.genisource-preview .html-page{background:var(--bg);border:1px solid var(--border);border-radius:8px}
.genisource-preview .terminal-win{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.genisource-preview .terminal-win{width:100%;background:#1f2430;border-radius:8px;overflow:hidden;font-size:12px;line-height:1.55;color:#d7dae0}
.genisource-preview .terminal-bar{display:flex;align-items:center;gap:5px;padding:6px 9px;background:#2a303c}
.genisource-preview .terminal-bar i{width:7px;height:7px;border-radius:50%;background:#454c5c}
.genisource-preview .terminal-bar span{font-size:12px;color:var(--code-muted);margin-left:4px}
.genisource-preview .terminal-body{padding:8px 10px;display:flex;flex-direction:column;gap:2px;text-align:left}
.genisource-preview .terminal-p{color:#4ade80}
.genisource-preview .terminal-c{color:#ffffff}
.genisource-preview .terminal-g{color:#4ade80}
.genisource-preview .terminal-d{color:var(--code-muted)}
.genisource-preview .npm-demo{display:flex;align-items:center;gap:8px;width:100%}
.genisource-preview .npm-card{flex:1 1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--text-2)}
.genisource-preview .npm-tag{font-size:12px;color:var(--text-3);letter-spacing:.3px}
.genisource-preview .npm-k{color:var(--brand)}
.genisource-preview .npm-arrow{flex:none;color:var(--text-3);text-align:center}
.genisource-preview .npm-arrow{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.genisource-preview .env-var-demo{display:flex;flex-direction:column}
.genisource-preview .env-var-demo{gap:8px;width:100%}
.genisource-preview .env-var-file{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
.genisource-preview .env-var-tag{font-size:12px;color:var(--text-3);letter-spacing:.3px}
.genisource-preview .env-var-key{color:var(--brand);font-weight:600}
.genisource-preview .env-var-file i{color:var(--text-3);font-style:normal}
.genisource-preview .env-var-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.genisource-preview .env-var-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:var(--bg-soft);border:1px solid var(--border-light);border-radius:5px;padding:3px 8px;color:var(--text-2)}
.genisource-preview .env-var-shield{font-size:12px;color:#16a34a}
.genisource-preview .deploy-demo{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;width:100%}
.genisource-preview .deploy-step{flex:none;max-width:100%;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:12px;color:var(--text-2);white-space:nowrap}
.genisource-preview .deploy-arrow{flex:none;color:var(--text-3);font-size:12px;font-style:normal}
.genisource-preview .deploy-step.deploy-on{border-color:color-mix(in srgb,var(--brand) 34%,var(--border));color:var(--brand);background:var(--brand-light);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:650;text-overflow:ellipsis}
.genisource-preview .db-demo{display:flex;align-items:center;gap:10px;width:100%}
.genisource-preview .db-table{flex:1 1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:12px}
.genisource-preview .db-title{display:block;padding:4px 9px;background:var(--bg-soft);border-bottom:1px solid var(--border-light);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--text-2)}
.genisource-preview .db-grid{display:grid;grid-template-columns:24px 1fr 1fr}
.genisource-preview .db-th{font-weight:600;color:var(--text);background:var(--bg-soft);font-size:12px}
.genisource-preview .db-td, .genisource-preview .db-th{padding:3px 9px;border-bottom:1px solid var(--border-light)}
.genisource-preview .db-td{color:var(--text-2)}
.genisource-preview .db-crud{display:flex;flex-direction:column;gap:4px}
.genisource-preview .db-op{font-size:12px;padding:2px 8px;border-radius:4px;background:var(--brand-light);color:var(--brand);border:1px solid var(--brand);text-align:center}
.genisource-preview .gitflow-node.on{border-color:var(--brand);background:var(--brand-light)}
.genisource-preview .gitflow-node.on b{color:var(--brand)}
.genisource-preview .gitflow-node.dim{opacity:.5}
.genisource-preview .gitflow-arrow.on{font-weight:700}
.genisource-preview .gitflow-arrow.on, .genisource-preview .gitflow-arrow.on small{color:var(--brand)}
.genisource-preview .gitflow-dots i.on{background:var(--brand)}
.genisource-preview .gitflow-dots i.green{background:#16a34a}
.genisource-preview .gitflow-br-tag.green{color:var(--green);background:var(--green-light);border-color:#bbf7d0}
.genisource-preview .gitflow-br-dot.green{background:#16a34a}
.genisource-preview .gitflow-br-line.green{background:#bbf7d0}
.genisource-preview .gitflow-col.on{border-color:var(--brand);background:var(--brand-light)}
.genisource-preview .gitflow-box.on{border-color:var(--brand);background:var(--brand-light)}
.genisource-preview .gitflow-tag.green{color:var(--green);background:var(--green-light);border-color:#bbf7d0}
.genisource-preview .select-sc-chart>i.on{background:var(--brand)}
.genisource-preview .cascader-sc-goods>.pic{height:34px;border-radius:5px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:16px}
@media (max-width:720px){.genisource-preview .detail .cas-wrap{width:min(340px,100%);min-width:0}.genisource-preview .detail .cas-wrap>.cas-cols{width:100%}.genisource-preview .detail .cas-box{min-width:0;max-width:100%}.genisource-preview .detail .cas-box, .genisource-preview .detail .cas-opt{white-space:normal;overflow-wrap:anywhere}}
.genisource-preview .seg-sc>span.on{background:var(--bg);color:var(--text);font-weight:500;box-shadow:0 1px 3px rgba(29,33,41,.15)}
.genisource-preview .tl-sc-item.ok:before{background:var(--green)}
.genisource-preview .tl-sc-item.doing:before{background:var(--brand)}
.genisource-preview .tre-sc-row.on{background:var(--brand-light);color:var(--brand);font-weight:500}
.genisource-preview .tre-sc-box.on{background:var(--brand);border-color:var(--brand)}
.genisource-preview .tre-sc-box.on:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:7px;box-sizing:border-box;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:translate(-50%,-60%) rotate(45deg);transform-origin:center}
.genisource-preview .crs-sc-dots i.on{width:14px;background:var(--brand)}
@media (max-width:720px){.genisource-preview .detail .table-demo .t-cell{min-width:0;padding-inline:6px;white-space:normal;overflow-wrap:anywhere}}
.genisource-preview .notif-scene .notification-card{position:absolute;top:10px;right:10px;width:258px;max-width:calc(100% - 20px);box-shadow:var(--shadow-float);z-index:2}
.genisource-preview .menu-sc-item.on{background:var(--brand-light);color:var(--brand);font-weight:600}
.genisource-preview .pg-sc>span.on{border-color:var(--brand);color:var(--brand);background:var(--brand-light);font-weight:600}
.genisource-preview .steps-sc .s-node.done{color:var(--text-2)}
.genisource-preview .steps-sc .s-node.done i{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.genisource-preview .steps-sc .s-node.on, .genisource-preview .steps-sc .s-node.on i{color:var(--brand);font-weight:600}
.genisource-preview .steps-sc .s-node.on i{border-color:var(--brand);background:var(--brand-light)}
.genisource-preview .steps-sc .s-bar.done{background:var(--brand)}
.genisource-preview .anchor-sc-rail>span.on{color:var(--brand);font-weight:600}
.genisource-preview .anchor-sc-rail>span.on:before{content:"";position:absolute;left:-2px;top:6px;bottom:6px;width:2px;background:var(--brand);border-radius:2px}
.genisource-preview .scene-controls button.on{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 34%,var(--border));background:var(--brand-light)}
.genisource-preview .scene-controls.compact{margin:16px 0 0}
.genisource-preview .real-browser, .genisource-preview .real-editor{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--bg);box-shadow:0 14px 34px color-mix(in srgb,var(--text) 5%,transparent)}
.genisource-preview .real-browser-bar, .genisource-preview .real-editor-head{height:34px;display:flex;align-items:center;gap:6px;padding:0 11px;border-bottom:1px solid var(--border-light);background:var(--bg-soft)}
.genisource-preview .real-browser-bar>i, .genisource-preview .real-editor-head>span{width:7px;height:7px;border-radius:50%;background:var(--border)}
.genisource-preview .real-editor-head b{margin-left:5px;color:var(--text-3);font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.genisource-preview .real-code{padding:14px 0;color:var(--text-2);font:500 12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}
.genisource-preview .real-code>div{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);padding:2px 12px 2px 0;transition:background .2s ease}
.genisource-preview .real-code>div i{color:var(--text-3);text-align:center;font-style:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.genisource-preview .real-code>div code{overflow-wrap:anywhere}
.genisource-preview .real-code>div.active{color:var(--text);background:color-mix(in srgb,var(--brand) 8%,transparent)}
.genisource-preview .real-code>div.active:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--brand)}
.genisource-preview .real-code>div.error code{-webkit-text-decoration:underline wavy #dc2626 1.5px;text-decoration:underline wavy #dc2626 1.5px;text-underline-offset:3px}
.genisource-preview .real-browser-bar span{flex:1 1;margin-left:5px;padding:4px 9px;overflow:hidden;border-radius:5px;color:var(--text-3);background:var(--bg);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .real-browser-page{min-height:190px;display:grid;place-items:center;padding:20px}
.genisource-preview .usecase-sheet>footer.ok{background:var(--green-light)}
.genisource-preview .usecase-sheet>footer.warn{background:var(--orange-light)}
@keyframes backlog-move{0%{transform:translateY(20px);opacity:.5}to{transform:translateY(0);opacity:1}}
.genisource-preview .journey-line button.on{color:var(--brand)}
.genisource-preview .journey-line button.on i{background:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 35%,transparent)}
.genisource-preview .journey-curve span.low{background:#d97706}
.genisource-preview .journey-curve span.active:after{box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 16%,transparent)}
.genisource-preview .gantt-toolbar button.active{color:var(--warning);border-color:color-mix(in srgb,#d97706 40%,var(--border));background:var(--orange-light)}
@keyframes gantt-shift{0%{transform:translateX(-48px);opacity:.6}to{transform:translateX(0);opacity:1}}
.genisource-preview .project-tree span.active{color:var(--brand);background:var(--brand-light)}
.genisource-preview .stack-workbench .real-browser{position:relative}
.genisource-preview .task-row.done>b{color:var(--text-3);text-decoration:line-through}
.genisource-preview .task-row.done>span{color:var(--green)}
.genisource-preview .run-result.bad, .genisource-preview .type-result.bad{color:var(--red)}
.genisource-preview .run-result.ok, .genisource-preview .type-result.ok{color:var(--green)}
.genisource-preview .tailwind-code-line button.on{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 38%,var(--border));background:var(--brand-light)}
.genisource-preview .computed-rules span.on{color:var(--brand)}
.genisource-preview .ai-calendar-flow li.current button>span{color:var(--brand);background:var(--brand-light)}
.genisource-preview .ai-calendar-flow li.current strong{color:var(--brand)}
.genisource-preview .context-real-objects .current{color:var(--brand)}
.genisource-preview .context-decision.warn{color:var(--red)}
.genisource-preview .permission-gate>div.active{background:var(--brand-light)}
.genisource-preview .request-envelope .answer{padding:10px 0;border-top:1px solid var(--border-light);font-size:12px;font-weight:650}
.genisource-preview .answer.ok{color:var(--green)}
.genisource-preview .answer.bad{color:var(--red)}
.genisource-preview .request-pair strong.ok{color:var(--green)}
.genisource-preview .request-pair strong.bad{color:var(--red)}
.genisource-preview .validator-evidence.bad{color:var(--red)}
.genisource-preview .stream-timeline span.on{color:var(--brand);font-weight:700}
.genisource-preview .controller-state>span.done{color:var(--green);background:var(--green-light)}
.genisource-preview .usage-ledger>button.on{color:var(--brand);background:var(--brand-light)}
.genisource-preview .job-queue i.running{color:var(--brand);background:var(--brand-light)}
.genisource-preview .worker-lanes>div.active{color:var(--brand);background:var(--brand-light)}
.genisource-preview .rate-response.error{color:var(--red)}
.genisource-preview .rate-response.wait{color:var(--warning)}
.genisource-preview .modality-panel li.on{color:var(--brand);background:var(--brand-light)}
@media (max-width:820px){.genisource-preview .real-browser-page{min-height:150px}}
.genisource-preview .vibe-msg.user{align-self:flex-end;text-align:right}
.genisource-preview .vibe-msg.user p{color:var(--on-brand);background:var(--brand);border-bottom-right-radius:4px}
@keyframes vibe-pop{0%{opacity:0;transform:translateY(6px)}}
.genisource-preview .vibe-todo-row.done>span{color:var(--text-3);text-decoration:line-through}
.genisource-preview .vibe-todo-row.done>i{color:var(--green)}
.genisource-preview .mvp-side.lean{border-color:color-mix(in srgb,var(--brand) 34%,var(--border));box-shadow:0 14px 34px color-mix(in srgb,var(--brand) 8%,transparent)}
.genisource-preview .mvp-side.lean header strong{color:var(--brand)}
.genisource-preview .mvp-result.ok{color:var(--green);background:var(--green-light)}
.genisource-preview .mvp-result.bad{color:var(--red);background:var(--red-light)}
.genisource-preview .prd-toc button.on{border-color:color-mix(in srgb,var(--brand) 30%,var(--border));color:var(--brand);background:var(--brand-light);font-weight:650}
.genisource-preview .prd-toc button.on i{color:var(--on-brand);background:var(--brand)}
.genisource-preview .prd-toc button.done i{color:var(--green);background:var(--green-light)}
.genisource-preview .prd-wire-modal>span.on{color:var(--brand);font-weight:650}
.genisource-preview .visual-choice-list button.on{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 30%,var(--border));background:var(--brand-light);font-weight:650}
.genisource-preview .visual-choice-list button.on i{color:var(--on-brand);background:var(--brand)}
.genisource-preview .uf-step.uf-judge{border:0;border-radius:0;padding:10px 18px;background:var(--bg-soft);-webkit-clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%)}
.genisource-preview .uf-step.current{border-color:var(--brand);background:var(--brand-light);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}
.genisource-preview .uf-step.current small, .genisource-preview .uf-step.current strong{color:var(--brand)}
.genisource-preview .uf-side.current{opacity:1}
.genisource-preview .uf-side.current .uf-step{border-color:var(--brand);background:var(--brand-light)}
.genisource-preview .uf-side.current .uf-step small, .genisource-preview .uf-side.current .uf-step strong{color:var(--brand)}
.genisource-preview .uf-branch.current{border-style:solid;border-color:color-mix(in srgb,var(--brand) 34%,var(--border));background:var(--brand-light);opacity:1}
.genisource-preview .uf-branch.current small, .genisource-preview .uf-branch.current span{color:var(--brand)}
.genisource-preview .ce-item.current{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}
.genisource-preview .hitl-runline span.on{color:var(--brand);font-weight:680}
.genisource-preview .hitl-runline span.on i{color:var(--on-brand);border-color:var(--brand);background:var(--brand)}
.genisource-preview .mcp-case-link.current, .genisource-preview .mcp-case-node.current, .genisource-preview .mcp-case-result.current, .genisource-preview .mcp-case-study>header.current{border-color:var(--brand);background:var(--brand-light);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent)}
.genisource-preview .mcp-case-link.current code, .genisource-preview .mcp-case-node.current small, .genisource-preview .mcp-case-node.current strong, .genisource-preview .mcp-case-result.current small, .genisource-preview .mcp-case-result.current strong{color:var(--brand)}
.genisource-preview .mcp-case-result.current code{color:var(--green);background:var(--green-light)}
.genisource-preview .skill-tree button.active{color:var(--brand);background:var(--brand-light)}
.genisource-preview .skill-tree button.active em{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 26%,var(--border))}
.genisource-preview .skill-agent-link.right{right:-20px}
.genisource-preview .sub-main.current{border-color:var(--brand);background:var(--brand-light)}
.genisource-preview .sub-main.current small, .genisource-preview .sub-main.current strong{color:var(--brand)}
.genisource-preview .sub-lane.running{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent)}
.genisource-preview .sub-lane.running strong{color:var(--brand)}
.genisource-preview .sub-lane.done{border-color:color-mix(in srgb,var(--green) 36%,var(--border))}
.genisource-preview .sub-lane.done span{color:var(--green)}
.genisource-preview .sub-lane.done .sub-progress i{background:var(--green)}
.genisource-preview .sub-conflict.current{border-color:color-mix(in srgb,var(--brand) 34%,var(--border));background:var(--brand-light);opacity:1}
@media (max-width:820px){.genisource-preview .skill-agent-link.right{right:calc(50% - 72px)}}
.genisource-preview .foundation-node.active{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,var(--border));background:var(--brand-light)}
.genisource-preview .foundation-services>div.on{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,var(--border));background:var(--brand-light)}
.genisource-preview .box-layer.margin{border-radius:14px}
.genisource-preview .box-layer.border{width:100%;border-style:solid;background:color-mix(in srgb,var(--text) 5%,var(--bg))}
.genisource-preview .box-layer.padding{width:100%;background:color-mix(in srgb,var(--brand) 7%,var(--bg))}
.genisource-preview .box-layer.on{z-index:1;color:var(--brand);border-color:var(--brand);background:var(--brand-light)}
.genisource-preview .storage-device.on{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 34%,var(--border));background:var(--brand-light)}
.genisource-preview .foundation-verification>div.on{color:var(--text);border-color:color-mix(in srgb,var(--brand) 30%,var(--border))}
.genisource-preview .chat-messages .user{align-self:flex-end;color:var(--on-brand);background:var(--brand)}
.genisource-preview .chat-messages .assistant{align-self:flex-start;color:var(--text);border:1px solid var(--border);background:var(--bg)}
.genisource-preview .chat-messages .assistant.error{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,var(--border))}
.genisource-preview .foundation-filter-panel>div span.on{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 34%,var(--border));background:var(--brand-light)}
.genisource-preview .foundation-theme-preview.dark{color:#eef1f7;border-color:#303744;background:#12151b}
.genisource-preview .state-form-crop.error .state-request-line{color:var(--red)}
.genisource-preview .state-form-crop.error .state-request-line i{background:var(--red)}
.genisource-preview .port-processes>div.active{color:var(--text);background:var(--brand-light)}
.genisource-preview .storage-device-frame.active{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent),0 14px 32px color-mix(in srgb,var(--text) 5%,transparent)}
.genisource-preview .redirect-network>div.active{color:var(--text);background:var(--bg)}
.genisource-preview .chat-assistant.error{color:var(--red);border-color:color-mix(in srgb,var(--red) 32%,var(--border))}
.genisource-preview .filter-controls button.on{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 34%,var(--border));background:var(--brand-light)}
.genisource-preview .theme-settings.dark{--theme-bg:#11151c;--theme-panel:#191f29;--theme-text:#f1f4f9;--theme-muted:#aab3c2;--theme-border:#303846}
.genisource-preview .theme-settings aside i.on{color:#fff;background:#365cf5}
.genisource-preview .record-content{min-width:0}
.genisource-preview .record-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 24px;background:var(--bg-soft);font-size:16px}
.genisource-preview .record-header>strong{font-size:18px}
.genisource-preview .record-content{padding:12px 24px}
.genisource-preview .record-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;font-size:16px;line-height:1.55}
.genisource-preview .record-row>span{color:var(--text-2)}
.genisource-preview .record-row>strong{text-align:right}
.genisource-preview .record-status{font-size:14px;font-weight:600}
.genisource-preview .record-example .is-success, .genisource-preview .record-status.is-success{color:var(--green)}
.genisource-preview .record-example .is-error, .genisource-preview .record-status.is-error{color:var(--red)}
.genisource-preview .record-log{margin:12px 0;padding:16px;border-radius:8px;background:#191d25;color:#e5e7eb;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 ui-monospace,monospace}
.genisource-preview .record-content meter{display:block;width:100%;height:16px;accent-color:var(--brand)}
.genisource-preview .record-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6;table-layout:fixed}
.genisource-preview .record-table caption{text-align:left;font-size:16px;font-weight:700;padding:14px 8px}
.genisource-preview .record-table td, .genisource-preview .record-table th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}
.genisource-preview .record-table th{color:var(--text-2);font-size:14px;font-weight:500}
.genisource-preview .record-table mark{padding:2px 4px;border-radius:4px;background:var(--brand-light);color:var(--brand)}
.genisource-preview .record-relation{grid-column:1/-1;grid-row:2;display:grid;grid-gap:8px;gap:8px;justify-items:center;padding:20px 0;font-size:16px;color:var(--text-2);text-align:center}
.genisource-preview .record-tables>.record-table{grid-row:1}
.genisource-preview .record-relation code{color:var(--brand);font-size:14px}
.genisource-preview .record-preview{width:100%}
.genisource-preview .record-preview .record-table{font-size:14px}
.genisource-preview .record-preview .record-table :is(caption,th,td){padding:5px 8px;font-size:14px}
.genisource-preview .record-preview .record-relation{padding:8px 0}
@media (max-width:600px){.genisource-preview .record-header{padding:16px}.genisource-preview .record-content{padding:8px 16px}.genisource-preview .record-row{flex-direction:column;align-items:flex-start;gap:4px}.genisource-preview .record-row>strong{text-align:left}.genisource-preview .record-relation{padding:16px 0}}
@container record-example (max-width: 600px){.genisource-preview .record-header{padding:16px}.genisource-preview .record-content{padding:8px 16px}.genisource-preview .record-row{flex-direction:column;align-items:flex-start;gap:4px}.genisource-preview .record-row>strong{text-align:left}.genisource-preview .record-relation{padding:16px 0}}
.genisource-preview .record-preview .is-success{color:var(--green)}
.genisource-preview .record-preview .is-error{color:var(--red)}
.genisource-preview .record-example :is(.real-editor,.real-browser){box-shadow:none}
.genisource-preview .record-example :is(.real-editor-head,.real-browser-bar){height:auto;min-height:44px;padding:10px 14px}
.genisource-preview .record-example .real-browser-bar span, .genisource-preview .record-example .real-editor-head b{min-width:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.genisource-preview .record-example .real-browser-bar span{white-space:normal}
.genisource-preview .record-example .real-code{font-size:16px}
.genisource-preview .record-example .real-browser-page{min-width:0;font-size:16px;line-height:1.7}
.genisource-preview .record-example .record-log{font-size:16px}
.genisource-preview .hash-evidence{display:grid;grid-gap:16px;gap:16px;min-width:0;font-size:16px;line-height:1.6;text-align:left}
.genisource-preview .hash-file{display:grid;grid-gap:8px;gap:8px;min-width:0;padding:16px;border-radius:8px;background:var(--bg-soft)}
.genisource-preview .hash-file>span{color:var(--text-2)}
.genisource-preview .hash-file code, .genisource-preview .hash-file strong{overflow-wrap:anywhere;font-size:14px}
.genisource-preview .hash-file pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 ui-monospace,monospace;color:var(--text)}
.genisource-preview .reference-map{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1.4fr);grid-gap:16px 8px;gap:16px 8px;align-items:center;min-width:0;padding-block:16px;font-size:16px;line-height:1.6;text-align:left}
.genisource-preview .reference-name{min-width:0;overflow-wrap:anywhere;font-weight:600}
.genisource-preview .reference-arrow{color:var(--brand);text-align:center;font-size:24px}
.genisource-preview .reference-object{display:grid;grid-gap:8px;gap:8px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);overflow-wrap:anywhere}
.genisource-preview .reference-object>span{color:var(--text-2)}
.genisource-preview .reference-object>strong{color:var(--brand);font-size:18px}
.genisource-preview .reference-object.is-shared{grid-column:3;grid-row:1/span 2}
.genisource-preview .record-preview .reference-map{gap:12px 6px}
.genisource-preview .record-preview .reference-object{padding:12px}
@media (max-width:600px){.genisource-preview .reference-map{grid-template-columns:minmax(0,1fr) 20px minmax(0,1.3fr);gap:16px 6px}.genisource-preview .reference-object{padding:12px}}
.genisource-preview .debt-state.before.on{border-color:color-mix(in srgb,var(--red) 35%,var(--border));background:var(--red-light)}
.genisource-preview .debt-state.after.on{border-color:color-mix(in srgb,var(--green) 40%,var(--border));background:var(--green-light)}
.genisource-preview .debt-state.after.on .debt-component{border-style:solid;border-color:color-mix(in srgb,var(--green) 45%,var(--border));background:var(--bg)}
.genisource-preview .debt-steps li.current>button{border-color:color-mix(in srgb,var(--brand) 50%,var(--border));background:var(--brand-light)}
.genisource-preview .debt-steps li.current>button>span{background:var(--brand);color:var(--on-brand)}
.genisource-preview .ai-card-prototype .aic-proto-flow>span.ok{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:var(--green-light);color:var(--green)}
.genisource-preview .track-backend.on{border-color:color-mix(in srgb,var(--green) 40%,var(--border))}
.genisource-preview .track-backend.on .track-backend-row code{color:var(--green)}
.genisource-preview .ai-card-object-storage .aic-os-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}
.genisource-preview .ai-card-object-storage .aic-os-split>span{display:grid;grid-gap:3px;gap:3px;padding:8px 9px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft);font-size:10px}
.genisource-preview .ai-card-object-storage .aic-os-split>span b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow-wrap:anywhere}
.genisource-preview .ai-card-object-storage .aic-os-split>span i{color:var(--text-3);font-style:normal}
.genisource-preview .ai-card-object-storage .aic-os-file{border-color:color-mix(in srgb,var(--brand) 35%,var(--border));background:var(--brand-light)}
.genisource-preview .ai-card-object-storage .aic-os-file i{color:var(--brand)}
.genisource-preview .ai-card-object-storage .aic-os-db i{color:var(--text-3)}
.genisource-preview .ai-card-pk .aic-pk-table{width:100%;display:grid;grid-gap:3px;gap:3px}
.genisource-preview .ai-card-pk .aic-pk-table>span{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1.4fr);grid-gap:8px;gap:8px;padding:5px 8px;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-soft);font-size:10px}
.genisource-preview .ai-card-pk .aic-pk-table>span b{color:var(--text-3);font-weight:700}
.genisource-preview .ai-card-pk .aic-pk-table>span i{color:var(--text-2);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .ai-card-pk .aic-pk-head{background:transparent;border-color:transparent}
.genisource-preview .ai-card-pk .aic-pk-head b, .genisource-preview .ai-card-pk .aic-pk-head i{color:var(--text-3);font-weight:600}
.genisource-preview .ai-card-pk .aic-pk-row.on{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));background:var(--brand-light)}
.genisource-preview .ai-card-pk .aic-pk-row.on b{color:var(--brand)}
.genisource-preview .ai-card-session .aic-session-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
.genisource-preview .ai-card-session .aic-session-flow>span{padding:5px 9px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft);font-size:11px;overflow-wrap:anywhere}
.genisource-preview .ai-card-session .aic-session-login{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:var(--green-light);color:var(--green)}
.genisource-preview .ai-card-session .aic-session-flow>span.fail{border-color:color-mix(in srgb,var(--red) 30%,var(--border));color:var(--red)}
.genisource-preview .ai-card-session .aic-session-flow>i{color:var(--text-3);font-style:normal;font-size:11px}
.genisource-preview .ai-card-oauth .aic-oauth-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
.genisource-preview .ai-card-oauth .aic-oauth-flow>span{padding:5px 9px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft);font-size:11px;overflow-wrap:anywhere}
.genisource-preview .ai-card-oauth .aic-oauth-flow>span.ok{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:var(--green-light);color:var(--green)}
.genisource-preview .ai-card-oauth .aic-oauth-flow>i{color:var(--text-3);font-style:normal;font-size:11px}
.genisource-preview .ai-card-webhook .aic-hook-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
.genisource-preview .ai-card-webhook .aic-hook-flow>span{padding:5px 9px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft);font-size:11px;overflow-wrap:anywhere}
.genisource-preview .ai-card-webhook .aic-hook-notify{border-color:color-mix(in srgb,var(--brand) 35%,var(--border));background:var(--brand-light);color:var(--brand)}
.genisource-preview .ai-card-webhook .aic-hook-flow>span.ok{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:var(--green-light);color:var(--green)}
.genisource-preview .ai-card-webhook .aic-hook-flow>i{color:var(--text-3);font-style:normal;font-size:11px}
.genisource-preview .ai-card-methods .aic-method-rows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:5px;gap:5px}
.genisource-preview .ai-card-methods .aic-method-rows>span{display:grid;grid-gap:2px;gap:2px;padding:6px 4px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;text-align:center}
.genisource-preview .ai-card-methods .aic-method-rows>span i{color:var(--text-3);font-style:normal;font-weight:400;font-size:10px}
.genisource-preview .ai-card-methods .aic-method-rows>span.get{color:var(--green)}
.genisource-preview .ai-card-methods .aic-method-rows>span.post{color:var(--info)}
.genisource-preview .ai-card-methods .aic-method-rows>span.put{color:var(--warning)}
.genisource-preview .ai-card-methods .aic-method-rows>span.delete{color:var(--red)}
.genisource-preview .card-demo-mount:has(>.product-card){container:product-card/inline-size}
.genisource-preview .product-card{width:100%;min-width:0;font-size:14px;line-height:1.5}
.genisource-preview .product-card :is(.real-browser,.real-editor){min-width:0;box-shadow:none}
.genisource-preview .product-card :is(.real-editor-head,.real-browser-bar){height:auto;min-height:34px;padding:8px}
.genisource-preview .product-card :is(.real-editor-head b,.real-browser-bar span){white-space:normal;overflow-wrap:anywhere;text-overflow:clip;font-size:12px;line-height:1.5}
.genisource-preview .product-card .real-code{font-size:14px;line-height:1.5}
.genisource-preview .product-card .real-code>div{align-items:start}
.genisource-preview .product-card .real-code code{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}
.genisource-preview .product-card :is(span,p,strong,code,th,td){min-width:0;overflow-wrap:anywhere}
.genisource-preview .product-card :is(input,textarea){min-width:0;max-width:100%;font:inherit;color:var(--text);background:var(--bg)}
@container product-card (max-width: 340px){.genisource-preview .product-card{grid-template-columns:minmax(0,1fr)!important}.genisource-preview .product-card>span[aria-hidden=true]{justify-self:center;transform:rotate(90deg)}}
.genisource-preview .catalog-layout .card-demo:not(.scaled-preview)>.card-demo-mount:has(>.product-card,>.record-preview){zoom:1}
.genisource-preview .wf-card{width:100%;height:100%;min-height:0;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;gap:10px;padding:12px;box-sizing:border-box;color:var(--text);background:var(--bg)}
.genisource-preview .wf-card :is(span,small,b,strong,code,i,em){box-sizing:border-box}
.genisource-preview .wf-card small{color:var(--text-2);font-size:11px}
.genisource-preview .wf-card code{color:var(--text-2);font:600 11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}
.genisource-preview .wf-card :is(.mark,.icon,.app,.logo){width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;border-radius:9px;color:var(--on-brand);background:var(--brand);font-size:16px;font-style:normal;font-weight:800}
.genisource-preview .wf-card :is(.bar,.row,.item,.node,.result,.file,.panel){min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}
.genisource-preview .wf-card :is(.arrow,.flow){color:var(--text-3);font-style:normal;font-weight:700}
.genisource-preview .wf-card :is(.ok,.active){color:var(--brand);background:var(--brand-light)}
.genisource-preview .wf-card :is(.bad,.error){color:var(--red)}
.genisource-preview .wf-card>div{min-width:0}
.genisource-preview .wf-card>small{flex-basis:100%;text-align:center}
.genisource-preview .wf-card>i{color:var(--text-3);font-size:11px;font-style:normal}
.genisource-preview .wf-card>:is(span,strong){padding:8px 10px;border-radius:8px;background:var(--bg-soft);font-size:12px;line-height:1.45}
.genisource-preview .card .compact-preview>.card-demo-mount:has(>.wf-card){opacity:1;filter:none}
.genisource-preview .compact-preview .wf-card{padding:0;background:transparent}
.genisource-preview .wf-card :is(.wf-browser-tab,.wf-bookmark){display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);font-size:12px}
.genisource-preview .wf-card :is(.wf-browser-tab,.wf-bookmark) i{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;color:var(--on-brand);background:var(--brand);font-style:normal}
.genisource-preview .wf-card .wf-page-heading{font-size:16px;font-weight:750}
.genisource-preview .wf-card :is(.wf-head-row,.wf-consumers,.wf-og-source,.wf-system-spots){display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.genisource-preview .wf-card :is(.wf-head-row,.wf-og-source){max-width:170px;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}
.genisource-preview .wf-card :is(.wf-head-row span,.wf-consumers i,.wf-system-spots i){padding:3px 6px;border-radius:5px;color:var(--text-2);background:var(--bg-soft);font-size:10px;font-style:normal}
.genisource-preview .wf-card .wf-share-preview{width:180px;display:grid;grid-template-columns:minmax(0,1fr) 42px;grid-gap:2px 8px;gap:2px 8px;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.genisource-preview .wf-card .wf-share-preview :is(b,span){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .wf-card .wf-share-preview :is(span,i){color:var(--text-2);font-size:10px;font-style:normal}
.genisource-preview .wf-card .wf-share-preview i{grid-column:2;grid-row:1/3;display:grid;place-items:center;border-radius:5px;color:var(--on-brand);background:var(--brand)}
.genisource-preview .wf-card .wf-app-square{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:var(--on-brand);background:var(--brand);font-size:20px}
.genisource-preview .wf-card :is(.wf-manifest-file,.wf-install-window){max-width:200px;display:grid;grid-gap:4px;gap:4px;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}
.genisource-preview .wf-card .wf-install-window{background:var(--brand-light);text-align:center}
.genisource-preview .wf-card .wf-install-window i{color:var(--text-2);font-size:10px;font-style:normal}
.genisource-preview .wf-card .wf-logo-variants{display:flex;align-items:center;gap:7px}
.genisource-preview .wf-card .wf-logo-variants b{padding:8px 10px;border-radius:8px;background:var(--bg-soft);font-size:11px}
.genisource-preview .wf-card .wf-logo-variants .compact{color:var(--on-brand);background:var(--brand)}
.genisource-preview .wf-card .wf-logo-variants .inverse{color:#fff;background:#171923}
.genisource-preview .wf-not-found-page-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr)}
.genisource-preview .wf-card :is(.wf-address,.wf-response,.wf-page-copy){display:flex;flex-direction:column;gap:3px;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);font-size:11px;overflow-wrap:anywhere}
.genisource-preview .wf-card .wf-response b{color:var(--red);font-size:18px}
.genisource-preview .wf-card .wf-page-copy a{color:var(--brand)}
.genisource-preview .wf-card .wf-cache-route, .genisource-preview .wf-card .wf-hosting-timeline{display:flex;grid-template-columns:none;align-items:center;gap:6px}
.genisource-preview .wf-card .wf-cache-route>:is(span,strong), .genisource-preview .wf-card .wf-hosting-timeline>:is(span,strong){min-height:0;padding:7px;border:1px solid var(--border);border-radius:7px;background:var(--bg-soft);font-size:10px;text-align:center}
.genisource-preview .wf-card .wf-cache-route>i, .genisource-preview .wf-card .wf-hosting-timeline>i{color:var(--text-3);font-size:10px;font-style:normal}
.genisource-preview .wf-card :is(.wf-cache-status,.wf-hosting-note){flex-basis:100%;display:flex;justify-content:center;gap:8px;color:var(--text-2);font-size:10px;text-align:center}
.genisource-preview .wf-card :is(.wf-file,.wf-url-list,.wf-robots-rule,.wf-url-group,.wf-address-result){min-width:0;display:grid;grid-gap:4px;gap:4px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);font-size:10px;overflow-wrap:anywhere}
.genisource-preview .wf-card .wf-crawler{width:auto;height:auto;display:grid;place-items:start;grid-gap:4px;gap:4px;padding:8px;border-radius:8px;color:var(--text);background:var(--brand-light);font-size:10px}
.genisource-preview .wf-card .wf-crawler i{color:var(--text-3);font-style:normal}
.genisource-preview .wf-card .wf-robots-results{display:grid;grid-template-columns:none;grid-gap:4px;gap:4px}
.genisource-preview .wf-card .wf-robots-results span{min-height:0;padding:6px 8px;border:0;background:var(--brand-light);font-size:10px}
.genisource-preview .wf-card .wf-canonical-link{display:grid;justify-items:center;grid-gap:3px;gap:3px;color:var(--brand);font-size:10px}
.genisource-preview .wf-card .wf-canonical-link i{font-style:normal}
.genisource-preview .wf-tab-strip span.active{color:var(--text);background:var(--bg)}
.genisource-preview .wf-title-results>div.on{border-color:color-mix(in srgb,var(--brand) 38%,var(--border));background:var(--brand-light)}
.genisource-preview .wf-cache-route, .genisource-preview .wf-hosting-timeline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center}
.genisource-preview .wf-cache-route>div, .genisource-preview .wf-hosting-timeline>div{min-width:0;min-height:112px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.genisource-preview .wf-cache-route>div.on, .genisource-preview .wf-cookie-flow>div.on, .genisource-preview .wf-hosting-timeline>div.on{border-color:color-mix(in srgb,var(--brand) 40%,var(--border));background:var(--brand-light)}
.genisource-preview .wf-cache-route>span, .genisource-preview .wf-hosting-timeline>span{color:var(--text-3);font-size:20px;font-weight:750}
.genisource-preview .wf-cache-route>span.muted{opacity:.32}
.genisource-preview .wf-cache-route small, .genisource-preview .wf-hosting-timeline small{color:var(--text-3);font-size:14px}
.genisource-preview .wf-cache-route strong, .genisource-preview .wf-hosting-timeline strong{font-size:16px;line-height:1.45}
.genisource-preview .wf-cache-route code, .genisource-preview .wf-hosting-timeline code{overflow-wrap:anywhere;font-size:14px;line-height:1.55}
.genisource-preview .wf-crawler{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--brand);background:var(--brand-light);font-size:24px}
.genisource-preview .wf-robots-results{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}
.genisource-preview .wf-robots-results>div{min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.genisource-preview .wf-robots-results small{color:var(--text-3);font-size:14px}
.genisource-preview .wf-robots-results strong{font-size:16px}
.genisource-preview .wf-robots-results code{font-size:14px;overflow-wrap:anywhere}
.genisource-preview .wf-robots-results .ok strong{color:var(--green)}
.genisource-preview .wf-robots-results .blocked strong{color:var(--text-2)}
.genisource-preview .wf-button-preview button.brand{background:var(--brand)}
.genisource-preview .wf-button-preview button.gray{background:#767676}
.genisource-preview .wf-devtools-panel>div span.on{color:#fff}
@container wf-stage (max-width: 720px){.genisource-preview .wf-cache-route, .genisource-preview .wf-hosting-timeline{grid-template-columns:minmax(0,1fr)}.genisource-preview .wf-cache-route>span, .genisource-preview .wf-hosting-timeline>span{transform:rotate(90deg);justify-self:center}.genisource-preview .wf-cache-route>div, .genisource-preview .wf-hosting-timeline>div{min-height:0}}
@container wf-stage (max-width: 520px){.genisource-preview .wf-robots-results{grid-template-columns:minmax(0,1fr)}}
.genisource-preview .wf-crud-card .op, .genisource-preview .wf-dtype-card span, .genisource-preview .wf-field-card span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-2);font-size:11px;font-weight:600}
.genisource-preview .wf-crud-card b, .genisource-preview .wf-dtype-card b, .genisource-preview .wf-field-card b{width:100%;color:var(--text-3);font-size:11px;font-weight:500;text-align:center}
.genisource-preview .wf-dtype-card i, .genisource-preview .wf-field-card i{color:var(--brand);font-style:normal;font-size:10px}
.genisource-preview .wf-crud-table .is-new{background:var(--brand-light)}
.genisource-preview .wf-crud-table .is-new>span:first-child:before{content:"＋ ";color:var(--brand);font-weight:700}
.genisource-preview .wf-io-card .file, .genisource-preview .wf-io-card .tbl, .genisource-preview .wf-sort-card .col, .genisource-preview .wf-undo-card span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-2);font-size:11px;font-weight:600}
.genisource-preview .wf-sort-card .col.on{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}
.genisource-preview .wf-io-card b, .genisource-preview .wf-sort-card b, .genisource-preview .wf-undo-card b{width:100%;color:var(--text-3);font-size:11px;font-weight:500;text-align:center}
.genisource-preview .wf-io-card i{color:var(--brand);font-style:normal}
.genisource-preview .wf-io-card .file{border-style:dashed}
.genisource-preview .wf-ph-card .lbl, .genisource-preview .wf-ph-card .ph{display:inline-flex;padding:4px 10px;border-radius:6px;font-size:11px}
.genisource-preview .wf-ph-card .lbl{border:1px solid var(--border);color:var(--text);font-weight:600}
.genisource-preview .wf-ph-card .ph{color:var(--text-3);background:var(--bg-soft);font-weight:400}
.genisource-preview .wf-ph-card i{color:var(--text-3);font-size:10px}
.genisource-preview .wf-undo-card .ok{border-color:var(--green);color:var(--green);background:#f0f9f3}
.genisource-preview .wf-key-card code.ok{color:var(--green);background:#f0f9f3}
.genisource-preview .wf-key-card code.bad{color:var(--red);background:var(--red-light)}
.genisource-preview .wf-io-flow>div.on{opacity:1}
.genisource-preview .wf-prompt-layer.on{opacity:1}
.genisource-preview .wf-prompt-layer.is-system{border:1px dashed var(--border);background:var(--bg-soft)}
.genisource-preview .wf-prompt-layer.is-user{border:1px solid #b9c4f0;background:var(--brand-light)}
.genisource-preview .wf-wire-card .blk{width:100%;height:18px;border-radius:4px;background:var(--bg-soft);border:1px solid var(--border-light)}
.genisource-preview .wf-wire-card .blk.hero{height:26px;background:var(--brand-light)}
.genisource-preview .wf-wire-card .blk-row{display:flex;gap:6px}
.genisource-preview .wf-wire-card .blk-row i{flex:1 1;height:18px;border-radius:4px;background:var(--bg-soft);border:1px solid var(--border-light)}
.genisource-preview .wf-a11y-card b, .genisource-preview .wf-contrast-card b, .genisource-preview .wf-hierarchy-card b, .genisource-preview .wf-mood-card b, .genisource-preview .wf-wire-card b{width:100%;color:var(--text-3);font-size:11px;font-weight:500;text-align:center}
.genisource-preview .wf-contrast-card span{padding:4px 10px;border-radius:6px;font-size:11px}
.genisource-preview .wf-contrast-card .bad{color:var(--red);background:var(--red-light)}
.genisource-preview .wf-contrast-card .ok{color:var(--green);background:#f0f9f3}
.genisource-preview .wf-hierarchy-card .h1{font-size:14px;font-weight:700}
.genisource-preview .wf-hierarchy-card .h2{font-size:11px;color:var(--text-3)}
.genisource-preview .wf-hierarchy-card .btn{padding:3px 10px;border-radius:999px;background:var(--brand);color:var(--on-brand);font-size:10px;font-style:normal}
.genisource-preview .wf-mood-card .pic{padding:4px 10px;border-radius:6px;font-size:11px}
.genisource-preview .wf-mood-card .pic.ok{color:var(--green);background:#f0f9f3}
.genisource-preview .wf-mood-card .pic.bad{color:var(--red);background:var(--red-light);text-decoration:line-through}
.genisource-preview .wf-a11y-card span{padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--text-2)}
.genisource-preview .wf-a11y-card .chk{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--text-2)}
.genisource-preview .wf-a11y-card .dot{width:7px;height:7px;border-radius:50%;background:var(--brand)}
.genisource-preview .wf-card .wf-http-status-rows{width:100%;display:grid;grid-gap:6px;gap:6px}
.genisource-preview .wf-card .wf-http-status-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);font-size:10px}
.genisource-preview .wf-card .wf-http-status-row code{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .wf-card .wf-http-status-row b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.genisource-preview .wf-card .wf-http-status-row.ok b{color:var(--green)}
.genisource-preview .wf-card .wf-http-status-row.miss b{color:var(--warning)}
.genisource-preview .wf-card .wf-http-status-row.err b{color:var(--red)}
.genisource-preview .wf-card .wf-http-status-row i{color:var(--text-3);font-style:normal;font-size:10px}
.genisource-preview .wf-http-status-browser .wf-http-status-rows{padding:8px;display:grid;grid-gap:6px;gap:6px}
.genisource-preview .wf-http-status-browser .wf-http-status-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:var(--bg-soft);font-size:14px}
.genisource-preview .wf-http-status-browser .wf-http-status-row.on{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));background:var(--brand-light)}
.genisource-preview .wf-http-status-browser .wf-http-status-row code{flex:1 1;min-width:0;overflow-wrap:anywhere;white-space:normal;font-size:14px}
.genisource-preview .wf-http-status-browser .wf-http-status-row b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}
.genisource-preview .wf-http-status-browser .wf-http-status-row small{flex-basis:100%;color:var(--text-3);font-size:14px;line-height:1.5}
.genisource-preview .wf-http-status-browser .wf-http-status-row.tone-ok b{color:var(--green)}
.genisource-preview .wf-http-status-browser .wf-http-status-row.tone-miss b{color:var(--warning)}
.genisource-preview .wf-http-status-browser .wf-http-status-row.tone-err b{color:var(--red)}
.genisource-preview .wf-http-status-browser .wf-http-status-row.tone-auth b{color:var(--info)}
.genisource-preview .wf-card .wf-stack-mini{width:100%;display:grid;grid-gap:6px;gap:6px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft)}
.genisource-preview .wf-card .wf-stack-mini-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.genisource-preview .wf-card .wf-stack-mini-head b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.genisource-preview .wf-card .wf-stack-mini-head code{color:var(--red);font-size:10px}
.genisource-preview .wf-card .wf-stack-mini-lines{display:grid;grid-gap:3px;gap:3px;font:600 10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}
.genisource-preview .wf-card .wf-stack-mini-lines i{color:var(--text-3);font-style:normal}
.genisource-preview .wf-card .wf-stack-mini-lines .muted{color:var(--text-3)}
.genisource-preview .wf-stack-frame.on{border-color:color-mix(in srgb,var(--brand) 55%,var(--border));background:var(--brand-light)}
.genisource-preview .wf-stack-frame.on .wf-stack-frame-kind{border-color:transparent;background:var(--brand);color:var(--on-brand)}
.genisource-preview .wf-stack-code-line.on{background:var(--brand-light)}
.genisource-preview .wf-stack-code-line.on code{color:var(--text);font-weight:700}
.genisource-preview .wf-stack-code-line.on i{color:var(--brand);font-weight:700}
.genisource-preview .wf-card .wf-timeout-mini{width:100%;display:grid;grid-gap:8px;gap:8px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft)}
.genisource-preview .wf-card .wf-timeout-mini-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.genisource-preview .wf-card .wf-timeout-mini-head b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.genisource-preview .wf-card .wf-timeout-mini-head code{color:var(--red);font-size:10px}
.genisource-preview .wf-card .wf-timeout-track{position:relative;height:8px;border-radius:999px;background:var(--bg);border:1px solid var(--border-light)}
.genisource-preview .wf-card .wf-timeout-track .fill{position:absolute;inset:0 auto 0 0;width:60%;border-radius:999px;background:var(--brand)}
.genisource-preview .wf-card .wf-timeout-track .fill.slow{background:var(--warning)}
.genisource-preview .wf-card .wf-timeout-track .limit{position:absolute;top:-16px;transform:translateX(-50%);color:var(--text-3);font-size:10px;white-space:nowrap}
.genisource-preview .wf-timeout-timeline .wf-timeout-track{position:relative;height:10px;margin-top:20px;border:1px solid var(--border-light);background:var(--bg)}
.genisource-preview .wf-timeout-timeline .wf-timeout-track .fill{background:var(--brand);opacity:.9}
.genisource-preview .wf-timeout-timeline .wf-timeout-track .limit{position:absolute;top:-20px;transform:translateX(-50%);color:var(--red);font-size:14px;font-weight:700;white-space:nowrap}
.genisource-preview .wf-timeout-timeline .wf-timeout-track .limit:after{content:"";position:absolute;left:50%;top:16px;width:2px;height:14px;transform:translateX(-50%);background:var(--red)}
.genisource-preview .wf-timeout-timeline .wf-timeout-track .response{position:absolute;bottom:-22px;transform:translateX(-50%);color:var(--green);font-size:14px;font-weight:700;white-space:nowrap}
.genisource-preview .wf-timeout-timeline .wf-timeout-track .response:before{content:"";position:absolute;left:50%;bottom:16px;width:2px;height:14px;transform:translateX(-50%);background:var(--green)}
.genisource-preview .wf-timeout-verdict.fail{color:var(--red)}
.genisource-preview .wf-timeout-verdict.ok{color:var(--green)}
.genisource-preview .wf-card .wf-node-mini{width:100%;display:grid;grid-gap:6px;gap:6px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft)}
.genisource-preview .wf-card .wf-node-mini-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.genisource-preview .wf-card .wf-node-mini-head b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.genisource-preview .wf-card .wf-node-mini-head code{color:var(--brand);font-size:10px}
.genisource-preview .wf-card .wf-node-mini-lines{display:grid;grid-gap:3px;gap:3px;font:600 10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}
.genisource-preview .wf-card .wf-node-mini-lines .ok{color:var(--green)}
.genisource-preview .wf-card .wf-dep-mini{width:100%;display:grid;grid-gap:6px;gap:6px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft)}
.genisource-preview .wf-card .wf-dep-mini-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.genisource-preview .wf-card .wf-dep-mini-head b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.genisource-preview .wf-card .wf-dep-mini-head code{color:var(--brand);font-size:10px}
.genisource-preview .wf-card .wf-dep-mini-tree{display:grid;grid-gap:3px;gap:3px;padding-left:10px;font:600 10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}
.genisource-preview .wf-card .wf-dep-mini-tree i{color:var(--text-3);font-style:normal;font-weight:400}
.genisource-preview .wf-card .wf-dep-mini-tree .ok{color:var(--green)}
.genisource-preview .wf-dep-tree-row.dep.on i{background:var(--green)}
.genisource-preview .wf-dep-tree-row.dep.on{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:var(--green-light)}
.genisource-preview .wf-dep-tree-row.dep.on code{color:var(--green)}
.genisource-preview .wf-card .wf-semver-mini{width:100%;display:grid;grid-gap:6px;gap:6px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft)}
.genisource-preview .wf-card .wf-semver-mini-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.genisource-preview .wf-card .wf-semver-mini-head b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.genisource-preview .wf-card .wf-semver-mini-head code{color:var(--brand);font-size:10px}
.genisource-preview .wf-card .wf-semver-mini-num{display:flex;align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:700}
.genisource-preview .wf-card .wf-semver-mini-num span{padding:2px 7px;border-radius:6px;background:var(--bg);border:1px solid var(--border)}
.genisource-preview .wf-card .wf-semver-mini-num i{color:var(--text-3);font-style:normal}
.genisource-preview .wf-card .wf-ip-rows{width:100%;display:grid;grid-gap:5px;gap:5px}
.genisource-preview .wf-card .wf-ip-rows>span{display:flex;align-items:baseline;gap:8px;padding:5px 9px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600}
.genisource-preview .wf-card .wf-ip-rows>span i{color:var(--text-3);font-style:normal;font-weight:400;font-size:10px}
.genisource-preview .wf-card .wf-ip-rows>span.local{border-color:color-mix(in srgb,var(--red) 30%,var(--border))}
.genisource-preview .wf-card .wf-ip-rows>span.lan{border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}
.genisource-preview .wf-card .wf-ip-rows>span.public{border-color:color-mix(in srgb,var(--green) 35%,var(--border))}
.genisource-preview .wf-ip-verdict .record-content{width:100%;padding:0}
.genisource-preview .wf-ip-verdict .record-header{padding:0 0 12px;background:none;gap:8px}
.genisource-preview .wf-card .aic-ws-compare{display:grid;grid-gap:5px;gap:5px}
.genisource-preview .wf-card .aic-ws-compare>span{display:flex;align-items:baseline;gap:8px;padding:6px 9px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft);font-size:11px}
.genisource-preview .wf-card .aic-ws-compare>span b{font-size:12px}
.genisource-preview .wf-card .aic-ws-compare>span i{color:var(--text-3);font-style:normal}
.genisource-preview .wf-card .aic-ws-compare>span.ws.on{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:var(--green-light)}
.genisource-preview .wf-card .aic-ws-compare>span.ws.on i{color:var(--green)}
.genisource-preview .wf-card .aic-regex-pattern{display:flex;align-items:baseline;gap:8px}
.genisource-preview .wf-card .aic-regex-pattern code{flex:1 1;min-width:0;padding:5px 8px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--border));border-radius:7px;background:var(--brand-light);color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.genisource-preview .wf-card .aic-regex-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px}
.genisource-preview .wf-card .aic-regex-cases>span{display:grid;grid-gap:2px;gap:2px;padding:6px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;text-align:center;overflow-wrap:anywhere}
.genisource-preview .wf-card .aic-regex-cases>span i{color:var(--text-3);font-style:normal}
.genisource-preview .wf-card .aic-regex-cases>span.ok{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:var(--green-light);color:var(--green)}
.genisource-preview .wf-card .aic-regex-cases>span.ok i{color:var(--green)}
.genisource-preview .wf-card .aic-regex-cases>span.fail{border-color:color-mix(in srgb,var(--red) 30%,var(--border))}
.genisource-preview .wf-card .aic-regex-cases>span.fail i{color:var(--red)}
.genisource-preview .wf-regex-case.on{box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 45%,transparent)}
.genisource-preview .wf-card .aic-kf-demo{display:grid;place-items:center;min-height:56px}
.genisource-preview .wf-card .aic-kf-spin{width:22px;height:22px;border:3px solid var(--brand);border-top:3px solid transparent;border-radius:50%;animation:aic-kf-spin 1.6s linear infinite}
@keyframes aic-kf-spin{to{transform:rotate(1turn)}}
.genisource-preview .wf-card .aic-kf-states{display:flex;align-items:center;justify-content:center;gap:6px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-2)}
.genisource-preview .wf-card .aic-kf-states i{color:var(--text-3);font-style:normal;font-weight:400}
@keyframes wf-kf-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.genisource-preview .wf-kf-states span.on{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));background:var(--brand-light);color:var(--brand)}
.genisource-preview .wf-card .aic-rm-switch{display:flex;align-items:center;gap:8px}
.genisource-preview .wf-card .aic-rm-toggle{width:30px;height:16px;border-radius:999px;background:var(--border);position:relative}
.genisource-preview .wf-card .aic-rm-toggle:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--bg)}
.genisource-preview .wf-card .aic-rm-toggle.off:after{left:auto;right:2px}
.genisource-preview .wf-card .aic-rm-switch span{flex:1 1;min-width:0;font-size:10px;color:var(--text-2);overflow-wrap:anywhere}
.genisource-preview .wf-card .aic-rm-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px}
.genisource-preview .wf-card .aic-rm-badge{padding:5px 8px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft);font-size:10px;text-align:center;overflow-wrap:anywhere}
.genisource-preview .wf-card .aic-rm-badge.fail{border-color:color-mix(in srgb,var(--warning) 35%,var(--border));background:var(--warning-light);color:var(--warning)}
.genisource-preview .wf-card .aic-rm-badge.ok{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:var(--green-light);color:var(--green)}
@keyframes wf-rm-slide{0%,to{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes wf-rm-spin{to{transform:rotate(1turn)}}
.genisource-preview .wf-card .aic-sem-outline{width:100%;display:grid;grid-gap:5px;gap:5px}
.genisource-preview .wf-card .aic-sem-outline>span{padding:6px 10px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft);font-size:11px}
.genisource-preview .wf-card .aic-sem-outline>span.h1{border-color:color-mix(in srgb,var(--brand) 40%,var(--border));background:var(--brand-light);color:var(--brand);font-weight:700}
.genisource-preview .wf-card .aic-sem-outline>span.h2{margin-left:14px;font-weight:600}
.genisource-preview .wf-card .aic-sem-outline>span.h3{margin-left:28px;color:var(--text-3)}
.genisource-preview .wf-sem-block.on{border-color:color-mix(in srgb,var(--brand) 50%,var(--border));background:var(--brand-light)}
.genisource-preview .wf-sem-block.on .wf-sem-tag{border-color:transparent;background:var(--brand);color:var(--on-brand)}
.genisource-preview .wf-sem-block.on strong{color:var(--text)}
.genisource-preview .wf-http-status-browser .wf-http-status-row{flex-wrap:wrap;min-height:44px}
.genisource-preview .wf-timeout-timeline .wf-timeout-track{margin-block:32px}
.genisource-preview .wf-timeout-timeline .wf-timeout-track .limit{top:-28px}
.genisource-preview .wf-timeout-timeline .wf-timeout-track .limit:after{top:22px}
.genisource-preview .wf-timeout-timeline .wf-timeout-track .limit.at-start{transform:none}
.genisource-preview .wf-timeout-timeline .wf-timeout-track .limit.at-start:after{left:0}
.genisource-preview .wf-timeout-timeline .wf-timeout-track .limit.at-end{transform:translateX(-100%)}
.genisource-preview .wf-timeout-timeline .wf-timeout-track .limit.at-end:after{left:100%}
@container wf-stage (max-width: 600px){.genisource-preview .wf-ip-verdict .record-row{flex-direction:column;align-items:flex-start;gap:4px}.genisource-preview .wf-ip-verdict .record-row>strong{text-align:left}}
.genisource-preview .serif-demo{display:flex;gap:14px}
.genisource-preview .serif-col{flex:1 1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px}
.genisource-preview .serif-col b{display:block;font-size:16px;color:var(--text);margin-bottom:6px}
.genisource-preview .serif-col p{font-size:12px;line-height:1.7;color:var(--text-2);margin:0 0 8px}
.genisource-preview .serif-serif-f{font-family:Georgia,Songti SC,serif}
.genisource-preview .serif-tag{font-size:12px;color:var(--text-3)}
.genisource-preview .grad-demo{display:flex;gap:10px}
.genisource-preview .grad-chip{flex:1 1;height:60px;border-radius:8px;display:flex;align-items:flex-end;padding:6px 8px;font-size:12px;color:#fff}
.genisource-preview .grad-chip.grad-mono{color:var(--text-2)}
.genisource-preview .grad-linear{background:linear-gradient(120deg,#165dff,#722ed1)}
.genisource-preview .grad-radial{background:radial-gradient(circle at 35% 30%,#7fb2ff,#165dff)}
.genisource-preview .grad-duo{background:linear-gradient(120deg,#f76965,#722ed1)}
.genisource-preview .grad-mono{background:linear-gradient(160deg,#f2f7ff,#c2d6ff)}
.genisource-preview .corner-demo{display:flex;gap:14px;align-items:flex-end}
.genisource-preview .corner-item{flex-direction:column;gap:5px;color:var(--text-3)}
.genisource-preview .corner-btn, .genisource-preview .corner-item{display:flex;align-items:center;font-size:12px}
.genisource-preview .corner-btn{width:60px;height:32px;background:var(--brand);color:var(--on-brand);justify-content:center}
.genisource-preview .mp-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;grid-gap:32px;gap:32px;padding-block:24px}
.genisource-preview .mp-binding, .genisource-preview .mp-page-stack, .genisource-preview .mp-source{min-width:0}
.genisource-preview .mp-source h3{margin:0 0 12px;font:600 16px/1.5 ui-monospace,monospace}
.genisource-preview .mp-source pre{margin:0;padding:16px;border-radius:8px;background:var(--bg-soft);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.8 ui-monospace,monospace}
.genisource-preview .mp-source p{margin:12px 0 0;font-size:16px;line-height:1.7}
.genisource-preview .mp-binding>code{overflow-wrap:anywhere;display:block;margin-bottom:16px;font-size:16px;color:var(--brand)}
.genisource-preview .mp-device{width:100%;max-width:360px;margin-inline:auto;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.genisource-preview .mp-host{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border-light);font-size:14px}
.genisource-preview .mp-host>span:first-child{min-width:0;overflow-wrap:anywhere}
.genisource-preview .mp-host>span:last-child{flex-shrink:0}
.genisource-preview .mp-app{padding:24px 20px}
.genisource-preview .mp-app-name{font-size:14px;color:var(--text-2)}
.genisource-preview .mp-app h3{margin:20px 0 10px;font-size:24px;line-height:1.4;color:var(--text)}
.genisource-preview .mp-app p{margin:0 0 24px;font-size:16px;line-height:1.7;color:var(--text-2)}
.genisource-preview .mp-time{padding:16px 0;font-size:20px;font-weight:600}
.genisource-preview .mp-submit{display:block;margin-top:16px;padding:12px;border-radius:4px;background:var(--bg-soft);color:var(--text);text-align:center;font-size:16px;line-height:1.5}
.genisource-preview .mp-submit.styled{border-radius:8px;background:#165dff;color:#fff}
.genisource-preview .mp-entry{padding-block:24px}
.genisource-preview .mp-entry>p{max-width:540px;margin:0 0 24px;font-size:16px;line-height:1.7}
.genisource-preview .mp-share{display:grid;grid-gap:12px;gap:12px;max-width:360px;padding:24px;background:var(--bg-soft);border-radius:8px}
.genisource-preview .mp-share small{color:var(--text-2);font-size:14px}
.genisource-preview .mp-share strong{font-size:20px;line-height:1.5}
.genisource-preview .mp-share span{font-size:16px;line-height:1.5}
.genisource-preview .mp-width-stage{max-width:450px;margin:32px auto 16px}
.genisource-preview .mp-width-page{padding-block:24px;background:var(--bg-soft);border-radius:8px}
.genisource-preview .mp-width-ruler{margin-bottom:32px;padding:8px 12px;border-top:1px solid var(--text-3);font-size:16px;text-align:center}
.genisource-preview .mp-width-button{margin-inline:auto;padding:16px 4px;background:var(--brand);color:var(--on-brand);text-align:center;font-size:20px;border-radius:8px}
.genisource-preview .mp-equation{display:block;margin:12px 0 20px;font-size:16px;text-align:center}
.genisource-preview .mp-package-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px;padding-block:20px}
.genisource-preview .mp-package{padding:20px;background:var(--bg-soft);border-radius:8px}
.genisource-preview .mp-package.loaded{background:var(--brand-light)}
.genisource-preview .mp-package h3{margin:0 0 16px;font-size:18px}
.genisource-preview .mp-package ul{overflow-wrap:anywhere;display:grid;grid-gap:10px;gap:10px;padding:0;margin:0 0 20px;list-style:none;font:16px/1.6 ui-monospace,monospace}
.genisource-preview .mp-package span{font-size:16px;font-weight:600}
.genisource-preview .record-preview .mp-workbench{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:12px}
.genisource-preview .record-preview .mp-device{max-width:320px}
.genisource-preview .record-preview .mp-app{padding:16px}
.genisource-preview .record-preview .mp-app h3{margin-top:12px;font-size:20px}
.genisource-preview .record-preview .mp-app p{margin-bottom:12px}
.genisource-preview .record-preview .mp-source pre{padding:10px;font-size:14px}
@media (max-width:760px){.genisource-preview .mp-workbench{gap:24px}.genisource-preview .mp-package-map, .genisource-preview .mp-workbench{grid-template-columns:minmax(0,1fr)}.genisource-preview .mp-package-map{gap:16px}}
@container record-example (max-width: 600px){.genisource-preview .mp-workbench{gap:24px}.genisource-preview .mp-package-map, .genisource-preview .mp-workbench{grid-template-columns:minmax(0,1fr)}.genisource-preview .mp-package-map{gap:16px}}
.genisource-preview .api-demo, .genisource-preview .cdn-demo, .genisource-preview .dns-demo, .genisource-preview .dom-demo, .genisource-preview .http-demo, .genisource-preview .https-demo, .genisource-preview .json-demo, .genisource-preview .url-demo{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}
.genisource-preview .dom-demo{display:flex;flex-direction:column;gap:8px}
.genisource-preview .dom-demo-search{border:1px solid var(--border);border-radius:8px;color:var(--text-2);box-shadow:0 0 0 3px rgba(99,102,241,.08)}
.genisource-preview .dom-demo-row, .genisource-preview .dom-demo-search{display:flex;align-items:center;gap:8px;background:var(--bg);padding:8px 12px;font-size:12px}
.genisource-preview .dom-demo-row{border:1px solid var(--border-light);border-radius:8px;color:var(--text)}
.genisource-preview .dom-demo-row .dom-name{font-weight:600}
.genisource-preview .dom-demo-row .dom-price{margin-left:auto;color:var(--text-2)}
.genisource-preview .dom-demo-row .dom-state{font-size:12px;padding:1px 7px;border-radius:99px}
.genisource-preview .dom-demo-row .dom-state.ok{color:var(--green);background:var(--green-light)}
.genisource-preview .dom-demo-row .dom-state.taken{color:var(--text-3);background:var(--bg-hover)}
.genisource-preview .dom-demo-buy{font-size:12px;color:var(--brand);background:var(--brand-light);border-radius:5px;padding:3px 9px}
.genisource-preview .dom-demo-row :is(.dom-name,.dom-state,.dom-price,.dom-demo-buy){white-space:nowrap}
@media (max-width:720px){.genisource-preview .dom-demo-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.genisource-preview .dom-demo-row .dom-state{justify-self:end}.genisource-preview .dom-demo-row .dom-price{grid-column:1;grid-row:2;margin-left:0}.genisource-preview .dom-demo-row .dom-demo-buy{grid-column:2;grid-row:2;justify-self:end}.genisource-preview .dom-demo-row:not(:has(.dom-demo-buy)) .dom-price{grid-column:2;justify-self:end}}
.genisource-preview .dns-demo{display:flex;align-items:stretch;gap:6px}
.genisource-preview .dns-node{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 6px;text-align:center}
.genisource-preview .dns-node .dns-ico{font-size:18px;line-height:1}
.genisource-preview .dns-node .dns-name{font-size:12px;font-weight:600;color:var(--text);font-family:-apple-system,PingFang SC,sans-serif}
.genisource-preview .dns-node .dns-sub{line-height:1.4}
.genisource-preview .dns-arrow, .genisource-preview .dns-node .dns-sub{font-size:12px;color:var(--text-3)}
.genisource-preview .dns-arrow{align-self:center;flex:none}
.genisource-preview .dns-anat .dns-node .ap{display:contents}
.genisource-preview .url-demo{display:flex;flex-direction:column;gap:10px}
.genisource-preview .url-bar{display:flex;align-items:stretch;flex-wrap:wrap;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:12px}
.genisource-preview .url-seg{padding:7px 4px;color:var(--text);white-space:nowrap}
.genisource-preview .url-seg.proto{background:var(--green-light);color:var(--green)}
.genisource-preview .url-seg.host{background:var(--brand-light);color:var(--brand);font-weight:600}
.genisource-preview .url-seg.path{background:var(--warning-light);color:var(--warning)}
.genisource-preview .url-seg.query{background:var(--code-keyword-light);color:var(--code-keyword)}
.genisource-preview .url-seg.hash{background:var(--bg-hover);color:var(--text-2)}
.genisource-preview .url-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--text-3);font-family:-apple-system,PingFang SC,sans-serif}
.genisource-preview .url-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}
.genisource-preview .url-anat .url-bar{font-size:13px}
.genisource-preview .api-demo{display:flex;flex-direction:column;gap:8px}
.genisource-preview .api-req, .genisource-preview .api-resp{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.7;color:var(--text)}
.genisource-preview .api-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;border-radius:4px;padding:1px 6px;margin-bottom:4px}
.genisource-preview .api-req .api-tag{color:var(--brand);background:var(--brand-light)}
.genisource-preview .api-resp .api-tag{color:var(--green);background:var(--green-light)}
.genisource-preview .api-method{font-weight:700;color:var(--brand)}
.genisource-preview .api-key-token{color:var(--warning)}
.genisource-preview .api-status-ok{color:var(--green);font-weight:700}
.genisource-preview .api-arrow{text-align:center;color:var(--text-3);font-size:12px;line-height:1}
.genisource-preview .http-demo{display:flex;flex-direction:column;gap:8px}
.genisource-preview .http-msg{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.8;color:var(--text-2)}
.genisource-preview .http-msg .http-title{font-size:12px;font-weight:700;color:var(--text-3);letter-spacing:.5px}
.genisource-preview .http-method-get{color:var(--green);font-weight:700}
.genisource-preview .http-method-post{color:var(--brand);font-weight:700}
.genisource-preview .http-url{color:var(--text)}
.genisource-preview .http-head{color:var(--text-3)}
.genisource-preview .http-body{display:block;margin-top:4px;background:var(--bg-soft);border:1px dashed var(--border);border-radius:5px;padding:4px 8px;color:var(--text)}
.genisource-preview .http-anat .http-msg{font-size:12px}
.genisource-preview .json-demo{background:#1d2129;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.8;color:#c9cdd4}
.genisource-preview .json-demo pre{margin:0;white-space:pre-wrap}
.genisource-preview .json-k{color:#7db3ff}
.genisource-preview .json-s{color:#a6d189}
.genisource-preview .json-n{color:#ffb86c}
.genisource-preview .json-b{color:#f38ba8}
.genisource-preview .json-p{color:var(--code-muted)}
.genisource-preview .https-demo{display:flex;flex-direction:column;gap:10px}
.genisource-preview .https-bar{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:99px;padding:7px 14px;font-size:12px;color:var(--text)}
.genisource-preview .https-bar .https-lock{color:var(--green);font-size:12px}
.genisource-preview .https-bar .https-warn{font-size:12px;color:var(--red);background:var(--red-light);border-radius:99px;padding:2px 8px;flex:none}
.genisource-preview .https-bar.ok{border-color:#b7eb8f}
.genisource-preview .https-bar.bad{border-color:#ffa39e}
.genisource-preview .https-cap{font-size:12px;color:var(--text-3);text-align:center;font-family:-apple-system,PingFang SC,sans-serif}
.genisource-preview .cdn-demo{display:flex;align-items:stretch;gap:6px}
.genisource-preview .cdn-origin{flex:1.1 1;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--brand);border-radius:8px;padding:8px 6px}
.genisource-preview .cdn-edges{flex:1.6 1;display:flex;flex-direction:column;gap:5px}
.genisource-preview .cdn-edge{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border-light);border-radius:7px;padding:4px 10px;font-size:12px;color:var(--text-2);font-family:-apple-system,PingFang SC,sans-serif}
.genisource-preview .cdn-edge .cdn-ms{margin-left:auto;color:var(--green);font-family:ui-monospace,Menlo,monospace}
.genisource-preview .cdn-node-name{font-size:12px;font-weight:600;color:var(--text);font-family:-apple-system,PingFang SC,sans-serif}
.genisource-preview .cdn-arrow, .genisource-preview .cdn-node-sub{font-size:12px;color:var(--text-3)}
.genisource-preview .cdn-arrow{align-self:center;flex:none}
@media (max-width:720px){.genisource-preview .detail .dns-anat .dns-arrow{transform:rotate(90deg)}.genisource-preview .detail-entry-https .mk-win{overflow-wrap:anywhere}}
.genisource-preview .stack-map{display:flex;flex-direction:column;gap:9px;width:100%;max-width:310px;color:var(--text);font-size:12px}
.genisource-preview .dh-demo .stack-map{max-width:720px;gap:14px;font-size:14px}
.genisource-preview .stack-map *{box-sizing:border-box}
.genisource-preview .stack-window{overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--bg);box-shadow:0 7px 20px rgba(29,33,41,.06)}
.genisource-preview .stack-window-bar{display:flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-bottom:1px solid var(--border-light);background:var(--bg-soft)}
.genisource-preview .stack-window-bar i{width:5px;height:5px;border-radius:50%;background:var(--border)}
.genisource-preview .stack-window-bar span{min-width:0;flex:1 1;margin-left:4px;overflow:hidden;color:var(--text-3);font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .stack-front-nav{display:flex;align-items:center;justify-content:space-between;padding:7px 10px}
.genisource-preview .stack-front-nav b{font-size:11px;letter-spacing:.7px}
.genisource-preview .stack-front-nav span{color:var(--text-3);font-size:11px}
.genisource-preview .stack-front-page{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(62px,.8fr);grid-gap:12px;gap:12px;align-items:center;padding:10px;background:var(--bg-soft)}
.genisource-preview .stack-front-page>span{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}
.genisource-preview .stack-front-page small{color:var(--brand);font-size:11px}
.genisource-preview .stack-front-page strong{color:var(--text);font-size:12px;line-height:1.25}
.genisource-preview .stack-front-page em{color:var(--text-3);font-size:11px;font-style:normal;line-height:1.5}
.genisource-preview .stack-front-page>span>b{padding:4px 7px;border-radius:5px;background:var(--brand);color:var(--on-brand);font-size:11px}
.genisource-preview .stack-front-page>i{display:flex;flex-direction:column;gap:5px;min-width:0;padding:8px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg);box-shadow:0 4px 12px rgba(29,33,41,.06)}
.genisource-preview .stack-front-page>i:before{content:"UI";color:var(--text-2);font-size:11px;font-style:normal;font-weight:700}
.genisource-preview .stack-front-page u{display:block;height:5px;border-radius:99px;background:var(--bg-hover);text-decoration:none}
.genisource-preview .stack-front-page u:nth-child(2){width:76%}
.genisource-preview .stack-front-page u:nth-child(3){width:56%;background:color-mix(in srgb,var(--brand) 22%,var(--bg))}
.genisource-preview .stack-layer-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px}
.genisource-preview .stack-layer-row span{display:flex;min-width:0;align-items:center;justify-content:center;gap:4px;padding:5px 4px;border:1px solid var(--border-light);border-radius:6px;background:var(--bg);color:var(--text-3);font-size:11px;white-space:nowrap}
.genisource-preview .stack-layer-row b{color:var(--text);font-size:11px}
.genisource-preview .stack-map-back{padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--bg);box-shadow:0 7px 20px rgba(29,33,41,.06)}
.genisource-preview .stack-request, .genisource-preview .stack-response{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 8px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft)}
.genisource-preview .stack-request>span{color:var(--text-3);font-size:11px}
.genisource-preview .stack-request>b, .genisource-preview .stack-response>b{padding:2px 5px;border-radius:4px;background:color-mix(in srgb,var(--brand) 12%,var(--bg));color:var(--brand);font-size:11px}
.genisource-preview .stack-request code, .genisource-preview .stack-response code{min-width:0;overflow:hidden;color:var(--text-2);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .stack-request>i, .genisource-preview .stack-response>i{margin-left:auto;color:var(--text-3);font-size:11px;font-style:normal;white-space:nowrap}
.genisource-preview .stack-back-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;grid-gap:5px;gap:5px}
.genisource-preview .stack-back-pipeline>span{display:flex;min-width:0;min-height:58px;flex-direction:column;justify-content:center;gap:3px;padding:7px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg)}
.genisource-preview .stack-back-pipeline>span>i{display:inline-flex;width:14px;height:14px;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--brand) 10%,var(--bg));color:var(--brand);font-size:11px;font-style:normal}
.genisource-preview .stack-back-pipeline b{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .stack-back-pipeline small{color:var(--text-3);font-size:11px;line-height:1.3}
.genisource-preview .stack-back-pipeline>em{color:var(--text-3);font-size:11px;font-style:normal}
.genisource-preview .stack-response{flex-direction:row-reverse}
.genisource-preview .stack-response>i{margin:0 auto 0 0}
.genisource-preview .dh-demo .stack-window{border-radius:12px}
.genisource-preview .dh-demo .stack-window-bar{height:30px;gap:6px;padding:0 11px}
.genisource-preview .dh-demo .stack-window-bar i{width:7px;height:7px}
.genisource-preview .dh-demo .stack-window-bar span{margin-left:7px;font-size:11px}
.genisource-preview .dh-demo .stack-front-nav{padding:11px 16px}
.genisource-preview .dh-demo .stack-front-nav b{font-size:12px;letter-spacing:1px}
.genisource-preview .dh-demo .stack-front-nav span{font-size:11px}
.genisource-preview .dh-demo .stack-front-page{grid-template-columns:minmax(0,1.25fr) minmax(120px,.75fr);gap:22px;padding:18px}
.genisource-preview .dh-demo .stack-front-page>span{gap:7px}
.genisource-preview .dh-demo .stack-front-page small{font-size:12px}
.genisource-preview .dh-demo .stack-front-page strong{font-size:19px}
.genisource-preview .dh-demo .stack-front-page em{font-size:11px}
.genisource-preview .dh-demo .stack-front-page>span>b{padding:7px 11px;border-radius:7px;font-size:11px}
.genisource-preview .dh-demo .stack-front-page>i{gap:8px;padding:14px;border-radius:10px}
.genisource-preview .dh-demo .stack-front-page>i:before{font-size:11px}
.genisource-preview .dh-demo .stack-front-page u{height:7px}
.genisource-preview .dh-demo .stack-layer-row{gap:8px}
.genisource-preview .dh-demo .stack-layer-row span{gap:6px;padding:9px 7px;border-radius:8px;font-size:11px}
.genisource-preview .dh-demo .stack-layer-row b{font-size:11px}
.genisource-preview .dh-demo .stack-map-back{gap:14px;padding:18px;border-radius:12px}
.genisource-preview .dh-demo .stack-request, .genisource-preview .dh-demo .stack-response{gap:10px;padding:11px 14px;border-radius:9px}
.genisource-preview .dh-demo .stack-request>span{font-size:11px}
.genisource-preview .dh-demo .stack-request>b, .genisource-preview .dh-demo .stack-response>b{padding:3px 7px;border-radius:5px;font-size:11px}
.genisource-preview .dh-demo .stack-request code, .genisource-preview .dh-demo .stack-request>i, .genisource-preview .dh-demo .stack-response code, .genisource-preview .dh-demo .stack-response>i{font-size:11px}
.genisource-preview .dh-demo .stack-back-pipeline{gap:9px}
.genisource-preview .dh-demo .stack-back-pipeline>span{min-height:94px;gap:5px;padding:12px;border-radius:9px}
.genisource-preview .dh-demo .stack-back-pipeline>span>i{width:22px;height:22px;font-size:11px}
.genisource-preview .dh-demo .stack-back-pipeline b{font-size:13px}
.genisource-preview .dh-demo .stack-back-pipeline small{font-size:12px;line-height:1.45}
.genisource-preview .dh-demo .stack-back-pipeline>em{font-size:12px}
.genisource-preview .foundation-box.blue, .genisource-preview .foundation-step.blue{border-color:var(--border);background:var(--bg);color:var(--brand)}
.genisource-preview .foundation-box.green, .genisource-preview .foundation-step.green{border-color:var(--border);background:var(--bg);color:var(--green)}
.genisource-preview .foundation-box.red, .genisource-preview .foundation-step.red{border-color:var(--border);background:var(--bg);color:var(--red)}
.genisource-preview .foundation-code b.danger{color:#ff9f9f}
.genisource-preview .foundation-compare>span.green, .genisource-preview .foundation-compare>span.red{border-color:var(--border);background:var(--bg)}
.genisource-preview .foundation-compare>span.green b{color:var(--green)}
.genisource-preview .foundation-compare>span.red b{color:var(--red)}
.genisource-preview .foundation-ui-field.error>b{border-color:color-mix(in srgb,var(--red) 55%,var(--border));background:var(--red-light);color:var(--red)}
.genisource-preview .foundation-ui-action.red{background:var(--red)}
@media (max-width:720px){.genisource-preview .stack-front-page{grid-template-columns:minmax(0,1fr) 72px}.genisource-preview .stack-back-pipeline{grid-template-columns:1fr}.genisource-preview .stack-back-pipeline>em{display:none}.genisource-preview .stack-back-pipeline>span{min-height:48px}}
.genisource-preview .sl-demo{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%}
.genisource-preview .sl-io{display:grid;justify-items:center;grid-gap:2px;gap:2px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.genisource-preview .sl-io small{color:var(--text-3);font-size:10px}
.genisource-preview .sl-io b{color:var(--text-2);font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.genisource-preview .sl-arrow{color:var(--text-3);font-size:12px;font-style:normal}
.genisource-preview .sl-fn{display:grid;justify-items:center;grid-gap:2px;gap:2px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--brand) 34%,var(--border));border-radius:8px;background:var(--brand-light)}
.genisource-preview .sl-fn b{color:var(--brand);font-size:12px}
.genisource-preview .sl-fn small{color:var(--text-3);font-size:10px}
.genisource-preview .sl-note{flex-basis:100%;color:var(--text-3);font-size:11px;text-align:center}
.genisource-preview .auth-demo, .genisource-preview .az-demo, .genisource-preview .fw-demo, .genisource-preview .route-demo, .genisource-preview .sql-demo, .genisource-preview .val-demo{display:grid;grid-gap:10px;gap:10px;width:100%;max-width:360px}
.genisource-preview .fw-pipe{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;grid-gap:4px;gap:4px}
.genisource-preview .auth-flow>i, .genisource-preview .fw-pipe>i{align-self:center;color:var(--text-3);font-size:12px;font-style:normal}
.genisource-preview .fw-step{display:grid;grid-gap:2px;gap:2px;min-width:0;padding:8px 7px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg);text-align:center}
.genisource-preview .fw-step small{color:var(--text-3);font-size:10px}
.genisource-preview .fw-step b{color:var(--text);font-size:12px}
.genisource-preview .fw-step em{color:var(--text-3);font-size:10px;font-style:normal;line-height:1.3;overflow-wrap:anywhere}
.genisource-preview .fw-anat-step.on, .genisource-preview .fw-step.on{border-color:color-mix(in srgb,var(--brand) 30%,var(--border));background:var(--brand-light)}
.genisource-preview .fw-anat-step.on b, .genisource-preview .fw-step.on b{color:var(--brand)}
.genisource-preview .fw-note, .genisource-preview .route-note{color:var(--text-3);font-size:11px;text-align:center;line-height:1.4}
.genisource-preview .route-board{display:grid;grid-gap:6px;gap:6px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.genisource-preview .route-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;min-height:32px;padding:6px 8px;border:1px solid transparent;border-radius:7px;background:var(--bg-soft)}
.genisource-preview .route-row.on{border-color:color-mix(in srgb,var(--brand) 28%,var(--border));background:color-mix(in srgb,var(--brand-light) 55%,var(--bg))}
.genisource-preview .m-get, .genisource-preview .m-post, .genisource-preview .route-row b{display:inline-grid;place-items:center;min-width:44px;min-height:20px;border-radius:4px;color:#fff;font-size:10px;font-weight:750;letter-spacing:.02em}
.genisource-preview .m-get, .genisource-preview .route-row b.m-get{background:var(--green);color:var(--on-status)}
.genisource-preview .m-post, .genisource-preview .route-row b.m-post{background:var(--brand);color:var(--on-brand)}
.genisource-preview .route-row code{min-width:0;overflow:hidden;color:var(--text);font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .route-row span{color:var(--text-3);font-size:11px;white-space:nowrap}
.genisource-preview .route-piece.path{color:var(--text);background:var(--bg-soft)}
.genisource-preview .route-piece.query{color:var(--text-3);background:var(--bg-soft)}
.genisource-preview .sql-demo{max-width:320px}
.genisource-preview .sql-query{display:grid;grid-gap:2px;gap:2px;padding:10px 12px;border:1px solid #243044;border-radius:10px;background:#171a22;color:#dbe4ff;font:500 12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left}
.genisource-preview .sql-query b{color:#93c5fd;font-weight:700}
.genisource-preview .sql-query.compact{padding:8px 10px;font-size:11px}
.genisource-preview .sql-bridge{display:flex;justify-content:center}
.genisource-preview .sql-bridge span{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;color:var(--brand);background:var(--brand-light);font-size:11px;font-weight:650}
.genisource-preview .sql-table{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg);font-size:12px}
.genisource-preview .sql-head, .genisource-preview .sql-row{display:grid;grid-template-columns:32px 1fr 1fr}
.genisource-preview .sql-head span, .genisource-preview .sql-row span{padding:6px 8px;border-bottom:1px solid var(--border-light)}
.genisource-preview .sql-head span{color:var(--text-3);background:var(--bg-soft);font-size:11px;font-weight:700}
.genisource-preview .sql-row span{color:var(--text-2)}
.genisource-preview .sql-row:last-child span{border-bottom:0}
.genisource-preview .sql-row.hit span{color:var(--text);background:color-mix(in srgb,var(--brand) 10%,var(--bg));font-weight:650}
.genisource-preview .sql-row.dim span{color:var(--text-3);opacity:.72}
.genisource-preview .val-form{display:grid;grid-gap:6px;gap:6px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.genisource-preview .val-form label{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;min-height:34px;padding:6px 8px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-soft)}
.genisource-preview .val-form label>span{color:var(--text-3);font-size:11px}
.genisource-preview .val-form label>b{min-width:0;color:var(--text);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .val-form label>i{font-size:11px;font-style:normal;font-weight:700;white-space:nowrap}
.genisource-preview .val-form label.ok{border-color:color-mix(in srgb,var(--green) 30%,var(--border))}
.genisource-preview .val-form label.ok>i{color:color-mix(in srgb,var(--green) 80%,var(--text))}
.genisource-preview .val-form label.bad{border-color:color-mix(in srgb,var(--red) 34%,var(--border));background:color-mix(in srgb,var(--red) 6%,var(--bg))}
.genisource-preview .val-form label.bad>b, .genisource-preview .val-form label.bad>i{color:var(--red)}
.genisource-preview .val-gate{display:grid;grid-gap:2px;gap:2px;justify-items:center;padding:8px;border-radius:8px;background:color-mix(in srgb,var(--red) 7%,var(--bg));border:1px solid color-mix(in srgb,var(--red) 22%,var(--border));text-align:center}
.genisource-preview .val-gate small{color:var(--text-3);font-size:10px}
.genisource-preview .val-gate strong{color:var(--red);font-size:12px}
.genisource-preview .auth-piece.on, .genisource-preview .val-piece.rules{border-color:color-mix(in srgb,var(--brand) 28%,var(--border));color:var(--brand);background:var(--brand-light)}
.genisource-preview .auth-piece.ok, .genisource-preview .val-piece.ok{border-color:color-mix(in srgb,var(--green) 30%,var(--border));color:color-mix(in srgb,var(--green) 78%,var(--text));background:color-mix(in srgb,var(--green) 8%,var(--bg))}
.genisource-preview .val-piece.bad{border-color:color-mix(in srgb,var(--red) 30%,var(--border));color:var(--red);background:color-mix(in srgb,var(--red) 6%,var(--bg))}
.genisource-preview .auth-card{display:grid;grid-gap:8px;gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:0 8px 20px color-mix(in srgb,var(--text) 5%,transparent)}
.genisource-preview .auth-card label{display:grid;grid-gap:4px;gap:4px}
.genisource-preview .auth-card label>span{color:var(--text-3);font-size:11px}
.genisource-preview .auth-card label>b{min-height:32px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--bg-soft);font-size:12px;font-weight:500}
.genisource-preview .auth-card button{min-height:34px;border:0;border-radius:8px;color:var(--on-brand);background:var(--brand);font-size:12px;font-weight:700;cursor:default}
.genisource-preview .auth-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
.genisource-preview .auth-flow span{display:inline-flex;align-items:center;min-height:26px;padding:3px 8px;border:1px solid var(--border-light);border-radius:999px;color:var(--text-3);background:var(--bg);font-size:11px;font-weight:650}
.genisource-preview .auth-flow span.on{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 28%,var(--border));background:var(--brand-light)}
.genisource-preview .auth-flow span.ok{color:color-mix(in srgb,var(--green) 78%,var(--text));border-color:color-mix(in srgb,var(--green) 28%,var(--border));background:color-mix(in srgb,var(--green) 8%,var(--bg))}
.genisource-preview .az-who{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}
.genisource-preview .az-who small{color:var(--text-3);font-size:11px}
.genisource-preview .az-who b{color:var(--text);font-size:12px}
.genisource-preview .az-matrix{display:grid;grid-gap:4px;gap:4px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.genisource-preview .az-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;min-height:30px;padding:5px 8px;border-radius:6px;background:var(--bg-soft);font-size:12px}
.genisource-preview .az-row span{color:var(--text-2)}
.genisource-preview .az-row em{min-width:40px;padding:2px 7px;border-radius:999px;font-size:11px;font-style:normal;font-weight:750;text-align:center}
.genisource-preview .az-row em.ok{color:color-mix(in srgb,var(--green) 78%,var(--text));background:color-mix(in srgb,var(--green) 10%,var(--bg))}
.genisource-preview .az-row em.no{color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--bg))}
.genisource-preview .dh-demo .auth-demo, .genisource-preview .dh-demo .az-demo, .genisource-preview .dh-demo .fw-demo, .genisource-preview .dh-demo .route-demo, .genisource-preview .dh-demo .sql-demo, .genisource-preview .dh-demo .val-demo{max-width:420px}
.genisource-preview .dh-demo .fw-step{min-height:78px;padding:12px 10px}
.genisource-preview .dh-demo .sql-query{font-size:13px;padding:14px 16px}
.genisource-preview .dh-demo .auth-card{padding:16px}
@media (min-width:721px){.genisource-preview .detail-hero .dh-demo :is(.fw-demo,.route-demo,.sql-demo,.val-demo,.auth-demo,.az-demo){width:100%;max-width:none}.genisource-preview .detail-hero .dh-demo .fw-step{min-height:104px}.genisource-preview .detail-hero .dh-demo .sql-demo{grid-template-columns:minmax(0,.9fr) auto minmax(0,1.1fr);align-items:stretch}.genisource-preview .detail-hero .dh-demo .sql-bridge{align-items:center}.genisource-preview .detail-hero .dh-demo .val-demo{grid-template-columns:minmax(0,1.35fr) minmax(220px,.75fr);align-items:stretch}.genisource-preview .detail-hero .dh-demo .auth-demo{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:center;gap:28px}.genisource-preview .detail-hero .dh-demo .auth-flow{flex-wrap:nowrap;justify-content:space-between}.genisource-preview .detail-hero .dh-demo .az-demo{grid-template-columns:minmax(190px,.6fr) minmax(0,1.4fr);align-items:stretch;gap:18px}.genisource-preview .detail-hero .dh-demo .az-who{flex-direction:column;align-items:flex-start;justify-content:center}}
@media (max-width:720px){.genisource-preview .auth-demo, .genisource-preview .az-demo, .genisource-preview .fw-demo, .genisource-preview .route-demo, .genisource-preview .sql-demo, .genisource-preview .val-demo{max-width:100%}.genisource-preview .fw-pipe{grid-template-columns:minmax(0,1fr);gap:6px}.genisource-preview .fw-pipe>i{justify-self:center;transform:rotate(90deg)}.genisource-preview .fw-step{min-height:0}.genisource-preview .route-row{grid-template-columns:48px minmax(0,1fr)}.genisource-preview .route-row span{grid-column:2;white-space:normal}.genisource-preview .sql-query{font-size:11px;padding:10px}.genisource-preview .sql-head, .genisource-preview .sql-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr)}.genisource-preview .val-form label{grid-template-columns:40px minmax(0,1fr);gap:4px 8px}.genisource-preview .val-form label>i{grid-column:2;justify-self:start}.genisource-preview .auth-card{padding:10px}.genisource-preview .auth-flow{gap:4px}.genisource-preview .auth-flow span{font-size:10px;padding:3px 6px}.genisource-preview .az-who{flex-wrap:wrap}.genisource-preview .dh-demo .fw-step{min-height:0;padding:10px 8px}}
.genisource-preview .foundation-card-visual{width:min(420px,100%);min-width:0;color:var(--text);font-size:11px}
.genisource-preview .foundation-card-visual *, .genisource-preview .foundation-card-visual :after, .genisource-preview .foundation-card-visual :before{box-sizing:border-box}
.genisource-preview .foundation-card-visual button, .genisource-preview .foundation-card-visual code, .genisource-preview .foundation-card-visual input{font:inherit}
.genisource-preview .foundation-card-visual button{border:0;cursor:default}
.genisource-preview .fc-foot{color:var(--text-3);font-size:10px;line-height:1.35;text-align:center}
.genisource-preview .fc-component{display:grid;grid-template-columns:minmax(112px,.72fr) minmax(0,1.28fr);grid-gap:9px 12px;gap:9px 12px;align-items:center}
.genisource-preview .fc-component-source{display:grid;grid-gap:4px;gap:4px;padding:11px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--border));border-radius:9px;background:var(--brand-light)}
.genisource-preview .fc-component-pages small, .genisource-preview .fc-component-source small{color:var(--text-3);font-size:9px}
.genisource-preview .fc-component-source b{color:var(--brand);font-size:13px}
.genisource-preview .fc-component-source code{color:var(--text-2);font-size:9px}
.genisource-preview .fc-component-pages{display:grid;grid-template-columns:1fr 12px 1fr;align-items:center;grid-gap:4px;gap:4px}
.genisource-preview .fc-component-pages span{display:grid;grid-gap:5px;gap:5px;min-width:0;padding:10px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.genisource-preview .fc-component-pages span b{overflow:hidden;font-size:9px;text-overflow:ellipsis}
.genisource-preview .fc-component-pages i{height:1px;background:var(--brand)}
.genisource-preview .fc-component .fc-foot{grid-column:1/-1}
.genisource-preview .fc-state{display:grid;grid-gap:9px;gap:9px}
.genisource-preview .fc-state-form{display:grid;grid-template-columns:1fr auto;grid-gap:4px 8px;gap:4px 8px;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:var(--bg)}
.genisource-preview .fc-state-form small{grid-column:1/-1;color:var(--text-3);font-size:9px}
.genisource-preview .fc-state-form b{align-self:center}
.genisource-preview .fc-state-form button{padding:4px 8px;border-radius:6px;color:var(--green);background:var(--green-light)}
.genisource-preview .fc-state-track{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}
.genisource-preview .fc-state-track span{padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);white-space:nowrap}
.genisource-preview .fc-state-track em, .genisource-preview .fc-state-track i{color:var(--text-3);font-size:9px;font-style:normal}
.genisource-preview .fc-state-track .ok{border-color:color-mix(in srgb,var(--green) 35%,var(--border));color:var(--green);background:var(--green-light)}
.genisource-preview .fc-state-track .fail{color:var(--red);background:var(--red-light)}
.genisource-preview .fc-port{display:grid;grid-gap:8px;gap:8px}
.genisource-preview .fc-port-address{display:flex;align-items:center;justify-content:center;gap:9px}
.genisource-preview .fc-port-address code{padding:5px 9px;border-radius:6px;color:var(--brand);background:var(--brand-light);font-weight:700}
.genisource-preview .fc-port-address b{color:var(--text-2);font-size:10px}
.genisource-preview .fc-port-sockets{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}
.genisource-preview .fc-port-sockets span{display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:9px 5px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.genisource-preview .fc-port-sockets span.active{border-color:color-mix(in srgb,var(--brand) 42%,var(--border));background:var(--brand-light)}
.genisource-preview .fc-port-sockets code{color:var(--brand);font-weight:700}
.genisource-preview .fc-port-sockets b{color:var(--text-2);font-size:10px}
.genisource-preview .fc-box-model{display:grid;grid-template-columns:minmax(155px,1.15fr) minmax(110px,.85fr);align-items:center;grid-gap:8px 14px;gap:8px 14px}
.genisource-preview .fc-box-layers span{display:grid;place-items:center;width:100%;height:100%;font-size:9px}
.genisource-preview .fc-box-layers .margin{padding:6px;border:1px dashed var(--border);color:var(--text-3);background:var(--bg-soft)}
.genisource-preview .fc-box-layers .border{padding:6px;color:var(--text-2);background:var(--text-2)}
.genisource-preview .fc-box-layers .padding{padding:9px;color:var(--brand);background:var(--brand-light)}
.genisource-preview .fc-box-layers b{width:100%;padding:9px 5px;color:var(--text);background:var(--bg);font-size:10px;text-align:center}
.genisource-preview .fc-box-equation{display:grid;justify-items:center;grid-gap:6px;gap:6px}
.genisource-preview .fc-box-equation code{color:var(--text-3);font-size:10px}
.genisource-preview .fc-box-equation strong{color:var(--brand);font-size:18px}
.genisource-preview .fc-box-model .fc-foot{grid-column:1/-1}
.genisource-preview .fc-overflow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(105px,.7fr);align-items:center;grid-gap:12px;gap:12px}
.genisource-preview .fc-overflow-window{position:relative;height:78px;overflow:hidden;display:grid;grid-gap:3px;gap:3px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.genisource-preview .fc-overflow-window small{color:var(--red);font-size:8px}
.genisource-preview .fc-overflow-window span{color:var(--text-2);font-size:9px}
.genisource-preview .fc-overflow-window button{justify-self:start;margin-top:3px;padding:5px 8px;border-radius:5px;color:white;background:var(--brand)}
.genisource-preview .fc-overflow-window i{position:absolute;right:0;bottom:0;left:0;height:13px;border-top:1px dashed var(--red);color:var(--red);background:color-mix(in srgb,var(--red-light) 88%,transparent);font-size:8px;font-style:normal;text-align:right}
.genisource-preview .fc-overflow-note{display:grid;grid-gap:6px;gap:6px;text-align:center}
.genisource-preview .fc-overflow-note span{padding:5px;border-radius:6px;font-size:9px}
.genisource-preview .fc-overflow-note .fail{color:var(--red);background:var(--red-light)}
.genisource-preview .fc-overflow-note .ok{color:var(--green);background:var(--green-light)}
.genisource-preview .fc-overflow-note b{color:var(--text-3)}
.genisource-preview .fc-cors{display:grid;grid-gap:8px;gap:8px}
.genisource-preview .fc-cors-request{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:7px;gap:7px}
.genisource-preview .fc-cors-request span{display:grid;grid-gap:3px;gap:3px;min-width:0;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);text-align:center}
.genisource-preview .fc-cors-request small{color:var(--text-3);font-size:9px}
.genisource-preview .fc-cors-request b{overflow:hidden;font-size:10px;text-overflow:ellipsis}
.genisource-preview .fc-cors-request i{color:var(--brand);font-style:normal}
.genisource-preview .fc-cors-response{display:flex;align-items:center;gap:7px}
.genisource-preview .fc-cors-response code{min-width:0;flex:1 1;overflow:hidden;padding:6px 8px;border-radius:6px;color:var(--brand);background:var(--brand-light);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .fc-cors-response .ok{color:var(--green);font-size:9px;white-space:nowrap}
.genisource-preview .fc-storage{display:grid;grid-gap:8px;gap:8px}
.genisource-preview .fc-storage-devices{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:7px;gap:7px}
.genisource-preview .fc-storage-devices section{display:grid;grid-gap:4px;gap:4px;min-width:0;padding:8px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--border));border-radius:8px;background:var(--brand-light)}
.genisource-preview .fc-storage-devices section.empty{border-color:var(--border);background:var(--bg)}
.genisource-preview .fc-storage-devices small{color:var(--text-3);font-size:9px}
.genisource-preview .fc-storage-devices b, .genisource-preview .fc-storage-devices code{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .fc-storage-devices>i{color:var(--red);font-size:9px;font-style:normal;text-align:center}
.genisource-preview .fc-storage-server{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:8px;gap:8px;color:var(--text-3);font-size:9px;text-align:center}
.genisource-preview .fc-storage-server b{padding:5px 8px;border-radius:6px;color:var(--green);background:var(--green-light);font-size:10px}
.genisource-preview .fc-seo{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:8px 12px;gap:8px 12px;align-items:center}
.genisource-preview .fc-seo article, .genisource-preview .fc-seo-result{display:grid;grid-gap:4px;gap:4px;min-width:0;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.genisource-preview .fc-seo small{color:var(--text-3);font-size:9px}
.genisource-preview .fc-seo article span{color:var(--text-2);font-size:9px;line-height:1.4}
.genisource-preview .fc-seo-result a{color:var(--brand);font-size:11px;font-weight:650}
.genisource-preview .fc-seo-result code{color:var(--green);font-size:9px}
.genisource-preview .fc-seo .fc-foot{grid-column:1/-1}
.genisource-preview .fc-redirect{display:grid;grid-gap:8px;gap:8px}
.genisource-preview .fc-redirect-bar{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:8px;gap:8px;padding:6px 9px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}
.genisource-preview .fc-redirect-bar small{color:var(--text-3);font-size:9px}
.genisource-preview .fc-redirect-bar code{overflow:hidden;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .fc-redirect-network{display:flex;align-items:stretch;justify-content:center;gap:5px}
.genisource-preview .fc-redirect-network span{display:grid;grid-gap:2px;gap:2px;min-width:0;padding:6px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}
.genisource-preview .fc-redirect-network span.location{border-color:color-mix(in srgb,var(--brand) 35%,var(--border));background:var(--brand-light)}
.genisource-preview .fc-redirect-network span.ok{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:var(--green-light)}
.genisource-preview .fc-redirect-network span b{font-size:9px}
.genisource-preview .fc-redirect-network span code{overflow:hidden;color:var(--text-3);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .fc-redirect-network>i{align-self:center;color:var(--brand);font-size:9px;font-style:normal}
.genisource-preview .fc-chat{overflow:hidden;display:grid;border:1px solid var(--border);border-radius:9px;background:var(--bg)}
.genisource-preview .fc-chat-head{display:flex;justify-content:space-between;padding:6px 9px;border-bottom:1px solid var(--border-light)}
.genisource-preview .fc-chat-head small{color:var(--green);font-size:9px}
.genisource-preview .fc-chat-messages{display:grid;grid-gap:4px;gap:4px;padding:7px 9px}
.genisource-preview .fc-chat-messages p{width:-moz-fit-content;width:fit-content;max-width:82%;margin:0;padding:4px 7px;border-radius:6px;color:var(--text-2);background:var(--bg-soft);font-size:9px}
.genisource-preview .fc-chat-messages p.user{justify-self:end;color:var(--brand);background:var(--brand-light)}
.genisource-preview .fc-chat-messages p.error{color:var(--red);background:var(--red-light)}
.genisource-preview .fc-chat-input{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-top:1px solid var(--border-light);color:var(--text-3);font-size:9px}
.genisource-preview .fc-chat-input button{padding:4px 7px;border-radius:5px;color:white;background:var(--brand)}
.genisource-preview .fc-responsive{display:grid;grid-template-columns:minmax(0,1.35fr) auto minmax(80px,.65fr);align-items:center;grid-gap:7px;gap:7px}
.genisource-preview .fc-responsive>b{color:var(--brand);font-size:9px;font-weight:600}
.genisource-preview .fc-responsive-view{overflow:hidden;display:grid;grid-gap:4px;gap:4px;padding:5px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}
.genisource-preview .fc-responsive-view>small{color:var(--text-3);font-size:8px}
.genisource-preview .fc-responsive-view header{padding:4px;color:white;background:var(--text);font-size:8px;white-space:nowrap}
.genisource-preview .fc-responsive-view section{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px}
.genisource-preview .fc-responsive-view section i{height:36px;border-radius:3px;background:var(--brand-light)}
.genisource-preview .fc-responsive-view.mobile section{grid-template-columns:1fr}
.genisource-preview .fc-responsive-view.mobile section i{height:10px}
.genisource-preview .fc-responsive .fc-foot{grid-column:1/-1}
.genisource-preview .fc-search{display:grid;grid-gap:7px;gap:7px}
.genisource-preview .fc-search-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:7px;gap:7px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--brand) 40%,var(--border));border-radius:8px;background:var(--bg)}
.genisource-preview .fc-search-input span{color:var(--brand);font-size:15px}
.genisource-preview .fc-search-input i{color:var(--text-3);font-style:normal}
.genisource-preview .fc-search-results{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}
.genisource-preview .fc-search-results article{display:grid;grid-gap:3px;gap:3px;padding:7px 9px;border-radius:7px;background:var(--bg-soft)}
.genisource-preview .fc-search-results small{color:var(--text-3);font-size:9px}
.genisource-preview .fc-search-results mark{color:var(--brand);background:color-mix(in srgb,var(--brand-light) 65%,transparent)}
.genisource-preview .fc-filter{display:grid;grid-gap:7px;gap:7px}
.genisource-preview .fc-filter-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.genisource-preview .fc-filter-controls span{padding:4px 7px;border-radius:999px;color:var(--brand);background:var(--brand-light);font-size:9px}
.genisource-preview .fc-filter-controls button{margin-left:auto;color:var(--text-3);background:transparent;font-size:9px}
.genisource-preview .fc-filter-list{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;padding-right:48px}
.genisource-preview .fc-filter-list article{display:grid;grid-gap:3px;gap:3px;padding:7px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}
.genisource-preview .fc-filter-list small{color:var(--text-3);font-size:9px}
.genisource-preview .fc-filter-list>i{position:absolute;top:50%;right:0;color:var(--brand);font-size:9px;font-style:normal;transform:translateY(-50%)}
.genisource-preview .fc-chart{display:grid;grid-gap:6px;gap:6px}
.genisource-preview .fc-chart-head{display:flex;align-items:center;justify-content:space-between}
.genisource-preview .fc-chart-head small{color:var(--text-3);font-size:9px}
.genisource-preview .fc-chart-bars{height:76px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;grid-gap:6px;gap:6px;padding:5px 8px 0;border-bottom:1px solid var(--border)}
.genisource-preview .fc-chart-bars span{position:relative;height:100%;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:end;grid-gap:3px;gap:3px}
.genisource-preview .fc-chart-bars span i{width:70%;height:var(--v);border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--brand) 35%,var(--bg-soft))}
.genisource-preview .fc-chart-bars span.max i{background:var(--brand)}
.genisource-preview .fc-chart-bars small{color:var(--text-3);font-size:8px}
.genisource-preview .fc-chart-bars span b{position:absolute;top:0;color:var(--brand);font-size:9px}
.genisource-preview .fc-dark-mode{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:7px;gap:7px}
.genisource-preview .fc-dark-mode>i{color:var(--brand);font-style:normal}
.genisource-preview .fc-theme{display:grid;grid-gap:5px;gap:5px;padding:9px;border:1px solid #d8dce5;border-radius:8px;color:#20232b;background:var(--bg)}
.genisource-preview .fc-theme small{color:#6b7280;font-size:9px}
.genisource-preview .fc-theme span{font-size:9px}
.genisource-preview .fc-theme button{justify-self:start;padding:4px 7px;border-radius:5px;color:#fff;background:#3156d3}
.genisource-preview .fc-theme.dark{border-color:#3d4452;color:#f3f4f6;background:#171a21}
.genisource-preview .fc-theme.dark small, .genisource-preview .fc-theme.dark span{color:#aeb4c0}
.genisource-preview .fc-dark-mode .fc-foot{grid-column:1/-1}
.genisource-preview .fc-design-token{display:grid;grid-gap:0;gap:0}
.genisource-preview .fc-token-source{justify-self:center;display:grid;grid-gap:3px;gap:3px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--border));border-radius:7px;background:var(--brand-light)}
.genisource-preview .fc-token-source small{color:var(--text-3);font-size:8px}
.genisource-preview .fc-token-source code{color:var(--brand);font-size:9px;font-weight:700}
.genisource-preview .fc-token-links{width:68%;height:15px;justify-self:center;display:grid;grid-template-columns:repeat(3,1fr)}
.genisource-preview .fc-token-links i{border-top:1px solid var(--brand);border-left:1px solid var(--brand)}
.genisource-preview .fc-token-links i:last-child{border-right:1px solid var(--brand)}
.genisource-preview .fc-token-components{display:grid;grid-template-columns:.75fr 1fr 1fr;align-items:stretch;grid-gap:6px;gap:6px}
.genisource-preview .fc-token-components article, .genisource-preview .fc-token-components button, .genisource-preview .fc-token-components label{min-width:0;padding:7px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}
.genisource-preview .fc-token-components button{align-self:center;color:white;background:var(--brand)}
.genisource-preview .fc-token-components label{display:grid;grid-gap:3px;gap:3px;color:var(--text-3);font-size:8px}
.genisource-preview .fc-token-components input{min-width:0;width:100%;border:0;color:var(--text);background:transparent;font-size:9px}
.genisource-preview .fc-token-components article{display:grid;grid-gap:3px;gap:3px;border-color:var(--brand)}
.genisource-preview .fc-token-components article small{color:var(--brand);font-size:8px}
.genisource-preview .fc-token-components article b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .fc-design-token .fc-foot{margin-top:6px}
@media (max-width:560px){.genisource-preview .fc-box-model, .genisource-preview .fc-component, .genisource-preview .fc-overflow, .genisource-preview .fc-seo{grid-template-columns:minmax(0,1fr)}.genisource-preview .fc-box-model .fc-foot, .genisource-preview .fc-component .fc-foot, .genisource-preview .fc-seo .fc-foot{grid-column:1}.genisource-preview .fc-overflow-note{grid-template-columns:1fr auto 1fr;align-items:center}.genisource-preview .fc-redirect-network{gap:3px}.genisource-preview .fc-redirect-network span{padding:5px 3px}}
.genisource-preview .server-log-mini{width:min(420px,100%);overflow:hidden;display:grid;border:1px solid var(--border);border-radius:9px;color:var(--text);background:var(--bg);font:10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}
.genisource-preview .server-log-mini-head{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;border-bottom:1px solid var(--border-light);background:var(--bg-soft)}
.genisource-preview .server-log-mini-head code{color:var(--brand)}
.genisource-preview .server-log-mini-lines{display:grid;padding:5px 9px}
.genisource-preview .server-log-mini-lines span{display:grid;grid-template-columns:52px minmax(80px,1fr) minmax(90px,1.2fr);grid-gap:7px;gap:7px;padding:4px 0;color:var(--text-2);border-bottom:1px solid var(--border-light)}
.genisource-preview .server-log-mini-lines span:last-child{border-bottom:0}
.genisource-preview .server-log-mini-lines i{color:var(--text-3);font-style:normal}
.genisource-preview .server-log-mini-lines code{overflow:hidden;color:var(--brand);text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .server-log-mini-lines .ok b, .genisource-preview .server-log-mini-lines .ok code{color:var(--green)}
.genisource-preview .server-log-mini>small{padding:5px 9px;color:var(--text-3);background:var(--bg-soft);text-align:center}
@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes toast-out{to{opacity:0;transform:translateY(-12px)}}
@keyframes fade-in{0%{opacity:0}}
@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}
@keyframes vt-fade-in{0%{opacity:0}}
@keyframes vt-detail-body-in{0%{opacity:0;transform:translateY(9px) scale(.997)}}
@keyframes vt-root-out{to{opacity:0}}
@keyframes vt-slide-out-l{to{opacity:0;transform:translateX(-16vw)}}
@keyframes vt-slide-in-r{0%{opacity:0;transform:translateX(16vw)}}
@keyframes vt-slide-out-r{to{opacity:0;transform:translateX(16vw)}}
@keyframes vt-slide-in-l{0%{opacity:0;transform:translateX(-16vw)}}
.genisource-preview .btn{border:1px solid transparent;border-radius:6px;font-size:14px;padding:7px 16px;line-height:1.4;white-space:nowrap;transition:all .2s var(--ease);background:none}
.genisource-preview .btn-primary{background:var(--brand);color:var(--on-brand)}
.genisource-preview .btn-primary:hover{background:var(--brand-hover)}
.genisource-preview .btn-primary:active{transform:scale(.97)}
.genisource-preview .btn-outline{border-color:var(--border);color:var(--text-2);background:var(--bg)}
.genisource-preview .btn-outline:hover{color:var(--brand);border-color:var(--brand)}
.genisource-preview .btn-text{color:var(--brand);padding:7px 8px}
.genisource-preview .btn-text:hover{background:var(--brand-light)}
.genisource-preview .btn-danger{background:var(--red-light);color:var(--red)}
.genisource-preview .btn-danger:hover{background:#fdcdc5}
.genisource-preview .demo-input{border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:14px;width:220px;max-width:100%;color:var(--text);background:var(--bg);outline:none;transition:border-color .2s,box-shadow .2s}
.genisource-preview .demo-input::placeholder{color:var(--text-3)}
.genisource-preview .demo-input:focus{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent)}
.genisource-preview .custom-select{position:relative;display:inline-block;min-width:164px;max-width:100%;text-align:left;vertical-align:middle}
.genisource-preview .custom-select-trigger{width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:7px;padding:8px 12px;color:var(--text);background:var(--bg);font:inherit;font-size:14px;text-align:left;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.genisource-preview .custom-select-trigger:hover{background:var(--bg-soft)}
.genisource-preview .custom-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.genisource-preview .custom-select-trigger:focus-visible, .genisource-preview .custom-select.open .custom-select-trigger{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}
.genisource-preview .custom-select.open .select-arrow{transform:rotate(225deg) translate(-1px,-1px)}
.genisource-preview .custom-select-menu{position:absolute;z-index:90;left:0;top:calc(100% + 6px);width:max-content;min-width:100%;max-width:min(320px,80vw);padding:5px;display:flex;flex-direction:column;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 36px rgba(29,33,41,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.98);transform-origin:top left;transition:opacity .16s ease,transform .2s var(--ease),visibility 0s linear .2s}
.genisource-preview .custom-select.open .custom-select-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.genisource-preview .custom-select-option{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;border-radius:7px;padding:7px 10px;color:var(--text-2);background:transparent;font:inherit;font-size:13px;text-align:left;white-space:nowrap;cursor:pointer;outline:none}
.genisource-preview .custom-select-option>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.genisource-preview .custom-select-option:focus-visible, .genisource-preview .custom-select-option:hover{color:var(--text);background:var(--bg-soft)}
.genisource-preview .custom-select-option.on{color:var(--text);background:var(--bg-hover)}
.genisource-preview .custom-select-check{font-style:normal;font-size:12px;opacity:0}
.genisource-preview .custom-select-option.on .custom-select-check{opacity:1}
.genisource-preview .card:has(.custom-select.open){z-index:20}
.genisource-preview .card-demo:has(.custom-select){overflow:visible}
@media (prefers-reduced-motion:reduce){.genisource-preview .custom-select-menu{transition:none}}
.genisource-preview .demo-switch{flex:none;position:relative;display:inline-block;width:44px;height:24px}
.genisource-preview .demo-switch input{opacity:0;width:0;height:0}
.genisource-preview .demo-switch .track{position:absolute;inset:0;border-radius:999px;background:#c9cdd4;transition:background .25s var(--ease);cursor:pointer}
.genisource-preview .demo-switch .track:before{content:"";position:absolute;left:3px;top:3px;width:auto;height:calc(100% - 6px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .25s var(--ease),transform .25s var(--ease)}
.genisource-preview .demo-switch input:checked+.track{background:var(--brand)}
.genisource-preview .demo-switch input:checked+.track:before{left:calc(100% - 3px);transform:translateX(-100%)}
.genisource-preview .switch-label{font-size:13px;color:var(--text-2);margin-left:4px}
.genisource-preview .demo-tabs-wrap{display:flex;flex-direction:column;align-items:center}
.genisource-preview .demo-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);width:100%;max-width:320px}
.genisource-preview .demo-tabs .tab{border:none;background:none;font-size:14px;color:var(--text-2);padding:8px 14px;position:relative;transition:color .2s}
.genisource-preview .demo-tabs .tab:hover{color:var(--text)}
.genisource-preview .demo-tabs .tab.active{color:var(--brand);font-weight:500}
.genisource-preview .demo-tabs .tab:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--brand);border-radius:2px;transform:scaleX(0);transition:transform .25s var(--ease)}
.genisource-preview .demo-tabs .tab.active:after{transform:scaleX(1)}
.genisource-preview .tabs-panel{width:100%;max-width:320px;padding-top:12px;font-size:13px;color:var(--text-3);text-align:left}
.genisource-preview .demo-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 10px;border-radius:4px;border:1px solid transparent;white-space:nowrap}
.genisource-preview .demo-tag.blue{color:var(--brand);background:var(--brand-light)}
.genisource-preview .demo-tag.green{color:var(--green);background:var(--green-light)}
.genisource-preview .demo-tag.red{color:var(--red);background:var(--red-light)}
.genisource-preview .demo-tag.gray{color:var(--text-2);background:var(--bg-hover);border-color:var(--border)}
.genisource-preview .demo-tag .close{cursor:pointer;font-weight:700;opacity:.6;font-style:normal}
.genisource-preview .demo-tag .close:hover{opacity:1}
.genisource-preview .domain-demo-query .demo-input{min-width:0}
.genisource-preview .domain-demo-result .btn{padding:4px 12px;font-size:12px}
@media (max-width:560px){.genisource-preview .domain-demo-result .btn{grid-column:2;grid-row:2}}
@media (max-width:400px){.genisource-preview .domain-demo-query .btn{width:100%}}
.genisource-preview .demo-progress{width:240px;max-width:100%}
.genisource-preview .demo-progress .bar-track{height:6px;border-radius:999px;background:var(--bg-hover);border:1px solid var(--border-light);overflow:hidden}
.genisource-preview .demo-progress .bar-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--brand),#722ed1);transition:width 1s var(--ease)}
.genisource-preview .demo-progress .bar-text{font-size:12px;color:var(--text-3);margin-top:6px;display:flex;justify-content:space-between}
.genisource-preview .tip-wrap{position:relative;display:inline-block}
.genisource-preview .tip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--inverse-bg);color:var(--inverse-text);font-size:12px;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}
.genisource-preview .tip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--text)}
.genisource-preview .tip-wrap:hover .tip-bubble{opacity:1;transform:translateX(-50%) translateY(0)}
.genisource-preview .icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--bg);display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);font-size:15px;transition:all .2s var(--ease)}
.genisource-preview .icon-btn:hover{color:var(--brand);border-color:var(--brand)}
.genisource-preview .dm-scene{position:relative;width:min(100%,250px);min-width:min(100%,200px);height:104px;border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid var(--border);box-sizing:border-box}
.genisource-preview .dh-demo .dm-scene{width:min(100%,360px);min-width:min(100%,280px);max-width:360px;height:148px}
.genisource-preview .dm-skel{position:absolute;inset:0;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.genisource-preview .dm-skel i{display:block;height:7px;border-radius:4px;background:var(--bg-hover)}
.genisource-preview .dm-mask{inset:0;background:rgba(29,33,41,.32)}
.genisource-preview .dm-box, .genisource-preview .dm-mask{position:absolute}
.genisource-preview .dm-box{left:50%;top:50%;transform:translate(-50%,-50%);width:78%;background:var(--bg);border-radius:8px;padding:10px 12px;box-shadow:0 6px 20px rgba(29,33,41,.2);display:flex;flex-direction:column;gap:6px}
.genisource-preview .dm-title{font-size:12px;font-weight:600;color:var(--text)}
.genisource-preview .dm-line{height:6px;border-radius:3px;background:var(--bg-hover);width:85%}
.genisource-preview .dm-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:2px}
.genisource-preview .dm-actions .btn{padding:3px 10px;font-size:12px;pointer-events:none}
.genisource-preview .dt-scene{position:relative;width:min(100%,250px);min-width:min(100%,200px);height:104px;border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid var(--border);box-sizing:border-box}
.genisource-preview .dh-demo .dt-scene{width:min(100%,360px);min-width:min(100%,280px);max-width:360px;height:148px}
.genisource-preview .dt-toast{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 12px;font-size:12px;color:var(--text);box-shadow:0 4px 14px rgba(29,33,41,.14);white-space:nowrap}
.genisource-preview .dt-toast i{width:7px;height:7px;border-radius:50%;background:var(--green)}
.genisource-preview .dt-body{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px}
.genisource-preview .dt-body .btn{pointer-events:none}
.genisource-preview .mk.bad:after{display:flex;align-items:center;justify-content:center;font-size:12px}
.genisource-preview .mk.bad:after{content:"✕";position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--red);color:var(--on-status);font-weight:700}
.genisource-preview .mk-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.genisource-preview .mk-row.between{justify-content:space-between}
.genisource-preview .mk-win{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:5px;width:100%}
.genisource-preview .mk-btn{display:inline-flex;align-items:center;white-space:nowrap;border-radius:4px;padding:3px 9px;font-size:12px;line-height:1.4;border:1px solid transparent}
.genisource-preview .mk-btn.primary{background:var(--brand);color:var(--on-brand)}
.genisource-preview .mk-btn.outline{border-color:var(--border);color:var(--text-2);background:var(--bg)}
.genisource-preview .mk-btn.danger{background:var(--red-light);color:var(--red)}
.genisource-preview .mk-btn.text{color:var(--brand);padding:3px 4px}
.genisource-preview .mk-opt.on{background:var(--brand-light);color:var(--brand)}
.genisource-preview .mk-switch.on{background:var(--brand)}
.genisource-preview .mk-switch.on i{left:15px}
.genisource-preview .mk-box.on{background:var(--brand);border-color:var(--brand)}
.genisource-preview .mk-box.on:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:7px;box-sizing:border-box;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:translate(-50%,-60%) rotate(45deg);transform-origin:center}
.genisource-preview .mk-radio.on{border-color:var(--brand)}
.genisource-preview .mk-radio.on:after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:var(--brand)}
.genisource-preview .mk-tab.on{color:var(--brand);border-color:var(--brand)}
.genisource-preview .mk-tag.blue{color:var(--brand);background:var(--brand-light)}
.genisource-preview .mk-tag.green{color:var(--green);background:var(--green-light)}
.genisource-preview .mk-tag.red{color:var(--red);background:var(--red-light)}
.genisource-preview .mk-tag.gray{color:var(--text-2);background:var(--bg-hover)}
.genisource-preview .mk-dot.red{background:var(--red)}
.genisource-preview .mk-modal .m-actions .mk-btn{padding:2px 7px;font-size:12px}
.genisource-preview .mk-modal.small{width:58%}
.genisource-preview .mk-step.on{color:var(--brand)}
.genisource-preview .mk-step.on i{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}
@keyframes mk-spin{to{transform:rotate(1turn)}}
.genisource-preview .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}
.genisource-preview .card-demo{flex:1 1 auto;background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--radius);min-height:108px;padding:16px;margin-bottom:0;overflow:hidden}
.genisource-preview .card-demo, .genisource-preview .card-demo>.card-demo-mount{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.genisource-preview .card-demo>.card-demo-mount{max-width:100%;box-sizing:border-box}
.genisource-preview .card .card-demo>*{opacity:.8;transition:opacity .25s var(--ease),filter .25s var(--ease)}
@media (hover:hover) and (pointer:fine){.genisource-preview .card .card-demo>*{filter:grayscale(.1)}.genisource-preview .card:hover .card-demo>*{opacity:1;filter:none}}
.genisource-preview .card:hover .card-demo>*{opacity:1}
.genisource-preview .card-demo:not(.scaled-preview)>*{max-width:100%}
.genisource-preview .card-demo.preview-animations-paused :is(*,:before,:after){animation-play-state:paused!important}
.genisource-preview .breadcrumb-link{flex:none;padding:4px 0;border:0;background:transparent;color:var(--text-2);font:inherit;transition:color .2s var(--ease)}
.genisource-preview .breadcrumb-link:focus-visible{color:var(--brand);outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.genisource-preview .float-nav.right{right:auto;left:calc(50% + 514px)}
.genisource-preview .float-nav.right:hover .fn-arrow{transform:translateX(3px)}
@keyframes pronunciation-pulse{0%{transform:scale(.92)}to{transform:scale(1.14)}}
.genisource-preview .catalog-color-picker, .genisource-preview .catalog-file, .genisource-preview .catalog-icons{display:flex;align-items:center;gap:9px}
.genisource-preview .catalog-color-picker{border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:7px 9px;font-size:13px;color:var(--text);min-width:130px}
.genisource-preview .catalog-color-picker i{width:20px;height:20px;border-radius:50%;display:inline-block;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);flex:none}
.genisource-preview .catalog-color-picker b{margin-left:auto;color:var(--text-3)}
.genisource-preview .catalog-field{display:grid;grid-gap:5px;gap:5px;width:min(260px,100%);font-size:12px;color:var(--text)}
.genisource-preview .catalog-field label b{color:var(--red)}
.genisource-preview .catalog-field small{color:var(--text-3);font-size:11px}
.genisource-preview .catalog-file{width:min(300px,100%);box-sizing:border-box;border:1px solid var(--border-light);border-radius:9px;padding:8px 10px;background:var(--bg);color:var(--text)}
.genisource-preview .catalog-file>b{font-size:18px}
.genisource-preview .catalog-file>span{display:grid;grid-gap:2px;gap:2px;flex:1 1;min-width:0;font-size:12px}
.genisource-preview .catalog-file small, .genisource-preview .catalog-video small{display:block;color:var(--text-3);font-size:11px}
.genisource-preview .catalog-file>i{font-style:normal;color:var(--text-3)}
.genisource-preview .catalog-file em{color:var(--green);font-size:12px;font-style:normal}
.genisource-preview .catalog-icons{font-size:21px;color:var(--text-2)}
.genisource-preview .catalog-icons i{width:30px;height:30px;border:1px solid var(--border);border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:16px;background:var(--bg)}
.genisource-preview .catalog-quote{width:min(330px,100%);box-sizing:border-box;margin:0;padding:8px 0;border:0;color:var(--text-2);font-size:14px;line-height:1.7}
.genisource-preview .catalog-quote cite{display:block;margin-top:7px;color:var(--text-3);font-size:12px;font-style:normal}
.genisource-preview .catalog-video{width:min(310px,100%);min-height:100px;box-sizing:border-box;display:grid;align-content:end;grid-gap:4px;gap:4px;border-radius:10px;padding:13px;color:#fff;background:linear-gradient(135deg,#342b62,#7257d8 56%,#e27655);overflow:hidden}
.genisource-preview .catalog-video>div{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--bg) 92%,transparent);color:var(--brand);font-size:14px}
.genisource-preview .catalog-video>span{font-size:13px;font-weight:600}
.genisource-preview .catalog-video small{color:rgba(255,255,255,.75)}
.genisource-preview .catalog-skip-link{display:inline-block;position:relative;z-index:1;margin:7px;padding:6px 9px;border-radius:6px;background:var(--brand);color:var(--on-brand);font-size:12px;font-weight:600}
.genisource-preview .catalog-spinner{width:22px;height:22px;display:inline-block;border:3px solid color-mix(in srgb,var(--brand) 18%,transparent);border-top-color:var(--brand);border-radius:50%;animation:catalog-spin .8s linear infinite;vertical-align:middle}
.genisource-preview .catalog-spinner.small{width:13px;height:13px;border-width:2px}
@keyframes catalog-spin{to{transform:rotate(1turn)}}
.genisource-preview .usage-box .mk-win{border:0}
@keyframes anat-callout-in{0%{opacity:0;transform:translateY(3px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:1240px){.genisource-preview .float-nav.right{right:12px;left:auto}}
@media (max-width:1140px){.genisource-preview .detail-entry-navigation .float-nav.right{justify-content:flex-end;text-align:right}}
.genisource-preview .btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
@keyframes btn-spin{to{transform:rotate(1turn)}}
.genisource-preview .button-panel .demo-input{width:100%}
.genisource-preview .link-a{color:var(--brand);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .2s var(--ease)}
.genisource-preview .link-a:hover{color:var(--brand-hover)}
.genisource-preview .link-p{color:var(--text-2)}
.genisource-preview .link-p{font-size:14px;line-height:2;text-align:center}
.genisource-preview .link-article>.link-a{font-size:13px;align-self:flex-start}
.genisource-preview .typography-demo{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left}
.genisource-preview .typography-h2{font-size:16px;font-weight:600;color:var(--text)}
.genisource-preview .typography-p{font-size:13px;color:var(--text-2);line-height:1.7}
.genisource-preview .typography-cap{font-size:12px;color:var(--text-3)}
.genisource-preview .divider-h{width:100%;height:1px;background:var(--border)}
.genisource-preview .divider-demo{width:220px;max-width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.genisource-preview .divider-sec{font-size:13px;font-weight:600;color:var(--text)}
.genisource-preview .space-ruler{display:flex;align-items:center;gap:8px}
.genisource-preview .space-block{height:22px;background:var(--brand-light);border:1px solid var(--brand);border-radius:4px}
.genisource-preview .space-num{font-size:12px;color:var(--text-3);margin-right:6px}
.genisource-preview .space-field .demo-input{width:100%}
.genisource-preview .input-hint.err{color:var(--red)}
.genisource-preview .demo-input:disabled{background:var(--bg-hover);color:var(--text-3);cursor:not-allowed}
.genisource-preview .input-icon{position:relative;display:inline-flex;align-items:center}
.genisource-preview .input-icon>i{position:absolute;left:10px;font-style:normal;font-size:13px;color:var(--text-3);pointer-events:none}
.genisource-preview .input-icon .demo-input{padding-left:30px}
.genisource-preview .ta-demo{width:240px;max-width:100%;height:auto;resize:vertical;line-height:1.6;font-family:inherit}
.genisource-preview .dh-demo .ta-demo{width:340px}
.genisource-preview .num-demo{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:6px;overflow:hidden}
.genisource-preview .num-btn, .genisource-preview .num-demo{background:var(--bg)}
.genisource-preview .num-btn{border:none;color:var(--text-2);font-size:15px;padding:0 12px;transition:all .2s var(--ease)}
.genisource-preview .num-btn:hover{color:var(--brand);background:var(--brand-light)}
.genisource-preview .num-input{border:none;outline:none;width:52px;text-align:center;font-size:14px;color:var(--text);padding:8px 0;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light)}
.genisource-preview .num-demo.sm .num-btn{padding:0 8px;font-size:13px}
.genisource-preview .num-demo.sm .num-input{width:40px;padding:5px 0;font-size:13px}
.genisource-preview .num-demo.disabled{opacity:.5;pointer-events:none}
.genisource-preview .demo-radio{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--text-2);cursor:pointer;position:relative}
.genisource-preview .demo-radio input{position:absolute;opacity:0;width:0;height:0}
.genisource-preview .demo-radio>i{width:16px;height:16px;border-radius:50%;flex:none;border:1.5px solid #c9cdd4;background:#fff;position:relative;transition:border-color .2s}
.genisource-preview .demo-radio input:checked+i, .genisource-preview .demo-radio:hover>i{border-color:var(--brand)}
.genisource-preview .demo-radio input:checked+i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--brand)}
.genisource-preview .demo-radio input:disabled+i{background:var(--bg-hover);border-color:#c9cdd4}
.genisource-preview .demo-radio input:disabled:checked+i:after{background:#c9cdd4}
.genisource-preview .demo-radio input:disabled~*{color:var(--text-3)}
.genisource-preview .rg-col{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.genisource-preview .r-dot.on{border-color:var(--brand)}
.genisource-preview .r-dot.on:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--brand)}
.genisource-preview .radio-btns .rb.on{background:var(--brand);color:var(--on-brand)}
.genisource-preview .demo-radio .rd{display:flex;flex-direction:column;line-height:1.35}
.genisource-preview .demo-radio .rd small{font-size:12px;color:var(--text-3)}
.genisource-preview .demo-check{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--text-2);cursor:pointer;position:relative}
.genisource-preview .demo-check input{position:absolute;opacity:0;width:0;height:0}
.genisource-preview .demo-check>i{width:16px;height:16px;border-radius:4px;flex:none;border:1.5px solid #c9cdd4;background:#fff;position:relative;transition:all .2s}
.genisource-preview .demo-check:hover>i{border-color:var(--brand)}
.genisource-preview .demo-check input:checked+i{background:var(--brand);border-color:var(--brand)}
.genisource-preview .demo-check input:checked+i:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:9px;box-sizing:border-box;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg);transform-origin:center}
.genisource-preview .demo-check.half input:checked+i:after{left:50%;top:50%;width:8px;height:0;border:0;border-bottom:2px solid #fff;transform:translate(-50%,-50%)}
.genisource-preview .demo-check input:disabled+i{background:var(--bg-hover);border-color:#c9cdd4}
.genisource-preview .demo-check input:disabled:checked+i{background:#c9cdd4}
.genisource-preview .chk-col{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.genisource-preview .sw-row{display:inline-flex;align-items:center;gap:8px}
.genisource-preview .demo-switch input:disabled+.track{opacity:.5;cursor:not-allowed}
.genisource-preview .swx.on{background:var(--brand)}
.genisource-preview .demo-range{width:200px;max-width:100%;accent-color:var(--brand);cursor:pointer}
.genisource-preview .demo-range:disabled{cursor:not-allowed;opacity:.5}
.genisource-preview .sld-col{display:flex;flex-direction:column;gap:12px;width:240px;max-width:100%}
.genisource-preview .sld-line{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}
.genisource-preview .sld-line .demo-range{flex:1 1}
.genisource-preview .rate-demo i.on{color:var(--warning)}
.genisource-preview .rate-demo.heart i.on{color:var(--red)}
.genisource-preview .cas-box, .genisource-preview .dp-box, .genisource-preview .tp-box, .genisource-preview .ts-box{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:14px;color:var(--text);background:var(--bg);white-space:nowrap}
.genisource-preview .select-arrow{width:7px;height:7px;flex:none;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transform:rotate(45deg) translateY(-2px)}
.genisource-preview .select-opt.on{background:var(--brand-light);color:var(--brand)}
.genisource-preview .ac-wrap{display:flex;flex-direction:column;gap:6px;width:240px;max-width:100%}
.genisource-preview .ac-wrap .demo-input{width:100%}
.genisource-preview .ac-panel{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:4px;display:flex;flex-direction:column}
.genisource-preview .ac-item{padding:7px 10px;border-radius:5px;font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.genisource-preview .ac-item.on{background:var(--brand-light)}
.genisource-preview .ac-item b{color:var(--brand);font-weight:600}
.genisource-preview .cas-wrap{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.genisource-preview .cas-cols{display:flex;background:var(--bg);border:1px solid var(--border);max-width:100%;border-radius:8px;box-shadow:var(--shadow-card);overflow:hidden}
.genisource-preview .cas-col{display:flex;flex:1 1 96px;min-width:0;flex-direction:column;padding:4px}
.genisource-preview .cas-col+.cas-col{border-left:1px solid var(--border-light)}
.genisource-preview .cas-opt{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;overflow:hidden;padding:6px 9px;border-radius:5px;font-size:13px;color:var(--text-2);white-space:nowrap}
.genisource-preview .cas-opt.on{background:var(--brand-light);color:var(--brand)}
.genisource-preview .cas-next{flex:none;font-style:normal;font-size:12px;color:var(--text-3)}
.genisource-preview .cas-opt.on .cas-next{color:var(--brand)}
.genisource-preview .ts-wrap{gap:6px;align-items:flex-start}
.genisource-preview .ts-panel, .genisource-preview .ts-wrap{display:flex;flex-direction:column}
.genisource-preview .ts-panel{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:4px;min-width:180px}
.genisource-preview .ts-node{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:5px;font-size:13px;color:var(--text-2);white-space:nowrap}
.genisource-preview .ts-node.on{background:var(--brand-light);color:var(--brand)}
.genisource-preview .ts-l1{padding-left:26px}
.genisource-preview .ts-caret{width:12px;text-align:center;font-style:normal;font-size:12px;color:var(--text-3)}
.genisource-preview .ts-check{width:14px;height:14px;flex:none;border-radius:3px;border:1.5px solid #c9cdd4;background:#fff;position:relative}
.genisource-preview .ts-check.on{background:var(--brand);border-color:var(--brand)}
.genisource-preview .ts-check.on:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg)}
.genisource-preview .ts-check.half{background:var(--brand);border-color:var(--brand)}
.genisource-preview .ts-check.half:after{content:"";position:absolute;left:2px;right:2px;top:5.5px;height:1.5px;background:#fff}
.genisource-preview .dp-wrap{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.genisource-preview .dp-ico{font-style:normal;font-size:12px}
.genisource-preview .dp-panel{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:10px 12px;width:236px}
.genisource-preview .dp-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;text-align:center}
.genisource-preview .dp-week{font-size:12px;color:var(--text-3);margin-bottom:4px}
.genisource-preview .dp-cell{font-size:12px;color:var(--text-2);padding:3px 0;border-radius:5px}
.genisource-preview .dp-cell.dim{color:var(--text-3);opacity:.55}
.genisource-preview .dp-cell.on{background:var(--brand);color:var(--on-brand)}
.genisource-preview .dp-cell.range{background:var(--brand-light);color:var(--brand);border-radius:0}
.genisource-preview .dp-cell.dis{color:var(--text-3);opacity:.5;text-decoration:line-through}
.genisource-preview .tp-wrap{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.genisource-preview .tp-panel{display:flex;align-items:center;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:6px}
.genisource-preview .tp-col{display:flex;flex-direction:column;max-height:124px;overflow:hidden}
.genisource-preview .tp-item{padding:4px 14px;border-radius:5px;font-size:13px;color:var(--text-2);white-space:nowrap}
.genisource-preview .tp-item.on{background:var(--brand-light);color:var(--brand)}
.genisource-preview .tp-sep{color:var(--text-3);padding:0 2px}
.genisource-preview .ul-wrap{gap:10px;width:280px;max-width:100%}
.genisource-preview .ul-drop, .genisource-preview .ul-wrap{display:flex;flex-direction:column}
.genisource-preview .ul-drop{border:1.5px dashed var(--border);border-radius:10px;background:var(--bg);padding:14px 12px;align-items:center;gap:3px;font-size:16px;color:var(--text-2)}
.genisource-preview .ul-drop span{font-size:13px}
.genisource-preview .ul-drop em{font-size:12px;color:var(--text-3);font-style:normal}
.genisource-preview .ul-file{display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px}
.genisource-preview .ul-ico{font-size:15px}
.genisource-preview .ul-meta{flex:1 1;display:flex;flex-direction:column;gap:5px;min-width:0}
.genisource-preview .ul-meta b{font-size:12px;font-weight:500;color:var(--text)}
.genisource-preview .ul-meta .demo-progress{width:100%}
.genisource-preview .ul-pct{font-size:12px;color:var(--text-3)}
.genisource-preview .form-demo{display:flex;flex-direction:column;gap:12px;width:320px;max-width:100%}
.genisource-preview .form-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.genisource-preview .form-label{width:44px;text-align:right;font-size:13px;color:var(--text-2);flex:none}
.genisource-preview .form-item .demo-input{flex:1 1;width:auto}
.genisource-preview .form-item .custom-select, .genisource-preview .form-item .demo-select-wrap{flex:1 1}
.genisource-preview .form-item .demo-select{width:100%}
.genisource-preview .form-item.err .demo-input{border-color:var(--red)}
.genisource-preview .form-actions{display:flex;gap:8px;padding-left:54px}
.genisource-preview .form-vertical .form-item{flex-direction:column;align-items:stretch;gap:5px}
.genisource-preview .form-vertical .form-label{width:auto;text-align:left}
.genisource-preview .form-vertical .form-actions{padding-left:0}
.genisource-preview .form-inline .form-item{flex-wrap:nowrap}
.genisource-preview .form-inline .form-label{width:auto}
.genisource-preview .form-inline .form-actions{padding-left:0}
.genisource-preview .table-demo{width:100%;max-width:290px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:12px}
.genisource-preview .dh-demo .table-demo{max-width:440px;font-size:13px}
.genisource-preview .table-demo .t-row{display:flex;align-items:center}
.genisource-preview .table-demo .t-row+.t-row{border-top:1px solid var(--border-light)}
.genisource-preview .table-demo .t-head{background:var(--bg-soft);font-weight:600}
.genisource-preview .table-demo .t-head .t-cell{color:var(--text-2)}
.genisource-preview .table-demo .t-cell{flex:1 1;padding:7px 12px;color:var(--text-2);white-space:nowrap}
.genisource-preview .table-demo .t-cell:first-child{color:var(--text)}
.genisource-preview .table-demo .t-check{flex:none;width:40px;align-self:stretch;display:flex;align-items:center;justify-content:center}
.genisource-preview .table-demo .t-check .mk-box{width:15px;height:15px}
.genisource-preview .table-demo .t-sort{color:var(--text);font-weight:600}
.genisource-preview .table-demo.striped .t-row:nth-child(odd):not(.t-head){background:var(--bg-soft)}
.genisource-preview .table-demo.compact .t-cell{padding:4px 10px;font-size:12px}
.genisource-preview .list-demo{width:100%;max-width:290px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.genisource-preview .dh-demo .list-demo{max-width:400px}
.genisource-preview .list-item{display:flex;align-items:center;gap:10px;padding:9px 12px}
.genisource-preview .list-item+.list-item{border-top:1px solid var(--border-light)}
.genisource-preview .list-item .l-main{flex:1 1;min-width:0;display:block}
.genisource-preview .list-item .l-title{display:block;font-size:13px;font-weight:600;color:var(--text)}
.genisource-preview .list-item .l-sub{display:block;font-size:12px;color:var(--text-3);margin-top:2px}
.genisource-preview .list-item .l-extra{flex:none;font-size:12px;color:var(--text-3)}
.genisource-preview .list-item .btn{flex:none;padding:3px 10px;font-size:12px}
.genisource-preview .card-d{width:220px;max-width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;text-align:left;transition:box-shadow .2s var(--ease),transform .2s var(--ease)}
.genisource-preview .card-d:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}
.genisource-preview .card-d .cd-cover{height:64px;background:linear-gradient(135deg,var(--brand),#722ed1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);font-size:12px}
.genisource-preview .card-d .cd-body{padding:10px 12px}
.genisource-preview .card-d .cd-title{font-size:13px;font-weight:600;color:var(--text)}
.genisource-preview .card-d .cd-text{font-size:12px;color:var(--text-3);margin-top:3px;line-height:1.5}
.genisource-preview .card-d .cd-actions{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--border-light)}
.genisource-preview .card-d .cd-actions .btn{padding:3px 10px;font-size:12px;pointer-events:none}
.genisource-preview .card-d.flat{border-color:transparent;background:var(--bg-soft)}
.genisource-preview .badge-d{position:relative;display:inline-flex}
.genisource-preview .badge-d .b-num{top:-7px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;color:var(--on-status);font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #fff}
.genisource-preview .badge-d .b-dot, .genisource-preview .badge-d .b-num{position:absolute;z-index:1;background:var(--red)}
.genisource-preview .badge-d .b-dot{top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;border:1.5px solid #fff}
.genisource-preview .badge-d .b-status{position:absolute;right:0;bottom:0;z-index:1;width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:var(--green)}
.genisource-preview .badge-d .b-status.off{background:#c9cdd4}
.genisource-preview .avatar-d{position:relative;flex:none;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}
.genisource-preview .avatar-d.sm{width:26px;height:26px;font-size:12px}
.genisource-preview .avatar-d.lg{width:52px;height:52px;font-size:19px}
.genisource-preview .avatar-d.square{border-radius:8px}
.genisource-preview .avatar-d .a-status{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:var(--green)}
.genisource-preview .avatar-group-d{display:inline-flex}
.genisource-preview .avatar-group-d .avatar-d{border:2px solid #fff;margin-left:-9px}
.genisource-preview .avatar-group-d .avatar-d:first-child{margin-left:0}
.genisource-preview .desc-d{width:100%;max-width:300px;font-size:12px}
.genisource-preview .dh-demo .desc-d{max-width:430px;font-size:13px}
.genisource-preview .desc-d .d-row{display:flex;padding:6px 0;border-bottom:1px solid var(--border-light)}
.genisource-preview .desc-d .d-row:last-child{border-bottom:none}
.genisource-preview .desc-d .d-label{width:88px;flex:none;color:var(--text-3)}
.genisource-preview .desc-d .d-value{color:var(--text)}
.genisource-preview .desc-d.vertical .d-row{flex-direction:column;gap:2px}
.genisource-preview .desc-d.vertical .d-label{width:auto}
.genisource-preview .desc-d.bordered{border:1px solid var(--border);border-radius:8px;overflow:hidden}
.genisource-preview .desc-d.bordered .d-row{padding:7px 12px}
.genisource-preview .desc-d.bordered .d-label{background:var(--bg-soft);margin:-7px 12px -7px -12px;padding:7px 12px}
.genisource-preview .stat-d{display:flex;flex-direction:column;align-items:center;gap:2px}
.genisource-preview .stat-d .s-label{font-size:12px;color:var(--text-3)}
.genisource-preview .stat-d .s-value{font-size:26px;font-weight:700;color:var(--text);line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}
.genisource-preview .dh-demo .stat-d .s-value{font-size:34px}
.genisource-preview .stat-d .s-value small{font-size:13px;font-weight:500;color:var(--text-3);margin-left:2px}
.genisource-preview .stat-d .s-trend{font-size:12px;font-weight:600}
.genisource-preview .stat-d .s-trend.up{color:var(--green)}
.genisource-preview .stat-d .s-trend.down{color:var(--red)}
.genisource-preview .tabs-anat-tab.on{color:var(--brand);font-weight:500}
.genisource-preview .tabs-anat-tab.on:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--brand);border-radius:2px}
.genisource-preview .tabs-v-card i.on{background:var(--bg);color:var(--brand);font-weight:500;border-bottom-color:#fff}
.genisource-preview .tabs-v-pill i.on{background:var(--brand-light);color:var(--brand);font-weight:500}
.genisource-preview .seg-opt.on{background:var(--bg);color:var(--text);font-weight:500;box-shadow:0 1px 4px rgba(29,33,41,.14)}
.genisource-preview .seg-ctl.sm .seg-opt{padding:3px 10px;font-size:12px}
.genisource-preview .seg-rows{width:220px;max-width:100%;display:flex;flex-direction:column;gap:7px}
.genisource-preview .seg-rows i{display:block;height:8px;border-radius:4px;background:var(--bg-hover)}
.genisource-preview .tl-demo{display:flex;flex-direction:column;text-align:left}
.genisource-preview .tl-item{display:flex;gap:10px;position:relative;padding-bottom:14px}
.genisource-preview .tl-item:last-child{padding-bottom:0}
.genisource-preview .tl-item:before{content:"";position:absolute;left:4px;top:12px;bottom:0;width:1.5px;background:var(--border)}
.genisource-preview .tl-item:last-child:before{display:none}
.genisource-preview .tl-dot{width:9px;height:9px;border-radius:50%;background:#c9cdd4;flex:none;margin-top:4px;position:relative;z-index:1}
.genisource-preview .tl-dot.done{background:var(--green)}
.genisource-preview .tl-dot.doing{background:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}
.genisource-preview .tl-dot.fail{background:var(--red)}
.genisource-preview .tl-cont{display:flex;flex-direction:column;gap:1px}
.genisource-preview .tl-cont b{font-size:13px;color:var(--text);font-weight:500}
.genisource-preview .tl-cont span{font-size:12px;color:var(--text-3)}
.genisource-preview .tl-h-item i.done{background:var(--green)}
.genisource-preview .tl-h-item i.doing{background:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}
.genisource-preview .tr-label.on{color:var(--brand);background:var(--brand-light)}
.genisource-preview .tr-box.on{background:var(--brand);border-color:var(--brand)}
.genisource-preview .tr-box.on:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:7px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg)}
.genisource-preview .cr-slide.a{background:url(/assets/slide-summer.png) 50%/cover}
.genisource-preview .cr-slide.b{background:url(/assets/slide-city.png) 50%/cover}
.genisource-preview .cr-dots i.on{width:14px;background:var(--brand)}
.genisource-preview .cr-fade .cr-slide.b{opacity:.45}
.genisource-preview .cr-cards .cr-slide.a{flex:2 1}
.genisource-preview .cr-cards .cr-slide.b{flex:1 1;opacity:.5;font-size:0}
.genisource-preview .ep-demo{display:flex;flex-direction:column;align-items:center;gap:8px}
.genisource-preview .ep-illus{display:block;width:72px;height:56px;border-radius:6px;background:url(/assets/empty-box.png) 50%/contain no-repeat;position:relative}
.genisource-preview .ep-illus.alt{filter:hue-rotate(175deg)}
.genisource-preview .ep-text{display:flex;flex-direction:column;gap:2px;text-align:center}
.genisource-preview .ep-text b{font-size:13px;color:var(--text);font-weight:500}
.genisource-preview .ep-text span{font-size:12px;color:var(--text-3)}
.genisource-preview .ep-demo .btn{padding:5px 14px;font-size:13px}
.genisource-preview .im-demo{display:flex;gap:12px;align-items:center}
.genisource-preview .im-box{display:block;width:92px;height:66px;border-radius:8px;overflow:hidden;position:relative}
.genisource-preview .im-photo{position:absolute;inset:0;background:url(/assets/photo-cat.png) 50%/cover}
.genisource-preview .im-mask{position:absolute;inset:0;background:rgba(29,33,41,.45);color:#fff;font-size:12px}
.genisource-preview .im-box.fail, .genisource-preview .im-mask{display:flex;align-items:center;justify-content:center}
.genisource-preview .im-box.fail{background:var(--bg-hover)}
.genisource-preview .im-fallback{font-size:12px;color:var(--text-3);text-align:center;line-height:1.5}
.genisource-preview .im-contain .im-photo{inset:10px 0}
.genisource-preview .alert-col{display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px}
.genisource-preview .dh-demo .alert-col{max-width:440px}
.genisource-preview .alert-box{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.5;width:100%;text-align:left;color:var(--text-2)}
.genisource-preview .alert-icon{flex:none;font-style:normal}
.genisource-preview .alert-icon, .genisource-preview .alert-text b{font-weight:600}
.genisource-preview .alert-close{margin-left:auto;flex:none;opacity:.45}
.genisource-preview .alert-box.is-info{background:var(--brand-light);border-color:#bedaff}
.genisource-preview .alert-box.is-info .alert-icon, .genisource-preview .alert-box.is-info b{color:var(--brand)}
.genisource-preview .alert-box.is-success{background:var(--green-light);border-color:#b7eb8f}
.genisource-preview .alert-box.is-success .alert-icon, .genisource-preview .alert-box.is-success b{color:var(--green)}
.genisource-preview .alert-box.is-warning{background:var(--warning-light);border-color:#ffe7ba}
.genisource-preview .alert-box.is-warning .alert-icon, .genisource-preview .alert-box.is-warning b{color:var(--warning)}
.genisource-preview .alert-box.is-error{background:var(--red-light);border-color:#fdcdc5}
.genisource-preview .alert-box.is-error .alert-icon, .genisource-preview .alert-box.is-error b{color:var(--red)}
.genisource-preview .toast-pill.is-error i{background:var(--red)}
.genisource-preview .notification-card{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:340px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:13px 15px;box-shadow:0 6px 20px rgba(29,33,41,.12);text-align:left}
.genisource-preview .dh-demo .notification-card{max-width:400px}
.genisource-preview .notification-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex:none;margin-top:6px;font-style:normal}
.genisource-preview .notification-card.is-warn .notification-dot{background:var(--warning)}
.genisource-preview .notification-main{flex:1 1;display:flex;flex-direction:column;gap:3px;min-width:0}
.genisource-preview .notification-title{font-size:14px;font-weight:600;color:var(--text)}
.genisource-preview .notification-desc{font-size:12px;color:var(--text-2);line-height:1.5}
.genisource-preview .notification-link{font-size:12px;color:var(--brand)}
.genisource-preview .notification-close{color:var(--text-3);flex:none}
.genisource-preview .modal-card-actions .btn{padding:5px 12px;font-size:13px;pointer-events:none}
.genisource-preview .drawer-scene{position:relative;width:min(100%,250px);min-width:min(100%,200px);height:104px;border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid var(--border);box-sizing:border-box}
.genisource-preview .dh-demo .drawer-scene{width:min(100%,360px);min-width:min(100%,280px);max-width:360px;height:148px}
.genisource-preview .drawer-mask{position:absolute;inset:0;background:rgba(29,33,41,.18)}
.genisource-preview .drawer-panel{position:absolute;top:0;bottom:0;right:0;width:62%;background:var(--bg);box-shadow:-4px 0 14px rgba(29,33,41,.12);display:flex;flex-direction:column;gap:6px;padding:9px 10px}
.genisource-preview .drawer-panel.is-left{right:auto;left:0;box-shadow:4px 0 14px rgba(29,33,41,.12)}
.genisource-preview .drawer-panel.is-bottom{top:auto;left:0;right:0;width:100%;height:58%;box-shadow:0 -4px 14px rgba(29,33,41,.12)}
.genisource-preview .drawer-head{font-size:12px;font-weight:600;color:var(--text);display:flex;justify-content:space-between}
.genisource-preview .drawer-line{display:block;height:6px;border-radius:3px;background:var(--bg-hover)}
.genisource-preview .drawer-foot{margin-top:auto;display:flex;justify-content:flex-end;gap:5px}
.genisource-preview .drawer-foot .btn{padding:2px 8px;font-size:12px;pointer-events:none}
.genisource-preview .drawer-anat-foot .btn{padding:4px 10px;font-size:12px;pointer-events:none}
.genisource-preview .popconfirm-demo{display:flex;flex-direction:column;align-items:center;gap:0}
.genisource-preview .popconfirm-card{position:relative;width:190px;max-width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 18px rgba(29,33,41,.14);padding:10px 12px;display:flex;flex-direction:column;gap:8px;text-align:left}
.genisource-preview .popconfirm-text{font-size:12px;color:var(--text);display:flex;gap:5px;align-items:flex-start;line-height:1.5}
.genisource-preview .popconfirm-text i{font-style:normal;color:var(--warning);flex:none}
.genisource-preview .popconfirm-actions{display:flex;justify-content:flex-end;gap:6px}
.genisource-preview .popconfirm-actions .btn{padding:2px 9px;font-size:12px;pointer-events:none}
.genisource-preview .popconfirm-arrow{width:0;height:0;margin-bottom:6px;border:6px solid transparent;border-top-color:#fff;filter:drop-shadow(0 2px 1px rgba(29,33,41,.08))}
.genisource-preview .popconfirm-anat>.ap>.btn, .genisource-preview .popconfirm-demo>.btn{pointer-events:none}
.genisource-preview .popover-demo{display:flex;flex-direction:column;align-items:center;gap:0}
.genisource-preview .popover-card{position:relative;width:200px;max-width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 18px rgba(29,33,41,.14);padding:12px 14px;display:flex;flex-direction:column;gap:6px;text-align:left}
.genisource-preview .popover-arrow{width:0;height:0;margin-bottom:6px;border:6px solid transparent;border-top-color:#fff;filter:drop-shadow(0 2px 1px rgba(29,33,41,.08))}
.genisource-preview .popover-title{font-size:13px;font-weight:600;color:var(--text)}
.genisource-preview .popover-sub{font-size:12px;color:var(--text-3)}
.genisource-preview .popover-user{display:flex;gap:8px;align-items:center}
.genisource-preview .popover-avatar{width:30px;height:30px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--brand),#722ed1);color:var(--on-brand);display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.genisource-preview .popover-trigger{box-shadow:0 2px 8px rgba(29,33,41,.16)}
.genisource-preview .popover-link{font-size:12px;color:var(--brand)}
.genisource-preview .tooltip-var.row{flex-direction:row;gap:10px}
.genisource-preview .progress-fill.is-success{background:var(--green)}
.genisource-preview .progress-fill.is-error{background:var(--red)}
.genisource-preview .skeleton-demo{display:flex;flex-direction:column;gap:10px;width:240px;max-width:100%}
.genisource-preview .skeleton-row{display:flex;gap:10px;align-items:center}
.genisource-preview .skeleton-lines{flex:1 1;display:flex;flex-direction:column;gap:7px}
.genisource-preview .skeleton-avatar{width:34px;height:34px;border-radius:50%;flex:none}
.genisource-preview .skeleton-line{height:10px;border-radius:5px}
.genisource-preview .skeleton-avatar, .genisource-preview .skeleton-line{background:linear-gradient(90deg,var(--bg-hover) 25%,#fafbfc 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton-wave 1.4s ease infinite}
@keyframes skeleton-wave{to{background-position:-200% 0}}
.genisource-preview .result-box{flex-direction:column;gap:7px;text-align:center}
.genisource-preview .result-box, .genisource-preview .result-icon{display:flex;align-items:center}
.genisource-preview .result-icon{width:52px;height:52px;border-radius:50%;justify-content:center;font-size:24px;font-weight:700}
.genisource-preview .result-icon.is-success{background:var(--green-light);color:var(--green)}
.genisource-preview .result-icon.is-error{background:var(--red-light);color:var(--red)}
.genisource-preview .result-icon.is-warn{background:var(--warning-light);color:var(--warning)}
.genisource-preview .result-icon.is-info{background:var(--brand-light);color:var(--brand)}
.genisource-preview .result-title{font-size:16px;font-weight:600;color:var(--text)}
.genisource-preview .result-sub{font-size:12px;color:var(--text-3);max-width:280px;line-height:1.5}
.genisource-preview .result-actions .btn{padding:5px 12px;font-size:12px;pointer-events:none}
.genisource-preview .menu-demo{width:100%;max-width:200px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:2px}
.genisource-preview .menu-demo-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--text-2);transition:background .2s var(--ease),color .2s}
.genisource-preview .menu-demo-item:hover{background:var(--bg-soft)}
.genisource-preview .menu-demo-item.on{color:var(--brand);font-weight:500}
.genisource-preview .menu-demo-item.on, .genisource-preview .menu-demo-item.on:hover{background:var(--brand-light)}
.genisource-preview .menu-demo-ico{width:16px;text-align:center;font-size:13px;flex:none}
.genisource-preview .menu-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:var(--on-status);font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.genisource-preview .menu-demo-h .menu-demo-item{padding:6px 14px}
.genisource-preview .menu-mini .menu-demo-item{justify-content:center;padding:7px 12px}
.genisource-preview .menu-detail-body .menu-demo{max-width:170px}
.genisource-preview .breadcrumb-demo{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 16px}
.genisource-preview .breadcrumb-link{color:var(--text-3);cursor:pointer;transition:color .2s}
.genisource-preview .breadcrumb-link:hover{color:var(--brand)}
.genisource-preview .breadcrumb-sep{color:var(--text-3);font-size:12px}
.genisource-preview .breadcrumb-cur{color:var(--text);font-weight:500}
.genisource-preview .pagination-item{align-items:center;justify-content:center}
.genisource-preview .pagination-item{min-width:30px;height:30px;padding:0 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-2);font-size:13px;display:inline-flex;transition:all .2s var(--ease)}
.genisource-preview .pagination-item.on, .genisource-preview .pagination-item:hover{color:var(--brand);border-color:var(--brand)}
.genisource-preview .pagination-item.on{background:var(--brand-light);font-weight:500}
.genisource-preview .pagination-ellipsis{color:var(--text-3);font-size:13px;letter-spacing:1px}
.genisource-preview .pagination-demo.mini .pagination-item{min-width:24px;height:24px;font-size:12px;border-radius:5px}
.genisource-preview .steps-demo{gap:8px;flex-wrap:wrap;justify-content:center}
.genisource-preview .steps-demo, .genisource-preview .steps-node{display:flex;align-items:center}
.genisource-preview .steps-node{gap:7px;color:var(--text-3);font-size:13px}
.genisource-preview .steps-node i{width:24px;height:24px;border-radius:50%;flex:none;border:1.5px solid var(--border);background:var(--bg);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-style:normal}
.genisource-preview .steps-node.done{color:var(--text-2)}
.genisource-preview .steps-node.done i{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}
.genisource-preview .steps-node.current{color:var(--text);font-weight:500}
.genisource-preview .steps-node.current i{border-color:var(--brand);color:var(--brand)}
.genisource-preview .steps-node.error{color:var(--red)}
.genisource-preview .steps-node.error i{border-color:var(--red);color:var(--red)}
.genisource-preview .steps-bar{width:34px;height:1.5px;background:var(--border)}
.genisource-preview .steps-bar.done{background:var(--brand)}
.genisource-preview .dropdown-panel{display:flex;flex-direction:column}
.genisource-preview .dropdown-panel{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:5px;min-width:150px;max-width:100%}
.genisource-preview .dropdown-item{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:6px 12px;border-radius:5px;font-size:13px;color:var(--text-2);white-space:nowrap;transition:background .15s}
.genisource-preview .dropdown-item:hover{background:var(--bg-soft);color:var(--text)}
.genisource-preview .dropdown-item.danger{color:var(--red)}
.genisource-preview .dropdown-item.danger:hover{background:var(--red-light)}
.genisource-preview .dropdown-sep{height:1px;background:var(--border-light);margin:4px 6px}
.genisource-preview .anchor-demo{display:flex;gap:14px;width:100%;max-width:400px;align-items:stretch}
.genisource-preview .anchor-demo>*{min-width:0}
.genisource-preview .anchor-page{flex:1 1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}
.genisource-preview .anchor-sec{font-size:12px;font-weight:600;color:var(--text)}
.genisource-preview .anchor-line{display:block;height:6px;border-radius:3px;background:var(--bg-hover)}
.genisource-preview .anchor-rail{display:flex;flex-direction:column;border-left:2px solid var(--border-light)}
.genisource-preview .anchor-item{position:relative;padding:5px 12px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--text-2);white-space:nowrap;transition:color .2s}
.genisource-preview .anchor-item.on, .genisource-preview .anchor-item:hover{color:var(--brand)}
.genisource-preview .anchor-item.on{font-weight:500}
.genisource-preview .anchor-ind{position:absolute;left:-2px;top:8px;bottom:8px;width:2px;background:var(--brand);border-radius:2px}
.genisource-preview .back-top-scene{position:relative;width:min(100%,240px);min-width:min(100%,200px);height:104px;border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid var(--border);padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}
.genisource-preview .dh-demo .back-top-scene{width:min(100%,340px);min-width:min(100%,260px);max-width:340px;height:150px}
.genisource-preview .back-top-line{display:block;height:7px;border-radius:4px;background:var(--bg-hover);flex:0 0 auto}
.genisource-preview .back-top-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--brand);color:var(--on-brand);font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(22,93,255,.35);transition:transform .2s var(--ease),background .2s}
.genisource-preview .back-top-btn:hover{background:var(--brand-hover);transform:translateY(-2px)}
.genisource-preview .back-top-btn.square{border-radius:10px}
.genisource-preview .back-top-btn.pill{width:auto;height:34px;padding:0 14px;border-radius:999px;font-size:13px;gap:4px}
.genisource-preview .back-top-scene>.back-top-btn{position:absolute;right:12px;bottom:12px}
@media (max-width:720px){.genisource-preview .grid{grid-template-columns:1fr}.genisource-preview .dm-scene, .genisource-preview .dt-scene{max-width:100%}}
.genisource-preview .grid{gap:24px}
.genisource-preview .mk-win{padding:10px 12px;gap:6px}
.genisource-preview .btn-text{color:var(--accent)}
.genisource-preview .btn-text:hover{background:var(--accent-light)}
.genisource-preview .demo-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.genisource-preview .demo-tabs .tab.active{color:var(--accent)}
.genisource-preview .demo-tabs .tab:after{background:var(--accent)}
.genisource-preview .demo-tag.blue, .genisource-preview .mk-tag.blue{color:var(--accent);background:var(--accent-light)}
.genisource-preview .demo-progress .bar-fill{background:var(--text)}
.genisource-preview .seg-live{display:flex;flex-direction:column;align-items:center;gap:14px}
.genisource-preview .seg-live>input{display:none}
.genisource-preview .seg-ctl-live{position:relative;display:inline-flex;background:var(--bg-hover);border-radius:9px;padding:3px}
.genisource-preview .seg-ctl-live label{position:relative;z-index:1;width:64px;text-align:center;padding:5px 0;font-size:13px;color:var(--text-2);cursor:pointer;border-radius:7px;transition:color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.genisource-preview .seg-thumb{position:absolute;top:3px;left:3px;width:64px;height:calc(100% - 6px);background:var(--bg);border-radius:7px;box-shadow:0 1px 4px rgba(0,0,0,.14);transition:transform .32s var(--ease)}
.genisource-preview #segl1:checked~.seg-ctl-live .seg-thumb{transform:translateX(0)}
.genisource-preview #segl2:checked~.seg-ctl-live .seg-thumb{transform:translateX(64px)}
.genisource-preview #segl3:checked~.seg-ctl-live .seg-thumb{transform:translateX(128px)}
.genisource-preview #segl1:checked~.seg-ctl-live label[for=segl1], .genisource-preview #segl2:checked~.seg-ctl-live label[for=segl2], .genisource-preview #segl3:checked~.seg-ctl-live label[for=segl3]{color:var(--text);font-weight:500}
.genisource-preview .pg-live{display:flex;flex-direction:column;align-items:center;gap:14px}
.genisource-preview .pg-live>input{display:none}
.genisource-preview .pg-ctl{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.genisource-preview .pg-ctl label.pagination-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.genisource-preview #pg-p1:checked~.pg-ctl label[for=pg-p1], .genisource-preview #pg-p2:checked~.pg-ctl label[for=pg-p2], .genisource-preview #pg-p3:checked~.pg-ctl label[for=pg-p3]{color:var(--brand);border-color:var(--brand);background:var(--brand-light);font-weight:500}
.genisource-preview .pg-panes{width:230px;max-width:100%}
.genisource-preview .pg-pane{display:none;flex-direction:column;gap:8px}
.genisource-preview .pg-pane i{display:block;height:10px;border-radius:4px;background:var(--bg-hover)}
.genisource-preview #pg-p1:checked~.pg-panes .pg-pane-1, .genisource-preview #pg-p2:checked~.pg-panes .pg-pane-2, .genisource-preview #pg-p3:checked~.pg-panes .pg-pane-3{display:flex}
.genisource-preview .dd-live{display:inline-flex}
.genisource-preview .dd-live>input, .genisource-preview .dd-mask, .genisource-preview .dd-panel>input{display:none}
.genisource-preview .dd-mask{position:fixed;inset:0;z-index:60;cursor:default}
.genisource-preview #dd-open:checked~.dd-mask{display:block}
.genisource-preview .dd-wrap{position:relative;z-index:70;display:flex;flex-direction:column;align-items:flex-start}
.genisource-preview .dd-btn{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.genisource-preview .dd-caret{display:inline-block;transition:transform .25s var(--ease)}
.genisource-preview #dd-open:checked~.dd-wrap .dd-caret{transform:rotate(180deg)}
.genisource-preview #dd-open:checked~.dd-wrap .dd-btn{color:var(--brand);border-color:var(--brand)}
.genisource-preview .dd-anim{overflow:hidden;max-height:0;opacity:0;transform:translateY(-5px);transition:max-height .28s var(--ease),opacity .22s var(--ease),transform .28s var(--ease),margin-top .28s var(--ease)}
.genisource-preview #dd-open:checked~.dd-wrap .dd-anim{max-height:240px;opacity:1;transform:none;margin-top:6px}
.genisource-preview .dd-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.genisource-preview .dd-item:after{content:"";margin-left:auto;font-size:12px;color:var(--brand)}
.genisource-preview #dd-s1:checked+.dd-item:after, .genisource-preview #dd-s2:checked+.dd-item:after, .genisource-preview #dd-s3:checked+.dd-item:after{content:"✓"}
.genisource-preview .rate-stars{display:inline-flex;flex-direction:row-reverse;gap:3px;font-size:24px;line-height:1}
.genisource-preview .rate-stars input{position:absolute;width:1px;height:1px;opacity:0}
.genisource-preview .rate-star{color:var(--text-3);cursor:pointer;transition:color .15s ease}
.genisource-preview .rate-stars :checked~.rate-star{color:var(--warning)}
.genisource-preview .rate-stars:hover .rate-star{color:var(--text-3)}
.genisource-preview .rate-stars .rate-star:hover, .genisource-preview .rate-stars .rate-star:hover~.rate-star{color:var(--warning)}
.genisource-preview .cpl-live{width:280px;max-width:100%;display:flex;flex-direction:column;text-align:left}
.genisource-preview .cpl-live input{display:none}
.genisource-preview .cpl-item{border-bottom:1px solid var(--border-light)}
.genisource-preview .cpl-cap+.cpl-item{border-top:1px solid var(--border-light)}
.genisource-preview .cpl-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 2px;font-size:13px;color:var(--text);font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.genisource-preview .cpl-arrow{display:inline-block;color:var(--text-3);font-size:12px;transition:transform .25s var(--ease)}
.genisource-preview .cpl-body{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}
.genisource-preview .cpl-in{display:block;padding:0 2px 10px;font-size:12px;color:var(--text-2);line-height:1.6}
.genisource-preview .cpl-item input:checked~.cpl-body{max-height:120px}
.genisource-preview .cpl-item input:checked~.cpl-head .cpl-arrow{transform:rotate(90deg)}
.genisource-preview .tre-live{width:230px;max-width:100%;display:flex;flex-direction:column;gap:2px;font-size:13px;text-align:left}
.genisource-preview .tre-live input{display:none}
.genisource-preview .tre-node{display:flex;align-items:center;gap:5px;padding:3px 4px;border-radius:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.genisource-preview .tre-node:hover{background:var(--bg-soft)}
.genisource-preview .tre-arrow{display:inline-block;width:12px;font-size:12px;color:var(--text-3);text-align:center;flex:none;transition:transform .2s var(--ease)}
.genisource-preview .tre-label{color:var(--text-2);padding:1px 6px;border-radius:4px}
.genisource-preview .tre-label.on{color:var(--brand);background:var(--brand-light)}
.genisource-preview .tre-leaf{display:flex;align-items:center;gap:5px;padding:3px 4px}
.genisource-preview .tre-kids{display:flex;flex-direction:column;gap:2px;padding-left:17px;max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}
.genisource-preview .tre-item input:checked~.tre-kids{max-height:240px}
.genisource-preview .tre-item input:checked~.tre-node .tre-arrow{transform:rotate(90deg)}
.genisource-preview .crs-live{width:250px;max-width:100%;display:flex;flex-direction:column;gap:8px}
.genisource-preview .crs-live>input{display:none}
.genisource-preview .crs-view{position:relative;height:96px;border-radius:10px;overflow:hidden}
.genisource-preview .crs-track{width:300%;transition:transform .35s var(--ease)}
.genisource-preview .crs-pic, .genisource-preview .crs-track{display:flex;height:100%}
.genisource-preview .crs-pic{width:33.3334%;flex:none;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.genisource-preview #crs1:checked~.crs-view .crs-track{transform:translateX(0)}
.genisource-preview #crs2:checked~.crs-view .crs-track{transform:translateX(-33.3333%)}
.genisource-preview #crs3:checked~.crs-view .crs-track{transform:translateX(-66.6667%)}
.genisource-preview .crs-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--bg) 92%,transparent);color:var(--text-2);display:none;align-items:center;justify-content:center;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 4px rgba(29,33,41,.18)}
.genisource-preview .crs-arr.l{left:6px}
.genisource-preview .crs-arr.r{right:6px}
.genisource-preview #crs1:checked~.crs-view .a1, .genisource-preview #crs2:checked~.crs-view .a2, .genisource-preview #crs3:checked~.crs-view .a3, .genisource-preview .crs-nav{display:flex}
.genisource-preview .crs-nav{justify-content:center;gap:5px}
.genisource-preview .crs-nav label{width:6px;height:6px;border-radius:99px;background:var(--border);cursor:pointer;transition:all .25s var(--ease)}
.genisource-preview #crs1:checked~.crs-nav label[for=crs1], .genisource-preview #crs2:checked~.crs-nav label[for=crs2], .genisource-preview #crs3:checked~.crs-nav label[for=crs3]{width:14px;background:var(--brand)}
.genisource-preview .ts-dot.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--c)}
.genisource-preview .cat-chips button.on{background:var(--bg-hover);border-color:var(--border);color:var(--text);box-shadow:none}
.genisource-preview .ts-dot.on{width:38px;box-shadow:inset 0 0 0 2.5px #fff}
@media (max-width:720px){.genisource-preview .ts-dot.on{width:32px}}
@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.96)}}
.genisource-preview .nav-popover .ts-dot.on{width:30px;background:var(--bg-hover);border-color:var(--border);box-shadow:none}
@media (max-width:480px){.genisource-preview .nav-popover.right{position:fixed;top:64px;left:16px;right:16px;justify-content:center;flex-wrap:wrap;gap:4px}}
@keyframes vt-soft-in{0%{opacity:0}}
.genisource-preview .nav-primary-item.is-current{color:var(--text);background:var(--bg-hover);font-weight:650}
.genisource-preview .nav-skill-link.is-current:before{opacity:1;transform:scale(1)}
.genisource-preview .nav-skill-link.is-current{color:var(--brand);background:transparent;font-weight:700}
.genisource-preview .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.genisource-preview .grid>.card{min-width:0}
@media (max-width:720px){.genisource-preview .grid{grid-template-columns:1fr}}
.genisource-preview .nav-popover.right{left:auto;right:0}
@media (max-width:480px){.genisource-preview .nav-popover.right{left:16px;right:16px}}
.genisource-preview .catalog-directory-layout .grid{gap:16px}
.genisource-preview .catalog-layout .cat-chips button.on{border-color:transparent;background:var(--bg-hover);color:var(--text);font-weight:600}
.genisource-preview .catalog-layout .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (min-width:1101px){.genisource-preview .catalog-layout .card-demo:not(.scaled-preview)>*{zoom:.86}.genisource-preview .catalog-layout .card-demo:has(>.url-demo){padding-inline:10px}.genisource-preview .catalog-layout .card-demo:not(.scaled-preview)>.url-demo{width:100%;zoom:1}.genisource-preview .catalog-layout .url-demo .url-bar{flex-wrap:nowrap;font-size:9px}.genisource-preview .catalog-layout .url-demo .url-seg{padding:6px 2px}.genisource-preview .catalog-layout .url-demo .url-legend{gap:4px 8px;font-size:10px}}
@media (max-width:1100px){.genisource-preview .catalog-layout .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){.genisource-preview .catalog-layout .cat-chips button.on{border-color:var(--border)}}
@media (max-width:720px){.genisource-preview .catalog-layout .grid{grid-template-columns:minmax(0,1fr)}}
.genisource-preview a.btn, .genisource-preview a.btn:active, .genisource-preview a.btn:hover, .genisource-preview a.btn:visited{text-decoration:none}
.genisource-preview .card-demo.scaled-preview{--preview-canvas-width:640px;--preview-canvas-height:360px;--preview-scale:0.75;position:relative;display:block;min-height:0;aspect-ratio:16/9;padding:0;overflow:hidden;isolation:isolate;background:color-mix(in srgb,var(--bg-soft) 92%,var(--border))}
.genisource-preview .card-demo.site-preview{--preview-canvas-width:560px;--preview-canvas-height:315px;--preview-scale:0.65}
.genisource-preview .card-demo.diagram-preview{--preview-canvas-width:400px;--preview-canvas-height:225px;--preview-scale:0.75;padding:16px}
.genisource-preview .scaled-preview-canvas{position:absolute;left:50%;top:50%;width:var(--preview-canvas-width);height:var(--preview-canvas-height);transform:translate(-50%,-50%) scale(var(--preview-scale));transform-origin:center;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;pointer-events:none}
.genisource-preview .scaled-preview-canvas>*{flex:1 1 auto;width:100%!important;max-width:none!important;height:100%!important;min-width:0;min-height:100%}
.genisource-preview .catalog-layout .card-demo.compact-preview{height:148px;min-height:148px;flex:0 0 148px;padding:16px 18px}
.genisource-preview .catalog-layout .compact-preview>.card-demo-mount{height:100%;flex-wrap:nowrap;zoom:1}
.genisource-preview .compact-preview :is(.dom-demo,.dns-demo,.url-demo,.http-demo,.https-demo,.cdn-demo){width:min(100%,440px);margin:auto}
.genisource-preview .compact-preview .dom-demo{gap:5px}
.genisource-preview .compact-preview .dom-demo :is(.dom-demo-search,.dom-demo-row){padding:5px 8px}
.genisource-preview .compact-preview .dom-demo :is(.dom-price,.dom-demo-buy){display:none}
.genisource-preview .compact-preview .dom-demo-row{justify-content:space-between}
.genisource-preview .compact-preview .dom-demo-row .dom-state{padding-inline:5px;font-size:11px}
.genisource-preview .compact-preview .dns-demo{align-items:center;gap:4px}
.genisource-preview .compact-preview .dns-node{min-width:0;height:86px;justify-content:center;padding:10px 3px}
.genisource-preview .compact-preview .dns-node .dns-ico{font-size:22px}
.genisource-preview .compact-preview .dns-node .dns-name{font-size:11px;white-space:nowrap}
.genisource-preview .compact-preview .dns-node .dns-sub{display:none}
.genisource-preview :lang(en) .compact-preview .dns-node .dns-name{line-height:1.15;white-space:normal}
.genisource-preview .compact-preview .url-demo{gap:12px}
.genisource-preview .catalog-layout .compact-preview .url-demo .url-bar{justify-content:center;flex-wrap:wrap;font-size:10px}
.genisource-preview .catalog-layout .compact-preview .url-demo .url-seg{padding:6px 3px}
.genisource-preview .catalog-layout .compact-preview .url-demo .url-legend{justify-content:center;gap:5px 10px;font-size:10px}
.genisource-preview .compact-preview .http-demo{gap:8px}
.genisource-preview .compact-preview .http-msg{padding:6px 10px;line-height:1.45}
.genisource-preview .compact-preview .http-msg :is(.http-head,.http-body), .genisource-preview .compact-preview .http-msg br:last-of-type{display:none}
.genisource-preview .compact-preview .https-demo{gap:8px}
.genisource-preview .compact-preview .https-bar{min-width:0;padding:6px 10px}
.genisource-preview .compact-preview .https-bar .demo-tag, .genisource-preview .compact-preview .https-cap{display:none}
.genisource-preview .compact-preview .cdn-demo{align-items:center}
.genisource-preview .compact-preview .cdn-origin{min-width:72px;height:88px;justify-content:center;padding:8px 5px}
.genisource-preview .compact-preview .cdn-origin .dns-ico{font-size:22px}
.genisource-preview .compact-preview .cdn-node-sub{display:none}
.genisource-preview .compact-preview .cdn-edges{min-width:0}
.genisource-preview .compact-preview .cdn-edge{min-width:0;padding:5px 8px;overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}
.genisource-preview .compact-preview .cdn-edge .cdn-ms{flex:none}
@media (max-width:720px){.genisource-preview .detail .scene-shot:not(.is-style-scene) .btn, .genisource-preview .detail .scene-shot:not(.is-style-scene) .demo-tag, .genisource-preview .detail .t-cell .demo-tag{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.genisource-preview .detail-entry-textarea .sc-body-inner .demo-input{min-width:0}.genisource-preview .detail-entry-cascader .mk-row>span:first-child, .genisource-preview .detail-entry-spring .mk-row>span:first-child{min-width:max-content}.genisource-preview .detail .usage-grid .mk.bad{overflow-x:auto}}
.genisource-preview .cursor-fx.on{opacity:1}
@media (max-width:720px){.genisource-preview .catalog-layout .card-demo:not(.scaled-preview){padding:14px}}
.genisource-preview .fj-path.is-live{--fj-arrow:color-mix(in srgb,var(--brand) 78%,var(--border))}
.genisource-preview .fj-path.is-live.is-back{--fj-arrow:color-mix(in srgb,var(--green) 72%,var(--border))}
.genisource-preview .fj-api-block b.ok{background:color-mix(in srgb,var(--green) 80%,var(--text))}
.genisource-preview .fj-api-block b.muted{color:var(--text-3);background:var(--bg-soft)}
@keyframes fj-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.75}}
.genisource-preview .fj-check-list li.is-pass{color:color-mix(in srgb,var(--green) 70%,var(--text));background:color-mix(in srgb,var(--green) 7%,var(--bg))}
.genisource-preview .fj-check-list li.is-pass i{color:var(--on-status);background:color-mix(in srgb,var(--green) 80%,var(--text))}
@keyframes practice-feedback-in{0%{opacity:0}}
@keyframes practice-detail-in{0%{opacity:0}}
@keyframes practice-loader-spin{to{transform:rotate(1turn)}}
@keyframes practice-question-out{to{opacity:0;transform:translateX(-10px)}}
@keyframes practice-question-in{0%{opacity:0;transform:translateX(14px)}}
.genisource-preview .favorites-view-toggle button.on{background:var(--bg);color:var(--text);box-shadow:0 1px 3px color-mix(in srgb,var(--text) 10%,transparent);font-weight:600}
@keyframes selector-mini-cursor-cycle{0%,6%{left:82%;top:70%;opacity:0;transform:scale(1)}13%{opacity:1}31%{left:24%;top:76%;opacity:1;transform:scale(1)}35%{left:24%;top:76%;transform:scale(.76)}39%,82%{left:24%;top:76%;opacity:1;transform:scale(1)}91%,to{left:24%;top:76%;opacity:0}}
@keyframes selector-mini-target-cycle{0%,25%{border-style:dashed;opacity:0;transform:scale(.98)}29%,34%{border-style:dashed;opacity:.62;transform:scale(1)}39%{border-style:solid;opacity:1;transform:scale(1.06)}44%,84%{border-style:solid;opacity:1;transform:scale(1)}93%,to{opacity:0}}
@keyframes selector-mini-note-cycle{0%,43%{opacity:0;transform:translateY(5px)}49%,82%{opacity:1;transform:translateY(0)}92%,to{opacity:0}}
@keyframes selector-mini-copied-cycle{0%,58%{opacity:0;transform:translateY(3px)}64%,84%{opacity:1;transform:translateY(0)}93%,to{opacity:0}}
.genisource-preview .hover-play{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.genisource-preview .hover-dead-card, .genisource-preview .hover-live-card{width:88px;padding:10px 8px;display:flex;flex-direction:column;gap:3px;text-align:center;background:var(--bg);border:1px solid var(--border-light);border-radius:8px}
.genisource-preview .hover-dead-card b, .genisource-preview .hover-live-card b{font-size:12px;color:var(--text)}
.genisource-preview .hover-dead-card i, .genisource-preview .hover-live-card i{font-size:12px;color:var(--text-3);font-style:normal}
.genisource-preview .hover-live-card{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}
.genisource-preview .hover-live-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(29,33,41,.16);border-color:var(--brand);background:var(--brand-light)}
.genisource-preview .hover-dead-card{opacity:.75}
.genisource-preview .hover-hint{width:100%;text-align:center;font-size:12px;color:var(--text-3)}
.genisource-preview .active-play{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.genisource-preview .active-half-btn, .genisource-preview .active-live-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:10px 20px;border-radius:6px;background:var(--brand);color:var(--on-brand);font-size:13px;transition:transform .1s,box-shadow .1s,background .15s}
.genisource-preview .active-half-btn:hover, .genisource-preview .active-live-btn:active, .genisource-preview .active-live-btn:hover{background:var(--brand-hover)}
.genisource-preview .active-live-btn:active{transform:scale(.96);box-shadow:inset 0 2px 5px rgba(0,0,0,.25)}
.genisource-preview .active-hint{width:100%;text-align:center;font-size:12px;color:var(--text-3)}
.genisource-preview .focus-play{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.genisource-preview .focus-dead-input, .genisource-preview .focus-live-input{width:150px;padding:8px 11px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}
.genisource-preview .focus-live-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(22,93,255,.16)}
.genisource-preview .focus-dead-input:focus{outline:none}
.genisource-preview .focus-hint{width:100%;text-align:center;font-size:12px;color:var(--text-3)}
.genisource-preview .drag-play{flex-direction:column;gap:8px}
.genisource-preview .drag-lane, .genisource-preview .drag-play{display:flex;align-items:center}
.genisource-preview .drag-lane{gap:12px}
.genisource-preview .drag-live{background:var(--bg);border:1px solid var(--brand);border-radius:6px;padding:10px 16px;font-size:13px;color:var(--text);box-shadow:0 1px 3px rgba(29,33,41,.08);transition:box-shadow .15s,opacity .15s}
.genisource-preview .drag-live.alt{border-color:var(--border)}
.genisource-preview .drag-live.dragging{box-shadow:0 10px 22px rgba(29,33,41,.25);opacity:.9}
.genisource-preview .drag-target{border:1.5px dashed var(--brand);border-radius:6px;background:var(--brand-light);color:var(--brand);padding:10px 16px;font-size:12px}
.genisource-preview .drag-hint{font-size:12px;color:var(--text-3)}
.genisource-preview .drag-v-list i.on{border-color:var(--brand);box-shadow:0 3px 8px rgba(29,33,41,.18);opacity:.85}
.genisource-preview .disabled-play{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding-top:18px}
.genisource-preview .disabled-live{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:9px 20px;border-radius:6px;background:var(--brand);color:var(--on-brand);font-size:13px;cursor:pointer;transition:background .15s}
.genisource-preview .disabled-live:hover{background:var(--brand-hover)}
.genisource-preview .disabled-live.off, .genisource-preview .disabled-live:disabled{opacity:.4;cursor:not-allowed}
.genisource-preview .disabled-live:disabled:hover{background:var(--brand)}
.genisource-preview .disabled-why-wrap{position:relative;display:inline-flex}
.genisource-preview .disabled-why-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--inverse-bg);color:var(--inverse-text);font-size:12px;padding:3px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.genisource-preview .disabled-why-wrap:hover .disabled-why-tip{opacity:1}
.genisource-preview .disabled-hint{width:100%;text-align:center;font-size:12px;color:var(--text-3)}
.genisource-preview .trans-demo{display:flex;flex-direction:column;gap:14px}
.genisource-preview .trans-live{display:flex;align-items:center;gap:10px}
.genisource-preview .trans-live-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 22px;border-radius:8px;cursor:default;background:var(--bg-hover);color:var(--text-2);font-size:13px;transition:background .25s ease-out,color .25s ease-out,box-shadow .25s ease-out}
.genisource-preview .trans-live:hover .trans-live-btn{background:var(--brand);color:var(--on-brand);box-shadow:0 4px 14px rgba(22,93,255,.3)}
.genisource-preview .trans-live-hint{font-size:12px;color:var(--text-3)}
.genisource-preview .trans-frames{display:flex;align-items:center;gap:6px}
.genisource-preview .trans-f{width:26px;height:18px;border-radius:4px;background:var(--brand)}
.genisource-preview .trans-f1{opacity:.12}
.genisource-preview .trans-f2{opacity:.32}
.genisource-preview .trans-f3{opacity:.55}
.genisource-preview .trans-f4{opacity:.78}
.genisource-preview .trans-frames-label{font-size:12px;color:var(--text-3);margin-left:6px}
.genisource-preview .anim-demo{display:flex;flex-direction:column;gap:12px}
.genisource-preview .anim-track{position:relative;height:34px;border-radius:8px;background:var(--bg-soft);border:1px dashed var(--border)}
.genisource-preview .anim-ball{position:absolute;top:8px;left:8px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#722ed1);animation:anim-demo-move 2.4s ease-in-out infinite alternate}
@keyframes anim-demo-move{0%{left:8px;transform:scale(1)}50%{transform:scale(1.25)}to{left:calc(100% - 26px);transform:scale(1)}}
.genisource-preview .anim-tl{display:flex;align-items:center;gap:6px}
.genisource-preview .anim-kf{font-size:12px;color:var(--brand);background:var(--brand-light);border-radius:4px;padding:2px 8px;font-family:ui-monospace,monospace}
.genisource-preview .anim-kf-line{flex:1 1;height:2px;background:var(--border);border-radius:1px}
.genisource-preview .anim-tl-note{font-size:12px;color:var(--text-3);margin-left:6px}
.genisource-preview .easing-demo{display:flex;flex-direction:column;gap:8px}
.genisource-preview .easing-svg{width:220px;height:145px}
.genisource-preview .easing-axis{stroke:var(--border);stroke-width:1.5}
.genisource-preview .easing-curve-linear{fill:none;stroke:var(--text-3);stroke-width:2;stroke-dasharray:5 4}
.genisource-preview .easing-curve-out{fill:none;stroke:var(--brand);stroke-width:2.5}
.genisource-preview .easing-curve-in{fill:none;stroke:#f7ba1e;stroke-width:2.5}
.genisource-preview .easing-legend{display:flex;gap:8px;flex-wrap:wrap}
.genisource-preview .easing-lg{font-size:12px;padding:3px 9px;border-radius:999px}
.genisource-preview .easing-lg-eo{color:var(--brand);background:var(--brand-light)}
.genisource-preview .easing-lg-ei{color:var(--warning);background:var(--warning-light)}
.genisource-preview .easing-lg-ln{color:var(--text-3);background:var(--bg-hover)}
.genisource-preview .spring-demo{display:flex;flex-direction:column;gap:10px}
.genisource-preview .spring-track{position:relative;height:36px;border-radius:8px;background:var(--bg-soft);border:1px dashed var(--border)}
.genisource-preview .spring-target{position:absolute;left:70%;top:4px;bottom:4px;width:0;border-left:2px dashed var(--text-3)}
.genisource-preview .spring-ball{position:absolute;top:9px;left:8px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#f76965,#f7ba1e);animation:spring-demo-pop 2.2s ease-out infinite}
@keyframes spring-demo-pop{0%{left:8px}42%{left:calc(70% + 26px)}58%{left:calc(70% - 14px)}72%{left:calc(70% + 5px)}82%,to{left:calc(70% - 9px)}}
.genisource-preview .spring-curve{width:240px;height:62px}
.genisource-preview .spring-curve-target{stroke:var(--text-3);stroke-width:1;stroke-dasharray:4 3}
.genisource-preview .spring-curve-path{fill:none;stroke:var(--brand);stroke-width:2.5}
.genisource-preview .spring-demo-note{font-size:12px;color:var(--text-3)}
.genisource-preview .fade-demo{display:flex;align-items:center;gap:20px}
.genisource-preview .fade-card{width:74px;height:48px;border-radius:8px;background:var(--bg);border:1px solid var(--brand);box-shadow:var(--shadow-card);animation:fade-demo-in 2.6s ease-out infinite}
@keyframes fade-demo-in{0%{opacity:0;transform:translateY(10px)}28%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}
.genisource-preview .fade-frames{display:flex;align-items:flex-end;gap:6px}
.genisource-preview .fade-f{width:24px;height:17px;border-radius:3px;background:var(--bg);border:1px solid var(--brand)}
.genisource-preview .fade-f1{opacity:.15;transform:translateY(6px)}
.genisource-preview .fade-f2{opacity:.4;transform:translateY(4px)}
.genisource-preview .fade-f3{opacity:.7;transform:translateY(2px)}
.genisource-preview .fade-frames-label{font-size:12px;color:var(--text-3);margin-left:6px;align-self:center}
@media (prefers-reduced-motion:reduce){.genisource-preview .trans-live-btn{transition:none}.genisource-preview .anim-ball, .genisource-preview .fade-card, .genisource-preview .spring-ball{animation:none}}
@media (max-width:720px){.genisource-preview .detail-entry-spring .sc-body-inner .demo-input{min-width:0}}
.genisource-preview .trunc-demo{display:flex;gap:12px}
.genisource-preview .trunc-demo-card{flex:1 1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}
.genisource-preview .trunc-demo-card b{font-size:12px;color:var(--text)}
.genisource-preview .trunc-demo-card p{font-size:12px;line-height:1.6;color:var(--text-2);margin:6px 0 0}
.genisource-preview .trunc-ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.genisource-preview .trunc-clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.genisource-preview .glass-demo{border-radius:10px;padding:34px 14px;display:flex;justify-content:center}
.genisource-preview .glass-demo-card{background:rgba(255,255,255,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:10px;padding:10px 14px;box-shadow:0 6px 20px rgba(29,33,41,.18)}
.genisource-preview .glass-demo-card b{display:block;font-size:13px;color:var(--text)}
.genisource-preview .glass-demo-card p{font-size:12px;color:var(--text-2);margin:4px 0 8px}
.genisource-preview .glass-demo-tag{font-size:12px;color:var(--text-3)}
.genisource-preview .glass-v-chip.light{background:rgba(255,255,255,.55);color:var(--text)}
.genisource-preview .glass-v-chip.dark{background:rgba(0,0,0,.4);color:#fff}
.genisource-preview .sticky-demo{display:flex;flex-direction:column;gap:8px}
.genisource-preview .sticky-demo-scroll{height:122px;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:8px}
.genisource-preview .sticky-demo-head{position:-webkit-sticky;position:sticky;top:0;background:var(--brand-light);color:var(--brand);font-size:12px;font-weight:600;padding:5px 10px}
.genisource-preview .sticky-demo-row{padding:6px 10px;font-size:12px;color:var(--text-2);background:var(--bg);border-bottom:1px solid var(--border-light)}
.genisource-preview .sticky-demo-note{font-size:12px;color:var(--text-3)}
@media (max-width:720px){.genisource-preview .detail .trunc-demo{width:100%;min-width:0;flex-direction:column}}
.genisource-preview .cursor-native-default, .genisource-preview .cursor-native-default *{cursor:default}
.genisource-preview .cursor-native-pointer, .genisource-preview .cursor-native-pointer *{cursor:pointer}
.genisource-preview .cursor-native-text, .genisource-preview .cursor-native-text *{cursor:text}
.genisource-preview .cursor-card-demo{width:min(390px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.genisource-preview .cursor-card-demo>span{min-width:0;display:grid;place-items:center;grid-gap:7px;gap:7px;padding:13px 9px;color:var(--text);font-size:12px;text-align:center}
.genisource-preview .cursor-card-demo>span+span{border-left:1px solid var(--border-light)}
.genisource-preview .cursor-card-demo code{color:var(--brand);font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600}
.genisource-preview .cursor-card-action{color:#fff!important;background:var(--brand)}
.genisource-preview .cursor-card-action code{color:rgba(255,255,255,.78)}
.genisource-preview .cursor-card-input{position:relative}
.genisource-preview .cursor-card-input:after{content:"";position:absolute;right:13px;top:14px;width:1.5px;height:17px;border-radius:2px;background:var(--brand);animation:cursor-caret-blink 1.1s step-end infinite}
@keyframes cursor-caret-blink{50%{opacity:0}}
@media (max-width:720px){.genisource-preview .cursor-card-demo{grid-template-columns:1fr}.genisource-preview .cursor-card-demo>span+span{border-top:1px solid var(--border-light);border-left:0}}
.genisource-preview .sel-demo{display:flex;gap:10px}
.genisource-preview .sel-panel{flex:1 1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}
.genisource-preview .sel-cap{display:block;font-size:12px;color:var(--text-3);margin-bottom:6px}
.genisource-preview .sel-text{font-size:12px;line-height:1.8;color:var(--text-2);margin:0}
.genisource-preview .sel-mk-default{background:#1a66ff;color:#fff}
.genisource-preview .sel-mk-brand, .genisource-preview .sel-mk-default{border-radius:2px;padding:0 2px}
.genisource-preview .sel-mk-brand{background:var(--brand);color:var(--on-brand)}
.genisource-preview .topnav-wire{display:flex;flex-direction:column;width:236px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.genisource-preview .topnav-wire-bar{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border-bottom:1px solid var(--border-light)}
.genisource-preview .topnav-wire-logo{width:10px;height:10px;border-radius:3px;background:var(--brand);flex:none}
.genisource-preview .topnav-wire-links{display:flex;gap:4px;flex:1 1}
.genisource-preview .topnav-wire-links i{width:14px;height:4px;border-radius:2px;background:var(--bg-hover)}
.genisource-preview .topnav-wire-btn{width:22px;height:8px;border-radius:4px;background:var(--brand);opacity:.85;flex:none}
.genisource-preview .topnav-wire-body{width:100%;padding:10px 0;background:var(--bg-soft)}
.genisource-preview .topnav-wire-body, .genisource-preview .topnav-wire-col{display:flex;justify-content:center}
.genisource-preview .topnav-wire-col{width:58%;min-height:44px;padding:4px;background:var(--bg);border:1px dashed var(--border);border-radius:5px;flex-direction:column;align-items:center;font-size:12px;color:var(--text-2);line-height:1.5;text-align:center}
.genisource-preview .topnav-wire-col em{font-style:normal;font-size:11px;color:var(--text-3)}
.genisource-preview .sidebar-wire{display:flex;align-items:stretch;width:236px;height:86px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.genisource-preview .sidebar-wire-side{width:62px;flex:none;height:100%;background:var(--brand-light);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:5px;padding:8px 7px}
.genisource-preview .sidebar-wire-side i{height:5px;border-radius:3px;background:var(--bg)}
.genisource-preview .sidebar-wire-side i.on{background:var(--brand)}
.genisource-preview .sidebar-wire-side b{margin-top:auto;font-size:11px;font-weight:400;color:var(--brand)}
.genisource-preview .sidebar-wire-right{flex:1 1;display:flex;flex-direction:column;min-width:0}
.genisource-preview .sidebar-wire-head{height:16px;padding:0 8px;border-bottom:1px solid var(--border-light);font-size:11px;color:var(--text-3)}
.genisource-preview .sidebar-wire-head, .genisource-preview .sidebar-wire-main{display:flex;align-items:center;white-space:nowrap}
.genisource-preview .sidebar-wire-main{flex:1 1;margin:7px;background:var(--bg-soft);border:1px dashed var(--border);border-radius:5px;justify-content:center;font-size:12px;color:var(--text-2)}
.genisource-preview .sidebar-anat .ap[data-ap=main] .sidebar-wire-main{width:100%}
@media (min-width:721px){.genisource-preview .detail-hero .topnav-wire{width:100%}.genisource-preview .detail-hero .topnav-wire-bar{gap:14px;min-height:52px;padding:10px 18px}.genisource-preview .detail-hero .topnav-wire-logo{width:24px;height:24px;border-radius:7px}.genisource-preview .detail-hero .topnav-wire-links{gap:12px}.genisource-preview .detail-hero .topnav-wire-links i{width:46px;height:7px}.genisource-preview .detail-hero .topnav-wire-btn{width:82px;height:28px;border-radius:7px}.genisource-preview .detail-hero .topnav-wire-body{padding:24px 0}.genisource-preview .detail-hero .topnav-wire-col{min-height:116px;padding:16px;font-size:15px}.genisource-preview .detail-hero .topnav-wire-col em{font-size:12px}.genisource-preview .detail-hero .sidebar-wire{width:100%;height:220px}.genisource-preview .detail-hero .sidebar-wire-side{width:180px;gap:13px;padding:22px 18px}.genisource-preview .detail-hero .sidebar-wire-side i{height:9px}.genisource-preview .detail-hero .sidebar-wire-side b{font-size:14px}.genisource-preview .detail-hero .sidebar-wire-head{height:48px;padding:0 20px;font-size:14px}.genisource-preview .detail-hero .sidebar-wire-main{margin:20px;font-size:16px}}
.genisource-preview .single-site-demo{width:100%;max-width:660px;display:flex;align-items:center;justify-content:center;gap:10px}
.genisource-preview .single-site-browser{flex:1 1;min-width:0;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 22px rgba(29,33,41,.08)}
.genisource-preview .single-site-chrome{display:flex;align-items:center;gap:4px;padding:5px 7px;background:#f4f5f7;border-bottom:1px solid var(--border-light)}
.genisource-preview .single-site-chrome>i{width:5px;height:5px;border-radius:50%;background:#c9ccd3}
.genisource-preview .single-site-chrome>span{flex:1 1;margin-left:3px;padding:2px 7px;border:1px solid var(--border-light);border-radius:99px;background:var(--bg);color:var(--text-3);font:11px/1.2 ui-monospace,Menlo,monospace;text-align:center}
.genisource-preview .single-site-page{width:100%;background:var(--bg)}
.genisource-preview .single-site-nav{display:flex;align-items:center;gap:9px;padding:6px 9px;border-bottom:1px solid var(--border-light)}
.genisource-preview .single-site-nav b{color:var(--text);font-size:11px;letter-spacing:-.02em}
.genisource-preview .single-site-nav>span{flex:1 1;color:var(--text-3);font-size:11px;text-align:center}
.genisource-preview .single-site-nav em{flex:none;padding:2px 6px;border-radius:4px;background:var(--brand);color:var(--on-brand);font-size:11px;font-style:normal;line-height:1.4}
.genisource-preview .single-site-hero{display:flex;flex-direction:column;align-items:center;padding:13px 9px 11px;text-align:center;background:radial-gradient(circle at 50% 0,var(--brand-light),#fff 64%)}
.genisource-preview .single-site-hero small{color:var(--brand);font:600 11px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.12em}
.genisource-preview .single-site-hero strong{margin-top:3px;color:var(--text);font-size:14px;line-height:1.25;letter-spacing:-.03em}
.genisource-preview .single-site-hero p{margin:3px 0 7px;color:var(--text-3);font-size:11px;line-height:1.5}
.genisource-preview .single-site-final button, .genisource-preview .single-site-hero button{border:none;border-radius:5px;padding:4px 8px;background:var(--brand);color:var(--on-brand);font-size:11px;font-weight:600;line-height:1.3}
.genisource-preview .single-site-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px;padding:8px 9px}
.genisource-preview .single-site-features>div{min-width:0;display:flex;flex-direction:column;padding:6px;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-soft)}
.genisource-preview .single-site-features i{color:var(--brand);font-size:11px;font-style:normal}
.genisource-preview .single-site-features b{margin-top:2px;color:var(--text);font-size:11px;line-height:1.3}
.genisource-preview .single-site-features span{margin-top:1px;overflow:hidden;color:var(--text-3);font-size:11px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}
.genisource-preview .single-site-proof{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;border-top:1px solid var(--border-light);color:var(--text-3);font-size:11px}
.genisource-preview .single-site-proof>span{flex:none;white-space:nowrap}
.genisource-preview .single-site-proof b{color:var(--text)}
.genisource-preview .single-site-proof i{min-width:0;overflow:hidden;font-style:normal;white-space:nowrap;text-overflow:ellipsis}
.genisource-preview .single-site-final{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;background:color-mix(in srgb,var(--brand) 88%,#20242d);color:var(--on-brand)}
.genisource-preview .single-site-final>div{min-width:0;display:flex;flex-direction:column}
.genisource-preview .single-site-final b{font-size:11px;line-height:1.35}
.genisource-preview .single-site-final span{margin-top:1px;opacity:.72;font-size:11px}
.genisource-preview .single-site-final button{flex:none;background:var(--bg);color:var(--brand)}
.genisource-preview .detail-hero .single-site-demo{max-width:720px}
.genisource-preview .detail-hero .single-site-chrome{padding:6px 9px}
.genisource-preview .detail-hero .single-site-nav{padding:8px 12px}
.genisource-preview .detail-hero .single-site-nav b, .genisource-preview .detail-hero .single-site-nav em, .genisource-preview .detail-hero .single-site-nav>span{font-size:11px}
.genisource-preview .detail-hero .single-site-hero{padding:18px 12px 15px}
.genisource-preview .detail-hero .single-site-hero small{font-size:11px}
.genisource-preview .detail-hero .single-site-hero strong{font-size:19px}
.genisource-preview .detail-hero .single-site-hero p{font-size:11px}
.genisource-preview .detail-hero .single-site-final button, .genisource-preview .detail-hero .single-site-hero button{font-size:11px;padding:5px 10px}
.genisource-preview .detail-hero .single-site-features{gap:7px;padding:10px 12px}
.genisource-preview .detail-hero .single-site-features>div{padding:8px}
.genisource-preview .detail-hero .single-site-features b, .genisource-preview .detail-hero .single-site-features i, .genisource-preview .detail-hero .single-site-features span, .genisource-preview .detail-hero .single-site-final span, .genisource-preview .detail-hero .single-site-proof{font-size:11px}
.genisource-preview .detail-hero .single-site-final{padding:9px 12px}
.genisource-preview .detail-hero .single-site-final b{font-size:11px}
@media (max-width:720px){.genisource-preview .single-site-nav>span{display:none}.genisource-preview .single-site-nav b{flex:1 1}.genisource-preview .single-site-proof i{display:none}.genisource-preview .detail-hero .single-site-hero strong{font-size:16px}.genisource-preview .detail-hero .single-site-features span{display:none}}
.genisource-preview .doc-wire{display:flex}
.genisource-preview .doc-wire{align-items:stretch;width:236px;height:78px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.genisource-preview .doc-wire-toc{width:54px;flex:none;background:var(--bg-soft);border-right:1px solid var(--border-light);align-items:center;font-size:12px;color:var(--text-2)}
.genisource-preview .doc-wire-content, .genisource-preview .doc-wire-toc{height:100%;display:flex;justify-content:center}
.genisource-preview .doc-wire-content{flex:1 1;align-items:stretch}
.genisource-preview .doc-wire-col{width:64%;background:var(--bg);border-left:1px dashed var(--border);border-right:1px dashed var(--border)}
.genisource-preview .doc-wire-col, .genisource-preview .doc-wire-outline{height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-2)}
.genisource-preview .doc-wire-outline{width:44px;flex:none;background:var(--bg-soft);border-left:1px solid var(--border-light)}
.genisource-preview .cardgrid-wire{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;width:220px}
.genisource-preview .cardgrid-wire i{height:30px;border-radius:5px;padding:4px;background:var(--bg);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}
.genisource-preview .cardgrid-wire i b{height:10px;border-radius:2px;background:linear-gradient(135deg,var(--brand-light),#e5e6eb)}
.genisource-preview .cardgrid-wire i em{height:3px;border-radius:2px;background:var(--bg-hover)}
.genisource-preview .cardgrid-anat-cell.on{background:var(--brand-light);border-color:var(--brand);color:var(--brand)}
.genisource-preview .centered-wire{width:236px;padding:10px 0;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px}
.genisource-preview .centered-wire, .genisource-preview .centered-wire-col{display:flex;justify-content:center}
.genisource-preview .centered-wire-col{width:52%;min-height:56px;padding:6px;background:var(--bg);border:1px dashed var(--border);border-radius:5px;flex-direction:column;align-items:center;font-size:12px;color:var(--text-2);line-height:1.5;text-align:center}
.genisource-preview .centered-wire-col em{font-style:normal;font-size:11px;color:var(--text-3)}
@media (max-width:720px){.genisource-preview .detail-entry-single-page-layout .usage-grid .mk-row{flex-wrap:wrap!important}}
.genisource-preview .masonry-demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;align-items:start}
.genisource-preview .masonry-panel{margin:0}
.genisource-preview .masonry-panel figcaption{margin-bottom:8px}
.genisource-preview .masonry-panel figcaption b{display:block;font-size:16px;font-weight:600}
.genisource-preview .masonry-panel figcaption span{display:block;font-size:14px;color:var(--text-2);margin-top:2px}
.genisource-preview .masonry-wall{display:flex;gap:8px}
.genisource-preview .masonry-wall i{display:flex;align-items:center;justify-content:center;height:var(--h,40px);background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;font-size:14px;font-style:normal;font-weight:600;color:var(--text-2)}
.genisource-preview .masonry-wall.is-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.genisource-preview .masonry-wall.is-grid .masonry-cell{display:block;height:var(--cell,64px);border:1px dashed var(--border);border-radius:6px;padding:3px}
.genisource-preview .masonry-wall.is-grid .masonry-cell i{width:100%}
.genisource-preview .masonry-wall.is-flow .masonry-col{flex:1 1;display:flex;flex-direction:column;gap:8px}
.genisource-preview .masonry-wall.is-flow i.is-new{background:var(--brand-light);color:var(--brand)}
.genisource-preview .masonry-wall.is-phone{flex-direction:column;max-width:120px;margin:0 auto}
@media (max-width:720px){.genisource-preview .masonry-demo{grid-template-columns:minmax(0,1fr)}.genisource-preview .masonry-wall.is-phone{max-width:none}}
.genisource-preview .masonry-anat-card.short{height:14px}
.genisource-preview .masonry-anat-card.on{border-color:var(--text-3);font-weight:600}
.genisource-preview .masonry-anat-card.fill{height:26px;background:var(--brand-light);color:var(--brand)}
.genisource-preview .split-demo{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:stretch}
.genisource-preview .split-desktop{position:relative;display:flex;flex-wrap:wrap;min-height:190px;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.genisource-preview .split-side{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px 20px}
.genisource-preview .split-side small{font-size:12px;letter-spacing:2px;opacity:.7}
.genisource-preview .split-side b{font-size:16px;font-weight:600;line-height:1.4}
.genisource-preview .split-side em{font-size:14px;font-style:normal;color:var(--text-3);margin-top:2px}
.genisource-preview .split-side-brand{background:#1d2129;color:#fff}
.genisource-preview .split-side-brand em{color:rgba(255,255,255,.6)}
.genisource-preview .split-side-form{background:var(--bg)}
.genisource-preview .split-action{align-self:flex-start;font-size:14px;border-radius:6px;padding:5px 14px}
.genisource-preview .split-action.ghost{border:1px solid rgba(255,255,255,.45);color:#fff}
.genisource-preview .split-action.solid{background:var(--brand);color:var(--on-brand)}
.genisource-preview .split-input{display:block;height:24px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}
.genisource-preview .split-axis{flex:none;width:100%;text-align:center;font-size:14px;color:var(--text-3);border-top:1px dashed var(--border);padding:4px 0;background:var(--bg)}
.genisource-preview .split-phone{margin:0;display:flex;flex-direction:column}
.genisource-preview .split-phone figcaption b{display:block;font-size:16px;font-weight:600}
.genisource-preview .split-phone figcaption span{display:block;font-size:14px;color:var(--text-2);margin:2px 0 8px}
.genisource-preview .split-phone-frame{width:132px;margin:0 auto;border:2px solid #1d2129;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;gap:0}
.genisource-preview .split-phone-block{display:flex;align-items:center;justify-content:center;font-size:14px;padding:14px 8px}
.genisource-preview .split-phone-block.form{background:var(--bg);font-weight:600}
.genisource-preview .split-phone-block.brand{background:#1d2129;color:rgba(255,255,255,.8)}
@media (max-width:720px){.genisource-preview .split-demo{grid-template-columns:minmax(0,1fr)}.genisource-preview .split-desktop{flex-direction:column}.genisource-preview .split-side-form{order:-1}.genisource-preview .split-axis{order:2}}
.genisource-preview .split-anat-action.on{background:var(--brand-light);color:var(--brand);border-color:transparent}
.genisource-preview .pos-demo{position:relative;gap:12px;padding-top:16px}
.genisource-preview .pos-demo, .genisource-preview .pos-demo-card{display:flex;flex-direction:column}
.genisource-preview .pos-demo-card{width:72%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px 10px;gap:6px}
.genisource-preview .pos-demo-card.ok{position:relative}
.genisource-preview .pos-demo-card i{height:7px;border-radius:4px;background:var(--bg-hover);width:70%}
.genisource-preview .pos-demo-card i.short{width:45%}
.genisource-preview .pos-demo-badge{position:absolute;top:-8px;right:10px;background:var(--red);color:var(--on-status);font-size:12px;padding:1px 7px;border-radius:99px}
.genisource-preview .pos-demo-badge.bad{top:0;right:0}
.genisource-preview .pos-demo-cap{font-size:12px}
.genisource-preview .pos-demo-cap.ok{color:var(--green)}
.genisource-preview .pos-demo-cap.bad{color:var(--red)}
@media (min-width:721px){.genisource-preview .detail-hero .pos-demo{width:100%;max-width:none;gap:18px;padding:20px 0 4px}.genisource-preview .detail-hero .pos-demo-card{width:72%;min-height:88px;padding:16px 18px 14px}.genisource-preview .detail-hero .pos-demo-card i{height:9px}.genisource-preview .detail-hero .pos-demo-cap{font-size:14px}}
.genisource-preview .pos-anat-line.short{width:55%}
.genisource-preview .ctr-demo{display:flex;gap:14px}
.genisource-preview .ctr-demo-col{display:flex;flex-direction:column;align-items:center;gap:5px}
.genisource-preview .ctr-demo-box{width:64px;height:52px;background:var(--bg);border:1px solid var(--border);border-radius:8px}
.genisource-preview .ctr-demo-box.flex{display:flex;align-items:center;justify-content:center}
.genisource-preview .ctr-demo-box.grid{display:grid;place-items:center}
.genisource-preview .ctr-demo-box.abs{position:relative}
.genisource-preview .ctr-demo-box.abs .ctr-demo-item{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.genisource-preview .ctr-demo-item{width:18px;height:18px;background:var(--brand-light);border:1.5px solid var(--brand);border-radius:5px}
.genisource-preview .ctr-demo-label{font-size:12px;color:var(--text-3)}
@keyframes source-survey-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}
@keyframes source-survey-out{to{opacity:0;transform:translateY(12px) scale(.985)}}
@keyframes source-survey-spin{to{transform:rotate(1turn)}}
.genisource-preview .margin-demo{display:flex;align-items:stretch}
.genisource-preview .margin-box{background:var(--bg);border:1px solid var(--brand);border-radius:8px;padding:12px 18px;font-size:13px;color:var(--text)}
.genisource-preview .margin-box, .genisource-preview .margin-gap{display:flex;align-items:center}
.genisource-preview .margin-gap{width:34px;align-self:stretch;border-left:1px dashed var(--brand);border-right:1px dashed var(--brand);background:repeating-linear-gradient(45deg,var(--brand-light),var(--brand-light) 4px,transparent 4px,transparent 8px);justify-content:center;font-size:12px;color:var(--brand)}
.genisource-preview .padding-box{display:inline-block;background:var(--bg)}
.genisource-preview .padding-box{border:1px solid var(--border);border-radius:10px}
.genisource-preview .padding-zone{display:block;background:var(--brand-light);padding:16px;border-radius:9px}
.genisource-preview .padding-content{display:block;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 14px;font-size:13px;color:var(--text)}
.genisource-preview .radius-demo{display:flex;align-items:center;gap:12px}
.genisource-preview .radius-shape{width:44px;height:32px;background:var(--brand-light);border:1.5px solid var(--brand)}
.genisource-preview .shadow-demo{display:flex;gap:14px}
.genisource-preview .shadow-card{width:64px;height:44px;background:var(--bg);border:1px solid var(--border-light);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-3)}
.genisource-preview .shadow-s1{box-shadow:0 1px 3px rgba(29,33,41,.08)}
.genisource-preview .shadow-s2{box-shadow:0 4px 12px rgba(29,33,41,.12)}
.genisource-preview .shadow-s3{box-shadow:0 12px 28px rgba(29,33,41,.18)}
.genisource-preview .flex-demo{display:flex;gap:8px}
.genisource-preview .flex-box{width:40px;height:28px;background:var(--brand-light);border:1.5px solid var(--brand);border-radius:6px}
.genisource-preview .grid-demo{display:grid;grid-template-columns:repeat(3,34px);grid-gap:6px;gap:6px}
.genisource-preview .grid-cell{height:24px;background:var(--brand-light);border:1.5px solid var(--brand);border-radius:5px}
.genisource-preview .zindex-demo{position:relative;width:150px;height:86px}
.genisource-preview .zindex-layer{position:absolute;width:76px;height:50px;background:var(--bg);border:1.5px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-2)}
.genisource-preview .opacity-demo{display:flex;gap:12px}
.genisource-preview .opacity-card{width:52px;height:36px;border-radius:8px;background:var(--brand);color:var(--on-brand);font-size:12px;display:flex;align-items:center;justify-content:center}
.genisource-preview .hero-demo{display:flex;width:100%;align-self:stretch;background:var(--bg);border:1px solid var(--border-light);border-radius:10px;overflow:hidden}
.genisource-preview .hero-d-text{flex:1.15 1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px 18px}
.genisource-preview .hero-d-tag{align-self:flex-start;font-size:12px;color:var(--text-2);background:var(--bg-soft);border:1px solid var(--border-light);border-radius:999px;padding:2px 9px}
.genisource-preview .hero-d-title{font-size:13px;font-weight:700;color:var(--text);line-height:1.5}
.genisource-preview .hero-d-sub{margin:0;font-size:12px;color:var(--text-2);line-height:1.6}
.genisource-preview .hero-d-actions{display:flex;gap:8px;align-items:center;margin-top:2px}
.genisource-preview .hero-d-btn{background:var(--brand);color:var(--on-brand);font-size:12px;padding:6px 14px;border-radius:7px}
.genisource-preview .hero-d-ghost{font-size:12px;color:var(--text-2);border:1px solid var(--border-light);padding:6px 12px;border-radius:7px;background:var(--bg)}
.genisource-preview .hero-d-visual{flex:0.85 1;border-left:1px solid var(--border-light);min-height:100px}
@media (max-width:430px){.genisource-preview .hero-d-text{padding:14px}.genisource-preview .hero-d-actions{flex-wrap:wrap}.genisource-preview .hero-d-visual{flex:0 0 120px;width:100%;min-height:120px;border-top:1px solid var(--border-light);border-left:0}}
.genisource-preview .cta-demo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;align-self:stretch;text-align:center;background:var(--bg);border:1px solid var(--border-light);border-radius:10px;padding:16px 18px}
.genisource-preview .cta-d-title{font-size:13px;font-weight:700;color:var(--text)}
.genisource-preview .cta-d-sub{margin:0;font-size:12px;color:var(--text-2)}
.genisource-preview .cta-d-actions{display:flex;gap:12px;align-items:center;margin-top:3px}
.genisource-preview .cta-d-btn{background:var(--brand);color:var(--on-brand);font-size:12px;padding:8px 22px;border-radius:8px}
.genisource-preview .cta-d-btn.sm{font-size:12px;padding:5px 12px}
.genisource-preview .cta-d-alt{font-size:12px;color:var(--text-3);text-decoration:underline}
.genisource-preview .navbar-demo{display:flex;flex-direction:column;width:100%;align-self:stretch;background:var(--bg);border:1px solid var(--border-light);border-radius:10px;overflow:hidden}
.genisource-preview .navbar-d-bar{border-bottom:1px solid var(--border-light)}
.genisource-preview .navbar-d-bar{display:flex;align-items:center;gap:14px;padding:9px 14px;background:var(--bg)}
.genisource-preview .navbar-d-bar.sticky{box-shadow:0 4px 12px rgba(0,0,0,.08)}
.genisource-preview .navbar-d-logo{font-size:12px;font-weight:700;color:var(--text)}
.genisource-preview .navbar-d-links{display:flex;gap:12px;flex:1 1}
.genisource-preview .navbar-d-links a{font-size:12px;color:var(--text-2)}
.genisource-preview .navbar-d-links a.on{color:var(--text);font-weight:600;border-bottom:2px solid var(--brand);padding-bottom:2px}
.genisource-preview .navbar-d-search{font-size:12px;color:var(--text-3);border:1px solid var(--border-light);border-radius:999px;padding:3px 10px;background:var(--bg-soft)}
.genisource-preview .navbar-d-cta{background:var(--brand);color:var(--on-brand);font-size:12px;padding:5px 12px;border-radius:6px}
.genisource-preview .navbar-d-body{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:14px;background:var(--bg-soft)}
.genisource-preview .navbar-d-body i{display:block;height:6px;border-radius:3px;background:var(--bg-hover)}
.genisource-preview .footer-demo{flex-direction:column;width:100%;align-self:stretch;background:var(--bg);border:1px solid var(--border-light);border-radius:10px;padding:14px 18px 12px}
.genisource-preview .footer-demo{display:flex;justify-content:space-between;gap:12px}
.genisource-preview .footer-d-main{display:flex;gap:28px}
.genisource-preview .footer-d-brand{display:flex;flex-direction:column;gap:5px;margin-right:auto}
.genisource-preview .footer-d-brand b{font-size:12px;color:var(--text)}
.genisource-preview .footer-d-brand i{font-style:normal;font-size:12px;color:var(--text-3)}
.genisource-preview .footer-col{display:flex;flex-direction:column;gap:5px}
.genisource-preview .footer-col b{font-size:12px;color:var(--text);margin-bottom:2px}
.genisource-preview .footer-base, .genisource-preview .footer-col a{font-size:12px;color:var(--text-3)}
.genisource-preview .footer-base{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding-top:10px}
.genisource-preview .footer-social{display:flex;gap:6px}
.genisource-preview .footer-social i{width:20px;height:20px;font-style:normal;font-size:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:50%;color:var(--text-2)}
.genisource-preview .faq-demo{gap:16px;width:100%;align-self:stretch;box-sizing:border-box;padding:12px 14px}
.genisource-preview .faq-d-side, .genisource-preview .faq-demo{display:flex;min-width:0}
.genisource-preview .faq-d-side{flex:0 0 132px;max-width:38%;flex-direction:column;gap:6px;padding:2px 4px 0 0}
.genisource-preview .faq-d-side b{font-size:13px;font-weight:700;color:var(--text);word-break:keep-all}
.genisource-preview .faq-d-side p{margin:0;color:var(--text-2);line-height:1.55;overflow-wrap:break-word}
.genisource-preview .faq-d-more, .genisource-preview .faq-d-side p{font-size:12px;word-break:keep-all}
.genisource-preview .faq-d-more{color:var(--accent);margin-top:auto}
.genisource-preview .faq-d-list{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:7px}
.genisource-preview .faq-d-list>small{display:block;color:var(--text-3);line-height:1.4;word-break:keep-all}
.genisource-preview .faq-item{background:var(--bg);border:1px solid var(--border-light);border-radius:8px;padding:9px 12px;min-width:0}
.genisource-preview .faq-item.open{border-color:var(--border);background:var(--bg-soft)}
.genisource-preview .faq-q{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text);word-break:keep-all}
.genisource-preview .faq-ic{color:var(--text-3);font-weight:400;flex:0 0 auto}
.genisource-preview .faq-item.open .faq-ic{color:var(--brand)}
.genisource-preview .faq-a{margin:6px 0 0;font-size:12px;color:var(--text-2);line-height:1.7;word-break:keep-all}
.genisource-preview .pricing-demo{display:flex;gap:12px;width:100%;align-self:stretch;align-items:stretch;box-sizing:border-box;min-width:0}
.genisource-preview .pricing-demo.pricing-demo-col{flex-direction:column;align-items:stretch;justify-content:center;gap:10px;padding:12px 14px 14px}
.genisource-preview .pricing-demo-note, .genisource-preview .pricing-demo.pricing-demo-col>small{display:block;flex:0 0 auto;width:100%;color:var(--text-3);font-size:12px;line-height:1.4;text-align:center;word-break:keep-all}
.genisource-preview .pricing-d-row{display:flex;gap:10px;width:100%;align-items:stretch;min-width:0;padding-top:10px;box-sizing:border-box}
.genisource-preview .pricing-d-toggle b.on{background:var(--brand);color:var(--on-brand)}
.genisource-preview .pricing-d-toggle b.on em{color:var(--on-brand)}
.genisource-preview .pricing-card{position:relative;flex:1 1;min-width:0;display:flex;flex-direction:column;gap:5px;background:var(--bg);border:1px solid var(--border-light);border-radius:10px;padding:14px 10px 11px;box-sizing:border-box}
.genisource-preview .pricing-card.hot{border-color:var(--border);background:var(--bg-soft);box-shadow:none}
.genisource-preview .pricing-badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);max-width:calc(100% - 12px);background:var(--brand);color:var(--on-brand);font-size:11px;line-height:1.2;padding:2px 8px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.genisource-preview .pricing-tier{font-size:12px;font-weight:600}
.genisource-preview .pricing-price, .genisource-preview .pricing-tier{color:var(--text);word-break:keep-all}
.genisource-preview .pricing-price{font-size:18px;font-weight:700;white-space:nowrap}
.genisource-preview .pricing-price small{font-size:12px;font-weight:400;color:var(--text-3)}
.genisource-preview .pricing-feats{display:flex;flex-direction:column;gap:3px;flex:1 1;font-size:12px;color:var(--text-2);word-break:keep-all;overflow-wrap:anywhere}
.genisource-preview .pricing-feats i{font-style:normal;line-height:1.35}
.genisource-preview .pricing-btn{background:var(--brand);color:var(--on-brand);font-size:12px;text-align:center;padding:6px 4px;border-radius:7px;word-break:keep-all;white-space:nowrap}
.genisource-preview .pricing-btn.ghost{color:var(--text-2)}
.genisource-preview .pricing-btn.ghost, .genisource-preview .sp-demo{background:var(--bg);border:1px solid var(--border-light)}
.genisource-preview .sp-demo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;width:100%;align-self:stretch;text-align:center;border-radius:10px;padding:14px 18px}
.genisource-preview .navbar-anat-links a.on{color:var(--text);font-weight:600}
.genisource-preview .hero-v-img.wide{width:110px;height:52px}
.genisource-preview .pricing-v i.hot{height:40px;border-color:var(--border);background:var(--bg-soft)}
.genisource-preview .pricing-v-toggle b.on{background:var(--brand);color:var(--on-brand)}
.genisource-preview .sp-site{width:100%;max-width:720px;padding:22px;align-items:stretch;justify-content:flex-start;gap:0;text-align:left;border-color:color-mix(in srgb,var(--border) 82%,transparent);box-shadow:0 10px 30px rgba(29,33,41,.06)}
.genisource-preview .sp-site *{box-sizing:border-box}
.genisource-preview .sp-kicker{margin:0 0 7px;color:var(--brand);font-size:11px;font-weight:750;letter-spacing:1.8px;line-height:1.4}
.genisource-preview .sp-brand-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;grid-gap:12px;gap:12px;width:100%;min-width:0}
.genisource-preview .sp-site-detail>.sp-brand-strip{padding:14px 4px;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}
.genisource-preview .sp-testimonial{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:17px;min-height:158px;padding:18px;border-radius:11px;background:var(--inverse-bg);color:var(--inverse-text)}
.genisource-preview .sp-testimonial:after{content:"";position:absolute;width:125px;height:125px;right:-58px;top:-67px;border:1px solid color-mix(in srgb,var(--bg) 18%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,var(--bg) 3%,transparent)}
.genisource-preview .sp-quote-icon{width:21px;height:21px;fill:none;stroke:color-mix(in srgb,var(--bg) 72%,transparent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.genisource-preview .sp-testimonial blockquote{position:relative;z-index:1;margin:0;max-width:430px;font-size:13px;font-weight:570;line-height:1.75;letter-spacing:-.05px}
.genisource-preview .sp-person{display:flex;align-items:center;gap:8px;min-width:0}
.genisource-preview .sp-person-avatar{display:block;width:29px;height:29px;flex:none;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--bg) 80%,transparent)}
.genisource-preview .sp-person>span:nth-child(2){display:flex;flex:1 1;min-width:0;flex-direction:column;gap:1px}
.genisource-preview .sp-person b{color:inherit}
.genisource-preview .sp-person b, .genisource-preview .sp-person small{font-size:11px;line-height:1.35}
.genisource-preview .sp-person small{color:color-mix(in srgb,var(--inverse-text) 82%,var(--inverse-bg))}
.genisource-preview .sp-site-compact{padding:17px 19px;align-items:center;gap:12px;text-align:center}
.genisource-preview .sp-site-compact .sp-kicker{margin:0;color:var(--text-3)}
.genisource-preview .sp-site-compact .sp-brand-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
.genisource-preview .sp-compact-proof{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;width:100%;padding-top:11px;border-top:1px solid var(--border-light);color:var(--text-3);font-size:11px}
.genisource-preview .sp-compact-proof b{color:var(--text);font-size:11px}
.genisource-preview .sp-signup-form .demo-input{width:100%;min-width:0;height:28px;padding:5px 8px;font-size:11px}
.genisource-preview .sp-signup-form .btn{width:100%;min-height:27px;font-size:11px}
.genisource-preview .sp-signup-proof .sp-person small{color:color-mix(in srgb,var(--inverse-text) 82%,var(--inverse-bg))}
.genisource-preview .sp-v-logo-panel .sp-brand-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:720px){.genisource-preview .sp-site{padding:17px}.genisource-preview .sp-site-detail>.sp-brand-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 5px}.genisource-preview .sp-site-detail>.sp-brand-strip .sp-brand{gap:3px}.genisource-preview .sp-site-detail>.sp-brand-strip .sp-brand svg{width:13px;height:13px}.genisource-preview .sp-site-detail>.sp-brand-strip .sp-brand b{font-size:11px}.genisource-preview .sp-site-detail>.sp-brand-strip .sp-brand:nth-child(n+4){display:none}.genisource-preview .sp-testimonial{min-height:150px}}
@media (max-width:430px){.genisource-preview .sp-site-compact .sp-brand-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}.genisource-preview .sp-site-compact .sp-brand:nth-child(n+3){display:none}.genisource-preview .sp-testimonial{padding:16px}.genisource-preview .sp-person{flex-wrap:wrap}}
@media (max-width:720px){.genisource-preview .detail .scene-shot .faq-demo{flex-direction:column}.genisource-preview .detail .scene-shot .faq-d-side{flex:auto;max-width:none}.genisource-preview .detail .scene-shot :is(.faq-q,.faq-a,.faq-d-list>small){word-break:normal;overflow-wrap:anywhere}}
.genisource-preview .ti{font-family:tabler-icons!important;speak:none;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.genisource-preview .ti-activity-heartbeat:before{content:"\f0db"}
.genisource-preview .ti-apple:before{content:"\ef21"}
.genisource-preview .ti-arrow-right:before{content:"\ea1f"}
.genisource-preview .ti-arrow-up-right:before{content:"\ea24"}
.genisource-preview .ti-book-2:before{content:"\efc5"}
.genisource-preview .ti-calendar:before{content:"\ea53"}
.genisource-preview .ti-check:before{content:"\ea5e"}
.genisource-preview .ti-clock:before{content:"\ea70"}
.genisource-preview .ti-file-text:before{content:"\eaa2"}
.genisource-preview .ti-hexagon-letter-n:before{content:"\f470"}
.genisource-preview .ti-leaf:before{content:"\ed4f"}
.genisource-preview .ti-list:before{content:"\eb6b"}
.genisource-preview .ti-player-pause:before{content:"\ed45"}
.genisource-preview .ti-player-track-next:before{content:"\ed4b"}
.genisource-preview .ti-player-track-prev:before{content:"\ed4c"}
.genisource-preview .ti-plus:before{content:"\eb0b"}
.genisource-preview .ti-recycle:before{content:"\eb9b"}
.genisource-preview .ti-rocket:before{content:"\ec45"}
.genisource-preview .ti-search:before{content:"\eb1c"}
.genisource-preview .ti-sparkles:before{content:"\f6d7"}
.genisource-preview .ti-user:before{content:"\eb4d"}
.genisource-preview .ti-volume:before{content:"\eb51"}
.genisource-preview .ti-wave-sine:before{content:"\ecd4"}
.genisource-preview .ti-world:before{content:"\eb54"}
.genisource-preview .ai-card-visual{
  width: min(420px, 100%);
  min-height: 128px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  color: var(--text);
  font-size: 11px;
}
.genisource-preview .ai-card-visual *{
  box-sizing: border-box;
}
.genisource-preview .ai-card-visual small{
  color: var(--text-3);
  font-size: 10px;
  font-weight: 560;
  line-height: 1.25;
}
.genisource-preview .ai-card-visual b, .genisource-preview .ai-card-visual strong{
  line-height: 1.3;
}
.genisource-preview .ai-card-visual .ok{
  color: var(--green);
}
.genisource-preview .ai-card-visual .fail{
  color: var(--red);
}
.genisource-preview .ai-card-openai-compatible-api{
  gap: 7px;
  padding: 12px 14px;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  background: var(--bg-soft);
}
.genisource-preview .ai-card-openai-compatible-row{
  min-width: 0;
  min-height: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  color: var(--text-2);
  font-size: 11px;
  line-height: 1.35;
}
.genisource-preview .ai-card-openai-compatible-row > span, .genisource-preview .ai-card-openai-compatible-row > code{
  min-width: 0;
  overflow-wrap: anywhere;
}
.genisource-preview .ai-card-openai-compatible-row > b{
  color: var(--brand);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.genisource-preview .ai-card-openai-compatible-row > code{
  color: var(--brand);
  font:
    600 11px/1.35 ui-monospace,
    SFMono-Regular,
    Menlo,
    monospace;
}
.genisource-preview .aic-foot{
  min-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 8px;
  border-radius: 6px;
  background: var(--bg-soft);
  color: var(--text-2);
  font-size: 10px;
  font-style: normal;
  text-align: center;
}
.genisource-preview .aic-foot i{
  font-style: normal;
}
.genisource-preview .ai-card-api-key{
  gap: 7px;
}
.genisource-preview .ai-card-api-key > div{
  display: grid;
  grid-template-columns: minmax(88px, 0.42fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 7px 9px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .ai-card-api-key > div code{
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--text-2);
  font-size: 10px;
  text-align: right;
}
.genisource-preview .ai-card-api-key > div code.ok{
  color: var(--green);
}
.genisource-preview .ai-card-api-key > div code.bad{
  color: var(--red);
}
.genisource-preview .aic-goal, .genisource-preview .aic-harness-head, .genisource-preview .aic-skill-task, .genisource-preview .aic-hitl-head{
  min-height: 29px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 9px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .aic-goal small, .genisource-preview .aic-harness-head small, .genisource-preview .aic-skill-task small{
  flex: none;
  color: var(--brand);
}
.genisource-preview .aic-agent-work{
  display: grid;
  grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.2fr);
  gap: 7px;
  align-items: stretch;
}
.genisource-preview .aic-agent-core{
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--brand) 22%, var(--border));
  border-radius: 8px;
  background: var(--brand-light);
  text-align: center;
}
.genisource-preview .aic-agent-core > i{
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--brand);
  color: var(--on-brand);
  font-style: normal;
}
.genisource-preview .aic-agent-core small{
  color: var(--text-2);
}
.genisource-preview .aic-tool-list{
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  gap: 4px;
}
.genisource-preview .aic-tool-list span{
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px 8px 4px 21px;
  border: 1px solid var(--border-light);
  border-radius: 6px;
  background: var(--bg);
  color: var(--text-2);
}
.genisource-preview .aic-tool-list span::before{
  content: "↗";
  position: absolute;
  left: 7px;
  color: var(--brand);
  font-size: 9px;
}
.genisource-preview .aic-tool-list span.ok::before{
  content: "✓";
  color: var(--green);
}
.genisource-preview .aic-harness-frame{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(100px, 1.15fr) minmax(0, 1fr);
  gap: 5px;
  align-items: stretch;
  padding: 6px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: var(--bg-soft);
}
.genisource-preview .aic-harness-frame aside, .genisource-preview .aic-harness-frame > div{
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.genisource-preview .aic-harness-frame aside span{
  padding: 4px 5px;
  border-radius: 5px;
  background: var(--bg);
  color: var(--text-3);
  text-align: center;
}
.genisource-preview .aic-harness-frame > div{
  align-items: center;
  padding: 7px;
  border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--border));
  border-radius: 7px;
  background: var(--brand-light);
  text-align: center;
}
.genisource-preview .aic-harness-frame > div b{
  color: var(--brand);
}
.genisource-preview .aic-harness-frame > div span{
  color: var(--text-2);
  font-size: 10px;
}
.genisource-preview .aic-hitl-head{
  justify-content: space-between;
}
.genisource-preview .aic-hitl-head > span{
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 6px;
}
.genisource-preview .aic-hitl-head > strong{
  flex: none;
  color: var(--text);
  font-size: 13px;
}
.genisource-preview .aic-hitl-track{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.2fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 4px;
}
.genisource-preview .aic-hitl-track > span{
  min-height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 6px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
  color: var(--text-3);
  text-align: center;
}
.genisource-preview .aic-hitl-track > span.done{
  color: var(--text-2);
}
.genisource-preview .aic-hitl-track > span.gate{
  border-color: color-mix(in srgb, var(--brand) 28%, var(--border));
  background: var(--brand-light);
  color: var(--brand);
  font-weight: 650;
}
.genisource-preview .aic-hitl-track .gate i{
  min-width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  padding: 0 4px;
  border-radius: 50%;
  background: var(--brand);
  color: var(--on-brand);
  font-size: 8px;
  font-style: normal;
}
.genisource-preview .aic-hitl-track > b{
  color: var(--text-3);
  font-size: 10px;
  font-weight: 400;
}
.genisource-preview .ai-card-mcp{
  align-items: center;
}
.genisource-preview .aic-mcp-host{
  min-width: 120px;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 2px 7px;
  padding: 6px 10px;
  border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--border));
  border-radius: 8px;
  background: var(--brand-light);
}
.genisource-preview .aic-mcp-host small{
  color: var(--brand);
}
.genisource-preview .aic-mcp-host span{
  grid-column: 1 / -1;
  padding-top: 3px;
  border-top: 1px solid color-mix(in srgb, var(--brand) 16%, var(--border-light));
  color: var(--text-2);
  font-size: 9px;
  text-align: center;
}
.genisource-preview .aic-mcp-branches{
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding-top: 10px;
}
.genisource-preview .aic-mcp-branches::before{
  content: "";
  position: absolute;
  top: 0;
  left: 25%;
  right: 25%;
  height: 10px;
  border-top: 1px solid var(--brand);
  border-left: 1px solid var(--brand);
  border-right: 1px solid var(--brand);
  opacity: 0.55;
}
.genisource-preview .aic-mcp-branches > span{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 6px;
  padding: 6px 8px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .aic-mcp-branches code{
  grid-row: 1 / 3;
  align-self: center;
  padding: 3px 5px;
  border-radius: 5px;
  background: var(--bg-soft);
  color: var(--brand);
  font-size: 9px;
}
.genisource-preview .aic-skill-layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 66px minmax(0, 1fr);
  gap: 6px;
  align-items: stretch;
}
.genisource-preview .aic-skill-tree, .genisource-preview .aic-skill-result{
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
  padding: 7px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .aic-skill-tree span, .genisource-preview .aic-skill-result span{
  padding: 3px 5px;
  border-radius: 4px;
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .aic-skill-tree span.active{
  background: var(--brand-light);
  color: var(--brand);
  font-weight: 650;
}
.genisource-preview .aic-skill-agent{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border-radius: 7px;
  background: var(--brand-light);
  color: var(--brand);
  text-align: center;
}
.genisource-preview .aic-skill-agent::before{
  content: "←";
  color: var(--text-3);
  font-size: 10px;
}
.genisource-preview .aic-skill-agent::after{
  content: "→";
  color: var(--text-3);
  font-size: 10px;
}
.genisource-preview .aic-skill-agent small{
  color: var(--text-2);
  font-size: 8px;
}
.genisource-preview .aic-sub-main{
  width: min(210px, 76%);
  align-self: center;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  padding: 6px 9px;
  border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--border));
  border-radius: 7px;
  background: var(--brand-light);
  text-align: center;
}
.genisource-preview .aic-sub-main small{
  color: var(--brand);
}
.genisource-preview .aic-sub-lanes{
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding-top: 11px;
}
.genisource-preview .aic-sub-lanes::before{
  content: "";
  position: absolute;
  top: 0;
  left: 16.666%;
  right: 16.666%;
  height: 11px;
  border-top: 1px solid var(--brand);
  border-left: 1px solid var(--brand);
  border-right: 1px solid var(--brand);
  opacity: 0.55;
}
.genisource-preview .aic-sub-lanes span{
  display: flex;
  min-width: 0;
  min-height: 43px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 5px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
  text-align: center;
}
.genisource-preview .aic-sub-lanes span b{
  font-size: 10px;
}
.genisource-preview .aic-app-query, .genisource-preview .aic-hall-claim, .genisource-preview .aic-structured-mail, .genisource-preview .aic-system-rule, .genisource-preview .aic-tool-request, .genisource-preview .aic-loop-head{
  min-height: 30px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 9px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .aic-app-query small, .genisource-preview .aic-structured-mail small, .genisource-preview .aic-tool-request small{
  flex: none;
  color: var(--brand);
}
.genisource-preview .aic-basics-map{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 5px;
}
.genisource-preview .aic-basics-map > span{
  min-height: 48px;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 6px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
  text-align: center;
}
.genisource-preview .aic-basics-map > span.model{
  border-color: color-mix(in srgb, var(--brand) 30%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .aic-basics-map > span.model small, .genisource-preview .aic-basics-map > span.tool small{
  color: var(--brand);
}
.genisource-preview .aic-basics-map > i{
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .aic-hall-claim{
  position: relative;
  padding-right: 34px;
}
.genisource-preview .aic-hall-claim small{
  flex: none;
  color: var(--red);
}
.genisource-preview .aic-hall-claim > i{
  position: absolute;
  right: 8px;
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--red) 10%, var(--bg));
  color: var(--red);
  font-style: normal;
  font-weight: 750;
}
.genisource-preview .aic-hall-verify{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: 6px;
}
.genisource-preview .aic-hall-verify > span{
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  padding: 7px 8px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .aic-hall-verify > em{
  align-self: center;
  color: var(--text-3);
  font-size: 9px;
  font-style: normal;
}
.genisource-preview .aic-modal-sides{
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(95px, 1.1fr) minmax(0, 0.8fr);
  align-items: stretch;
  gap: 7px;
}
.genisource-preview .aic-modal-sides section{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 7px;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .aic-modal-sides section small{
  grid-column: 1 / -1;
  color: var(--brand);
}
.genisource-preview .aic-modal-sides section span{
  padding: 4px;
  border-radius: 5px;
  background: var(--bg-soft);
  color: var(--text-2);
  font-size: 9px;
  text-align: center;
}
.genisource-preview .aic-modal-sides > div{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 8px;
  border-radius: 8px;
  background: var(--brand-light);
  color: var(--brand);
  text-align: center;
}
.genisource-preview .aic-modal-sides > div i{
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--brand);
  color: var(--on-brand);
  font-style: normal;
}
.genisource-preview .aic-modal-sides > div small{
  color: var(--text-2);
  font-size: 8px;
}
.genisource-preview .aic-vibe-stage{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(100px, 1.15fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 6px;
}
.genisource-preview .aic-vibe-stage > span{
  display: flex;
  min-width: 0;
  min-height: 58px;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 7px;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .aic-vibe-stage > span small{
  color: var(--brand);
}
.genisource-preview .aic-vibe-stage > span.screen{
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 8px 1fr;
  align-content: center;
  gap: 4px;
  border-color: color-mix(in srgb, var(--brand) 24%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .aic-vibe-stage .screen i{
  width: 4px;
  height: 4px;
  align-self: center;
  border-radius: 50%;
  background: var(--brand);
  opacity: 0.6;
}
.genisource-preview .aic-vibe-stage .screen b{
  grid-column: 1 / -1;
  align-self: center;
  text-align: center;
}
.genisource-preview .aic-vibe-loop{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--brand);
}
.genisource-preview .aic-vibe-loop b{
  padding: 4px 7px;
  border-radius: 999px;
  background: var(--brand-light);
  font-size: 9px;
}
.genisource-preview .aic-vibe-loop i{
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .aic-context-pool{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}
.genisource-preview .aic-context-pool span{
  padding: 5px 7px;
  border: 1px solid var(--border-light);
  border-radius: 6px;
  background: var(--bg);
  color: var(--text-2);
  font-size: 9px;
}
.genisource-preview .aic-context-pool span.keep{
  border-color: color-mix(in srgb, var(--brand) 22%, var(--border));
  color: var(--brand);
}
.genisource-preview .aic-context-pool span.drop{
  color: var(--text-3);
  text-decoration: line-through;
  opacity: 0.72;
}
.genisource-preview .aic-context-select{
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.genisource-preview .aic-context-select > b{
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--brand);
  color: var(--on-brand);
  font-size: 9px;
}
.genisource-preview .aic-context-select > i{
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .aic-context-select > span{
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
  padding: 7px 9px;
  border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--border));
  border-radius: 7px;
  background: var(--brand-light);
}
.genisource-preview .aic-context-select > span small{
  color: var(--brand);
}
.genisource-preview .aic-window-label{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.genisource-preview .aic-window-label small{
  color: var(--brand);
}
.genisource-preview .aic-window-bar{
  height: 55px;
  display: flex;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: var(--bg);
}
.genisource-preview .aic-window-bar span{
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 5px;
  border-right: 1px solid var(--bg);
  color: var(--text-2);
  font-size: 9px;
  text-align: center;
}
.genisource-preview .aic-window-bar .rules{
  flex: 18;
  background: color-mix(in srgb, var(--brand) 9%, var(--bg));
}
.genisource-preview .aic-window-bar .history{
  flex: 28;
  background: color-mix(in srgb, var(--brand) 15%, var(--bg));
}
.genisource-preview .aic-window-bar .files{
  flex: 25;
  background: color-mix(in srgb, var(--brand) 22%, var(--bg));
}
.genisource-preview .aic-window-bar .answer{
  flex: 29;
  border-right: 0;
  border-left: 1px dashed var(--brand);
  background: var(--brand-light);
  color: var(--brand);
  font-weight: 680;
}
.genisource-preview .aic-window-out{
  display: flex;
  align-items: center;
  gap: 5px;
}
.genisource-preview .aic-window-out span{
  padding: 4px 6px;
  border: 1px dashed var(--border);
  border-radius: 5px;
  color: var(--text-3);
  font-size: 9px;
  text-decoration: line-through;
}
.genisource-preview .aic-window-out small{
  margin-left: auto;
  color: var(--red);
}
.genisource-preview .aic-history-question{
  align-self: center;
  padding: 6px 10px;
  border-radius: 12px 12px 3px 12px;
  background: var(--brand);
  color: var(--on-brand);
  font-weight: 650;
}
.genisource-preview .aic-history-compare{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}
.genisource-preview .aic-history-compare section{
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
  padding: 7px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .aic-history-compare section > span{
  padding: 3px 5px;
  border-radius: 4px;
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .aic-history-compare section > span.active{
  background: var(--brand-light);
  color: var(--brand);
}
.genisource-preview .aic-history-compare section > b{
  margin-top: auto;
  color: var(--green);
  font-size: 9px;
}
.genisource-preview .aic-history-compare section.with small{
  color: var(--green);
}
.genisource-preview .aic-history-compare section.without small, .genisource-preview .aic-history-compare section.without > b{
  color: var(--red);
}
.genisource-preview .aic-history-compare section > strong{
  display: grid;
  min-height: 37px;
  place-items: center;
  color: var(--text-3);
  text-align: center;
}
.genisource-preview .aic-system-rule{
  border-color: color-mix(in srgb, var(--brand) 30%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .aic-system-rule small{
  flex: none;
  color: var(--brand);
}
.genisource-preview .aic-system-stack{
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) auto minmax(0, 1fr) auto minmax(0, 1.1fr);
  align-items: stretch;
  gap: 5px;
}
.genisource-preview .aic-system-stack > span{
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  padding: 6px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
  text-align: center;
}
.genisource-preview .aic-system-stack > span.model{
  color: var(--brand);
}
.genisource-preview .aic-system-stack > span.gate{
  border-color: color-mix(in srgb, var(--red) 28%, var(--border));
  color: var(--red);
}
.genisource-preview .aic-system-stack > i{
  align-self: center;
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .aic-request-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 56px;
  align-items: center;
  gap: 7px;
}
.genisource-preview .aic-request-row section{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 7px;
  padding: 7px 9px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .aic-request-row section small{
  color: var(--brand);
}
.genisource-preview .aic-request-row section span{
  overflow: hidden;
  color: var(--text-3);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .aic-request-row section b{
  grid-column: 1 / -1;
}
.genisource-preview .aic-request-row > i{
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .aic-request-row > .model{
  display: grid;
  height: 44px;
  place-items: center;
  border-radius: 7px;
  background: var(--brand-light);
  color: var(--brand);
  font-weight: 680;
}
.genisource-preview .aic-request-row.second section{
  border-color: color-mix(in srgb, var(--brand) 25%, var(--border));
}
.genisource-preview .aic-structured-mail::before{
  content: "✉";
  color: var(--brand);
  font-size: 15px;
}
.genisource-preview .aic-structured-fields{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--border));
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .aic-structured-fields span{
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  border-right: 1px solid var(--border-light);
}
.genisource-preview .aic-structured-fields span:last-child{
  border-right: 0;
}
.genisource-preview .aic-structured-fields small{
  color: var(--brand);
  font-family: ui-monospace, monospace;
}
.genisource-preview .aic-structured-fields b{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .aic-stream-events{
  display: flex;
  align-items: center;
  gap: 5px;
}
.genisource-preview .aic-stream-events small{
  margin-right: auto;
  color: var(--brand);
}
.genisource-preview .aic-stream-events span{
  padding: 4px 6px;
  border: 1px solid var(--border-light);
  border-radius: 5px;
  background: var(--bg);
  color: var(--text-2);
  font-size: 9px;
}
.genisource-preview .aic-stream-events > i{
  color: var(--brand);
  font-style: normal;
  letter-spacing: 2px;
}
.genisource-preview .aic-stream-bubble{
  width: min(290px, 86%);
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 9px 11px;
  border-radius: 12px 12px 3px 12px;
  background: var(--brand-light);
}
.genisource-preview .aic-stream-bubble small{
  color: var(--brand);
}
.genisource-preview .aic-stream-bubble .cursor{
  display: inline-block;
  width: 2px;
  height: 12px;
  margin-left: 3px;
  vertical-align: -2px;
  background: var(--brand);
}
.genisource-preview .aic-tool-request{
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.genisource-preview .aic-tool-request code{
  width: 100%;
  overflow: hidden;
  color: var(--text-2);
  font-family: ui-monospace, monospace;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .aic-tool-flow{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: 7px;
}
.genisource-preview .aic-tool-flow > span{
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
  padding: 7px 9px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .aic-tool-flow > i{
  align-self: center;
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .aic-react-loop > i.one{
  top: 15px;
  left: 48%;
}
.genisource-preview .aic-react-loop > i.two{
  top: 45px;
  right: 19%;
}
.genisource-preview .aic-react-loop > i.three{
  bottom: 8px;
  left: 23%;
}
.genisource-preview .aic-loop-head{
  justify-content: space-between;
}
.genisource-preview .aic-loop-head > span{
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 6px;
}
.genisource-preview .aic-loop-head > span small{
  color: var(--brand);
}
.genisource-preview .aic-loop-head > strong{
  flex: none;
  padding: 4px 7px;
  border-radius: 999px;
  background: var(--brand-light);
  color: var(--brand);
  font-size: 9px;
}
.genisource-preview .aic-loop-run{
  display: flex;
  align-items: center;
  gap: 5px;
}
.genisource-preview .aic-loop-run span{
  flex: 1;
  min-width: 0;
  padding: 7px 5px;
  border: 1px solid var(--border-light);
  border-radius: 6px;
  background: var(--bg);
  text-align: center;
}
.genisource-preview .aic-loop-run span.check{
  border-color: color-mix(in srgb, var(--red) 25%, var(--border));
  color: var(--red);
}
.genisource-preview .aic-loop-run i{
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .aic-loop-conditions{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.genisource-preview .aic-loop-conditions span{
  padding: 5px 7px;
  border-radius: 6px;
  background: var(--bg-soft);
  color: var(--text-2);
  font-size: 9px;
  text-align: center;
}
.genisource-preview .aic-speed-axis{
  min-height: 70px;
  display: grid;
  grid-template-columns: auto minmax(72px, 0.8fr) minmax(130px, 1.3fr) auto;
  align-items: center;
}
.genisource-preview .aic-speed-axis > span{
  position: relative;
  z-index: 1;
}
.genisource-preview .aic-speed-axis .send, .genisource-preview .aic-speed-axis .done{
  padding: 5px 7px;
  border-radius: 6px;
  background: var(--inverse-bg);
  color: var(--inverse-text);
  font-size: 9px;
}
.genisource-preview .aic-speed-axis .wait{
  height: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--border);
}
.genisource-preview .aic-speed-axis .wait b, .genisource-preview .aic-speed-axis .wait small, .genisource-preview .aic-speed-axis .ticks small{
  position: absolute;
  white-space: nowrap;
}
.genisource-preview .aic-speed-axis .wait b{
  top: -24px;
  color: var(--brand);
}
.genisource-preview .aic-speed-axis .wait small{
  top: 7px;
}
.genisource-preview .aic-speed-axis .ticks{
  height: 2px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: color-mix(in srgb, var(--brand) 30%, var(--border));
}
.genisource-preview .aic-speed-axis .ticks i{
  width: 7px;
  height: 22px;
  border-radius: 2px;
  background: var(--brand);
}
.genisource-preview .aic-speed-axis .ticks small{
  top: 19px;
  color: var(--brand);
}
.genisource-preview .aic-speed-legend{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}
.genisource-preview .aic-speed-legend span{
  padding: 5px;
  border-radius: 5px;
  background: var(--bg-soft);
  color: var(--text-3);
  font-size: 9px;
  text-align: center;
}
.genisource-preview .aic-token-text{
  align-self: center;
  color: var(--text-2);
  font-size: 13px;
  font-weight: 640;
}
.genisource-preview .aic-token-pieces{
  display: flex;
  justify-content: center;
  gap: 4px;
}
.genisource-preview .aic-token-pieces span{
  padding: 7px 9px;
  border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--border));
  border-radius: 6px;
  background: var(--brand-light);
  color: var(--brand);
  font-family: ui-monospace, monospace;
  font-size: 10px;
}
.genisource-preview .aic-token-pieces span:nth-child(even){
  transform: translateY(4px);
}
.genisource-preview .aic-token-count{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.genisource-preview .aic-token-count > span{
  display: flex;
  align-items: baseline;
  gap: 5px;
  padding: 5px 8px;
  border-radius: 6px;
  background: var(--bg-soft);
}
.genisource-preview .aic-token-count > i{
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .aic-cost-turns{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
.genisource-preview .aic-cost-turns span{
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
  padding: 7px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .aic-cost-turns span:nth-child(2){
  border-color: color-mix(in srgb, var(--brand) 22%, var(--border));
}
.genisource-preview .aic-cost-turns span:nth-child(3){
  border-color: color-mix(in srgb, var(--brand) 34%, var(--border));
}
.genisource-preview .aic-cost-turns span em{
  color: var(--text-3);
  font-size: 9px;
  font-style: normal;
}
.genisource-preview .aic-cost-total{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px;
  border-radius: 7px;
  background: var(--brand-light);
  color: var(--text-2);
  font-size: 9px;
}
.genisource-preview .aic-cost-total i{
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .aic-cost-total b{
  color: var(--brand);
}
.genisource-preview .aic-rate-main{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 74px;
  align-items: center;
  gap: 8px;
}
.genisource-preview .aic-rate-queue{
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 7px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .aic-rate-queue small{
  margin-right: auto;
  color: var(--brand);
}
.genisource-preview .aic-rate-queue span{
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: var(--bg-soft);
  color: var(--text-2);
  font-size: 9px;
}
.genisource-preview .aic-rate-main > i{
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .aic-rate-gate{
  display: flex;
  height: 50px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: 1px solid color-mix(in srgb, var(--brand) 28%, var(--border));
  border-radius: 8px;
  background: var(--brand-light);
}
.genisource-preview .aic-rate-gate b{
  color: var(--brand);
  font-size: 16px;
}
.genisource-preview .aic-rate-branches{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.genisource-preview .aic-rate-branches span{
  padding: 6px 8px;
  border-radius: 6px;
  background: var(--bg-soft);
  font-size: 9px;
  text-align: center;
}
@media (max-width: 420px){.genisource-preview .ai-card-visual{
    gap: 6px;
  }.genisource-preview .ai-card-openai-compatible-api{
    padding: 10px 11px;
  }.genisource-preview .ai-card-openai-compatible-row{
    grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr);
    gap: 6px;
    font-size: 10px;
  }.genisource-preview .ai-card-openai-compatible-row > b{
    font-size: 13px;
  }.genisource-preview .ai-card-openai-compatible-row > code{
    font-size: 10px;
  }.genisource-preview .aic-agent-work{
    grid-template-columns: minmax(94px, 0.8fr) minmax(0, 1.2fr);
  }.genisource-preview .aic-harness-frame{
    grid-template-columns: minmax(0, 1fr) minmax(88px, 1.1fr) minmax(0, 1fr);
  }.genisource-preview .aic-skill-layout{
    grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  }.genisource-preview .aic-modal-sides{
    grid-template-columns: minmax(0, 0.8fr) minmax(86px, 1fr) minmax(0, 0.8fr);
  }.genisource-preview .aic-vibe-stage{
    grid-template-columns: minmax(0, 1fr) minmax(90px, 1.05fr) minmax(0, 1fr);
  }.genisource-preview .aic-rate-queue span:nth-last-child(-n + 2){
    display: none;
  }}
.genisource-preview .aic-prompt-layer{
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 9px;
  border: 1px solid var(--border-light);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .aic-prompt-layer small{
  flex: none;
  color: var(--text-3);
}
.genisource-preview .aic-prompt-layer.is-user{
  border-color: color-mix(in srgb, var(--brand) 30%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .aic-prompt-layer.is-user small{
  color: var(--brand);
}
.genisource-preview .aic-prompt-layer b{
  font-size: 11px;
  font-weight: 500;
}
.genisource-preview .provider-call-config .real-editor{
  height: 100%;
}
.genisource-preview .provider-call-config .real-editor{
  border-color: color-mix(in srgb, var(--brand) 30%, var(--border));
}
.genisource-preview .provider-call-config .real-code > div.active{
  background: color-mix(in srgb, var(--brand) 13%, transparent);
}
.genisource-preview .tool-flow-node.brand{
  border-color: color-mix(in srgb, var(--brand) 34%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .tool-flow-object.file .tool-flow-object-lines{
  color: var(--text);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.genisource-preview .ai-card-visual:is(
  .ai-card-rag,
  .ai-card-fine-tuning,
  .ai-card-temperature,
  .ai-card-reasoning,
  .ai-card-injection,
  .ai-card-memory
){
  min-width: 0;
  gap: 12px;
  font-size: 14px;
  line-height: 1.5;
  container: recent-ai-card / inline-size;
}
.genisource-preview .ai-card-visual:is(
    .ai-card-rag,
    .ai-card-fine-tuning,
    .ai-card-temperature,
    .ai-card-reasoning,
    .ai-card-injection,
    .ai-card-memory
  )
  :is(div, span, b, strong, code, i){
  min-width: 0;
  overflow-wrap: anywhere;
}
.genisource-preview .ai-card-visual:is(
    .ai-card-rag,
    .ai-card-fine-tuning,
    .ai-card-temperature,
    .ai-card-reasoning,
    .ai-card-injection,
    .ai-card-memory
  )
  small{
  font-size: 12px;
  line-height: 1.5;
}
.genisource-preview .ai-card-visual:is(
    .ai-card-rag,
    .ai-card-fine-tuning,
    .ai-card-temperature,
    .ai-card-reasoning,
    .ai-card-injection,
    .ai-card-memory
  )
  i{
  font-style: normal;
}
.genisource-preview .ai-card-visual:is(
    .ai-card-rag,
    .ai-card-fine-tuning,
    .ai-card-temperature,
    .ai-card-reasoning,
    .ai-card-injection,
    .ai-card-memory
  )
  .aic-foot{
  padding: 8px;
  font-size: 12px;
  line-height: 1.5;
}
.genisource-preview .aic-rag-question, .genisource-preview .aic-temp-question, .genisource-preview .aic-rm-report, .genisource-preview .aic-injection-request{
  display: grid;
  gap: 4px;
}
.genisource-preview .aic-rag-flow{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}
.genisource-preview .aic-rag-source, .genisource-preview .aic-rag-answer{
  align-self: stretch;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  background: var(--bg-soft);
}
.genisource-preview .aic-rag-answer b{
  color: var(--brand);
}
.genisource-preview .aic-rag-flow > i{
  font-size: 20px;
  color: var(--text-3);
}
.genisource-preview .aic-ft-samples{
  display: grid;
  gap: 12px;
}
.genisource-preview .aic-ft-pair, .genisource-preview .aic-ft-new{
  display: grid;
  gap: 6px;
  padding: 12px;
  background: var(--bg-soft);
  border-radius: 8px;
}
.genisource-preview .aic-ft-new{
  background: var(--brand-light);
}
.genisource-preview .aic-ft-samples strong{
  font-weight: 500;
}
.genisource-preview .aic-temp-answers{
  display: grid;
  gap: 8px;
}
.genisource-preview .aic-temp-answers > span{
  padding: 10px 12px;
  border-radius: 6px;
  background: var(--bg-soft);
}
.genisource-preview .aic-temp-answers .high{
  background: var(--brand-light);
}
.genisource-preview .aic-rm-compare{
  display: grid;
  gap: 12px;
}
.genisource-preview .aic-rm-compare .row{
  display: grid;
  grid-template-columns: 6em minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}
.genisource-preview .aic-rm-compare .evidence{
  padding-top: 12px;
  border-top: 1px solid var(--border);
}
.genisource-preview .aic-injection-content{
  display: grid;
  gap: 8px;
  padding-block: 10px;
}
.genisource-preview .aic-injection-content .untrusted{
  padding: 10px 12px;
  border-radius: 6px;
  background: var(--bg-soft);
  color: var(--red);
}
.genisource-preview .aic-injection-action{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.genisource-preview .aic-injection-action > b{
  color: var(--brand);
}
.genisource-preview .aic-mem-slots{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.genisource-preview .aic-mem-slots .slot{
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 10px;
  border-radius: 6px;
  background: var(--bg-soft);
}
.genisource-preview .aic-mem-check{
  display: grid;
  gap: 6px;
  text-align: center;
  color: var(--brand);
}
@container recent-ai-card (max-width: 340px){.genisource-preview .aic-rag-flow, .genisource-preview .aic-mem-slots{
    grid-template-columns: minmax(0, 1fr);
  }.genisource-preview .aic-rag-flow > i{
    justify-self: center;
    transform: rotate(90deg);
  }.genisource-preview .aic-rm-compare .row{
    grid-template-columns: minmax(0, 1fr);
  }}
.genisource-preview .aic-ft-policy{
  display: block;
  padding: 8px 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-2);
}
.genisource-preview .catalog-layout
  .card-demo:not(.scaled-preview)
  > .card-demo-mount:has(
    > :is(
      .ai-card-rag,
      .ai-card-fine-tuning,
      .ai-card-temperature,
      .ai-card-reasoning,
      .ai-card-injection,
      .ai-card-memory
    )
  ){
  zoom: 1;
}
.genisource-preview .skill-tree > button.active{
  color: var(--brand);
  background: var(--brand-light);
}
.genisource-preview .skill-tree > button.active em{
  color: var(--brand);
  border-color: color-mix(in srgb, var(--brand) 26%, var(--border));
}
.genisource-preview .dom-demo, .genisource-preview .dns-demo, .genisource-preview .url-demo, .genisource-preview .api-demo, .genisource-preview .http-demo, .genisource-preview .json-demo, .genisource-preview .https-demo, .genisource-preview .cdn-demo{
  font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
}
.genisource-preview .dom-demo{ display: flex; flex-direction: column; gap: 8px; }
.genisource-preview .dom-demo-search{
  display: flex; align-items: center; gap: 8px;
  background: var(--bg); border: 1px solid var(--border); border-radius: 8px;
  padding: 8px 12px; font-size: 12px; color: var(--text-2);
  box-shadow: 0 0 0 3px rgba(99,102,241,.08);
}
.genisource-preview .dom-demo-row{
  display: flex; align-items: center; gap: 8px;
  background: var(--bg); border: 1px solid var(--border-light); border-radius: 8px;
  padding: 8px 12px; font-size: 12px; color: var(--text);
}
.genisource-preview .dom-demo-row .dom-name{ font-weight: 600; }
.genisource-preview .dom-demo-row .dom-price{ margin-left: auto; color: var(--text-2); }
.genisource-preview .dom-demo-row .dom-state{ font-size: 12px; padding: 1px 7px; border-radius: 99px; }
.genisource-preview .dom-demo-row .dom-state.ok{ color: var(--green); background: var(--green-light); }
.genisource-preview .dom-demo-row .dom-state.taken{ color: var(--text-3); background: var(--bg-hover); }
.genisource-preview .dom-demo-buy{
  font-size: 12px; color: var(--brand); background: var(--brand-light);
  border-radius: 5px; padding: 3px 9px;
}
.genisource-preview .dom-demo-row :is(.dom-name, .dom-state, .dom-price, .dom-demo-buy){
  white-space: nowrap;
}
@media (max-width: 720px){.genisource-preview .dom-demo-row{
    display: grid; grid-template-columns: minmax(0, 1fr) auto;
  }.genisource-preview .dom-demo-row .dom-state{ justify-self: end; }.genisource-preview .dom-demo-row .dom-price{
    grid-column: 1; grid-row: 2; margin-left: 0;
  }.genisource-preview .dom-demo-row .dom-demo-buy{
    grid-column: 2; grid-row: 2; justify-self: end;
  }.genisource-preview .dom-demo-row:not(:has(.dom-demo-buy)) .dom-price{
    grid-column: 2; justify-self: end;
  }}
.genisource-preview .dns-demo{ display: flex; align-items: stretch; gap: 6px; }
.genisource-preview .dns-node{
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px;
  background: var(--bg); border: 1px solid var(--border); border-radius: 8px;
  padding: 8px 6px; text-align: center;
}
.genisource-preview .dns-node .dns-ico{ font-size: 18px; line-height: 1; }
.genisource-preview .dns-node .dns-name{ font-size: 12px; font-weight: 600; color: var(--text); font-family: -apple-system, "PingFang SC", sans-serif; }
.genisource-preview .dns-node .dns-sub{ font-size: 12px; color: var(--text-3); line-height: 1.4; }
.genisource-preview .dns-arrow{ align-self: center; color: var(--text-3); font-size: 12px; flex: none; }
.genisource-preview .dns-anat .dns-node .ap{ display: contents; }
.genisource-preview .url-demo{ display: flex; flex-direction: column; gap: 10px; }
.genisource-preview .url-bar{
  display: flex; align-items: stretch; flex-wrap: wrap;
  background: var(--bg); border: 1px solid var(--border); border-radius: 8px;
  overflow: hidden; font-size: 12px;
}
.genisource-preview .url-seg{ padding: 7px 4px; color: var(--text); white-space: nowrap; }
.genisource-preview .url-seg.proto{ background: var(--green-light); color: var(--green); }
.genisource-preview .url-seg.host{ background: var(--brand-light); color: var(--brand); font-weight: 600; }
.genisource-preview .url-seg.path{ background: var(--warning-light); color: var(--warning); }
.genisource-preview .url-seg.query{ background: var(--code-keyword-light); color: var(--code-keyword); }
.genisource-preview .url-seg.hash{ background: var(--bg-hover); color: var(--text-2); }
.genisource-preview .url-legend{ display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12px; color: var(--text-3); font-family: -apple-system, "PingFang SC", sans-serif; }
.genisource-preview .url-legend i{ display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 4px; }
.genisource-preview .url-anat .url-bar{ font-size: 13px; }
.genisource-preview .api-demo{ display: flex; flex-direction: column; gap: 8px; }
.genisource-preview .api-req, .genisource-preview .api-resp{
  background: var(--bg); border: 1px solid var(--border); border-radius: 8px;
  padding: 8px 12px; font-size: 12px; line-height: 1.7; color: var(--text);
}
.genisource-preview .api-tag{
  display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .5px;
  border-radius: 4px; padding: 1px 6px; margin-bottom: 4px;
}
.genisource-preview .api-req .api-tag{ color: var(--brand); background: var(--brand-light); }
.genisource-preview .api-resp .api-tag{ color: var(--green); background: var(--green-light); }
.genisource-preview .api-method{ font-weight: 700; color: var(--brand); }
.genisource-preview .api-key-token{ color: var(--warning); }
.genisource-preview .api-status-ok{ color: var(--green); font-weight: 700; }
.genisource-preview .api-arrow{ text-align: center; color: var(--text-3); font-size: 12px; line-height: 1; }
.genisource-preview .http-demo{ display: flex; flex-direction: column; gap: 8px; }
.genisource-preview .http-msg{
  background: var(--bg); border: 1px solid var(--border); border-radius: 8px;
  padding: 8px 12px; font-size: 12px; line-height: 1.8; color: var(--text-2);
}
.genisource-preview .http-msg .http-title{ font-size: 12px; font-weight: 700; color: var(--text-3); letter-spacing: .5px; }
.genisource-preview .http-method-get{ color: var(--green); font-weight: 700; }
.genisource-preview .http-method-post{ color: var(--brand); font-weight: 700; }
.genisource-preview .http-url{ color: var(--text); }
.genisource-preview .http-head{ color: var(--text-3); }
.genisource-preview .http-body{
  display: block; margin-top: 4px; background: var(--bg-soft);
  border: 1px dashed var(--border); border-radius: 5px; padding: 4px 8px; color: var(--text);
}
.genisource-preview .http-anat .http-msg{ font-size: 12px; }
.genisource-preview .json-demo{
  background: #1d2129; border-radius: 8px; padding: 10px 14px;
  font-size: 12px; line-height: 1.8; color: #c9cdd4;
}
.genisource-preview .json-demo pre{ margin: 0; white-space: pre-wrap; }
.genisource-preview .json-k{ color: #7db3ff; }
.genisource-preview .json-s{ color: #a6d189; }
.genisource-preview .json-n{ color: #ffb86c; }
.genisource-preview .json-b{ color: #f38ba8; }
.genisource-preview .json-p{ color: var(--code-muted); }
.genisource-preview .https-demo{ display: flex; flex-direction: column; gap: 10px; }
.genisource-preview .https-bar{
  display: flex; align-items: center; gap: 8px;
  background: var(--bg); border: 1px solid var(--border); border-radius: 99px;
  padding: 7px 14px; font-size: 12px; color: var(--text);
}
.genisource-preview .https-bar .https-lock{ color: var(--green); font-size: 12px; }
.genisource-preview .https-bar .https-warn{
  font-size: 12px; color: var(--red); background: var(--red-light);
  border-radius: 99px; padding: 2px 8px; flex: none;
}
.genisource-preview .https-bar.ok{ border-color: #b7eb8f; }
.genisource-preview .https-bar.bad{ border-color: #ffa39e; }
.genisource-preview .https-cap{ font-size: 12px; color: var(--text-3); text-align: center; font-family: -apple-system, "PingFang SC", sans-serif; }
.genisource-preview .cdn-demo{ display: flex; align-items: stretch; gap: 6px; }
.genisource-preview .cdn-origin{
  flex: 1.1; display: flex; flex-direction: column; align-items: center; gap: 4px;
  background: var(--bg); border: 1px solid var(--brand); border-radius: 8px; padding: 8px 6px;
}
.genisource-preview .cdn-edges{ flex: 1.6; display: flex; flex-direction: column; gap: 5px; }
.genisource-preview .cdn-edge{
  display: flex; align-items: center; gap: 6px;
  background: var(--bg); border: 1px solid var(--border-light); border-radius: 7px;
  padding: 4px 10px; font-size: 12px; color: var(--text-2);
  font-family: -apple-system, "PingFang SC", sans-serif;
}
.genisource-preview .cdn-edge .cdn-ms{ margin-left: auto; color: var(--green); font-family: ui-monospace, Menlo, monospace; }
.genisource-preview .cdn-node-name{ font-size: 12px; font-weight: 600; color: var(--text); font-family: -apple-system, "PingFang SC", sans-serif; }
.genisource-preview .cdn-node-sub{ font-size: 12px; color: var(--text-3); }
.genisource-preview .cdn-arrow{ align-self: center; color: var(--text-3); font-size: 12px; flex: none; }
@media (max-width: 720px){.genisource-preview .detail .dns-anat .dns-arrow{
    transform: rotate(90deg);
  }.genisource-preview .detail-entry-https .mk-win{
    overflow-wrap: anywhere;
  }}
.genisource-preview .md-demo{ display: flex; align-items: stretch; gap: 8px; width: 100%; }
.genisource-preview .md-col{ flex: 1; min-width: 0; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; gap: 5px; }
.genisource-preview .md-tag{ font-size: 12px; letter-spacing: .6px; color: var(--text-3); }
.genisource-preview .md-arrow{ align-self: center; flex: none; color: var(--text-3); font-size: 14px; }
.genisource-preview .md-src{ display: flex; flex-direction: column; gap: 3px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12px; color: var(--text-2); }
.genisource-preview .md-out{ display: flex; flex-direction: column; gap: 4px; }
.genisource-preview .md-l{ display: block; line-height: 1.5; }
.genisource-preview .md-mark{ color: var(--brand); }
.genisource-preview .md-h{ font-size: 14px; font-weight: 700; color: var(--text); }
.genisource-preview .md-p{ font-size: 12px; color: var(--text-2); }
.genisource-preview .md-li{ font-size: 12px; color: var(--text-2); padding-left: 12px; position: relative; }
.genisource-preview .md-li::before{ content: ""; position: absolute; left: 2px; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: var(--text-3); }
.genisource-preview .md-code{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; background: var(--bg-soft); border: 1px solid var(--border-light); border-radius: 4px; padding: 2px 6px; color: var(--text-2); }
.genisource-preview .html-demo{ display: flex; align-items: stretch; gap: 8px; width: 100%; }
.genisource-preview .html-tree{ flex: 1.1; min-width: 0; display: flex; flex-direction: column; gap: 3px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; }
.genisource-preview .html-node{ background: var(--bg); border: 1px solid var(--border); border-radius: 4px; padding: 2px 7px; color: var(--brand); white-space: nowrap; overflow: hidden; }
.genisource-preview .html-node em{ color: var(--text-3); font-style: normal; font-family: inherit; }
.genisource-preview .html-d1{ margin-left: 14px; }
.genisource-preview .html-d2{ margin-left: 28px; }
.genisource-preview .html-arrow{ align-self: center; flex: none; color: var(--text-3); font-size: 14px; }
.genisource-preview .html-page{ flex: 1; min-width: 0; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; display: flex; flex-direction: column; gap: 5px; }
.genisource-preview .terminal-win{ width: 100%; background: #1f2430; border-radius: 8px; overflow: hidden; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12px; line-height: 1.55; color: #d7dae0; }
.genisource-preview .terminal-bar{ display: flex; align-items: center; gap: 5px; padding: 6px 9px; background: #2a303c; }
.genisource-preview .terminal-bar i{ width: 7px; height: 7px; border-radius: 50%; background: #454c5c; }
.genisource-preview .terminal-bar span{ font-size: 12px; color: var(--code-muted); margin-left: 4px; }
.genisource-preview .terminal-body{ padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; text-align: left; }
.genisource-preview .terminal-p{ color: #4ade80; }
.genisource-preview .terminal-c{ color: #ffffff; }
.genisource-preview .terminal-g{ color: #4ade80; }
.genisource-preview .terminal-d{ color: var(--code-muted); }
.genisource-preview .npm-demo{ display: flex; align-items: center; gap: 8px; width: 100%; }
.genisource-preview .npm-card{ flex: 1; min-width: 0; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; gap: 4px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; color: var(--text-2); }
.genisource-preview .npm-tag{ font-size: 12px; color: var(--text-3); letter-spacing: .3px; }
.genisource-preview .npm-k{ color: var(--brand); }
.genisource-preview .npm-arrow{ flex: none; font-size: 12px; color: var(--text-3); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-align: center; }
.genisource-preview .env-var-demo{ display: flex; flex-direction: column; gap: 8px; width: 100%; }
.genisource-preview .env-var-file{ background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; gap: 4px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12px; }
.genisource-preview .env-var-tag{ font-size: 12px; color: var(--text-3); letter-spacing: .3px; }
.genisource-preview .env-var-key{ color: var(--brand); font-weight: 600; }
.genisource-preview .env-var-file i{ color: var(--text-3); font-style: normal; }
.genisource-preview .env-var-row{ display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.genisource-preview .env-var-code{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; background: var(--bg-soft); border: 1px solid var(--border-light); border-radius: 5px; padding: 3px 8px; color: var(--text-2); }
.genisource-preview .env-var-shield{ font-size: 12px; color: #16a34a; }
.genisource-preview .deploy-demo{ display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; width: 100%; }
.genisource-preview .deploy-step{ flex: none; max-width: 100%; overflow: hidden; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 7px 12px; font-size: 12px; color: var(--text-2); white-space: nowrap; }
.genisource-preview .deploy-arrow{ flex: none; color: var(--text-3); font-size: 12px; font-style: normal; }
.genisource-preview .deploy-step.deploy-on{ border-color: color-mix(in srgb, var(--brand) 34%, var(--border)); color: var(--brand); background: var(--brand-light); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; font-weight: 650; text-overflow: ellipsis; }
.genisource-preview .db-demo{ display: flex; align-items: center; gap: 10px; width: 100%; }
.genisource-preview .db-table{ flex: 1; min-width: 0; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; font-size:12px; }
.genisource-preview .db-title{ display: block; padding: 4px 9px; background: var(--bg-soft); border-bottom: 1px solid var(--border-light); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12px; color: var(--text-2); }
.genisource-preview .db-grid{ display: grid; grid-template-columns: 24px 1fr 1fr; }
.genisource-preview .db-th{ padding: 3px 9px; font-weight: 600; color: var(--text); background: var(--bg-soft); border-bottom: 1px solid var(--border-light); font-size:12px; }
.genisource-preview .db-td{ padding: 3px 9px; color: var(--text-2); border-bottom: 1px solid var(--border-light); }
.genisource-preview .db-crud{ display: flex; flex-direction: column; gap: 4px; }
.genisource-preview .db-op{ font-size: 12px; padding: 2px 8px; border-radius: 4px; background: var(--brand-light); color: var(--brand); border: 1px solid var(--brand); text-align: center; }
.genisource-preview .gitflow-node.on{ border-color: var(--brand); background: var(--brand-light); }
.genisource-preview .gitflow-node.on b{ color: var(--brand); }
.genisource-preview .gitflow-node.dim{ opacity: .5; }
.genisource-preview .gitflow-arrow.on{ color: var(--brand); font-weight: 700; }
.genisource-preview .gitflow-arrow.on small{ color: var(--brand); }
.genisource-preview .gitflow-dots i.on{ background: var(--brand); }
.genisource-preview .gitflow-dots i.green{ background: #16a34a; }
.genisource-preview .gitflow-br-tag.green{ color: var(--green); background: var(--green-light); border-color: #bbf7d0; }
.genisource-preview .gitflow-br-dot.green{ background: #16a34a; }
.genisource-preview .gitflow-br-line.green{ background: #bbf7d0; }
.genisource-preview .gitflow-col.on{ border-color: var(--brand); background: var(--brand-light); }
.genisource-preview .gitflow-box.on{ border-color: var(--brand); background: var(--brand-light); }
.genisource-preview .gitflow-tag.green{ color: var(--green); background: var(--green-light); border-color: #bbf7d0; }
.genisource-preview .stack-map{
  display: flex; flex-direction: column; gap: 9px; width: 100%; max-width: 310px;
  color: var(--text); font-size: 12px;
}
.genisource-preview .dh-demo .stack-map{ max-width: 720px; gap: 14px; font-size: 14px; }
.genisource-preview .stack-map *{ box-sizing: border-box; }
.genisource-preview .stack-window{
  overflow: hidden; border: 1px solid var(--border); border-radius: 9px;
  background: var(--bg); box-shadow: 0 7px 20px rgba(29, 33, 41, .06);
}
.genisource-preview .stack-window-bar{
  display: flex; align-items: center; gap: 4px; height: 20px; padding: 0 7px;
  border-bottom: 1px solid var(--border-light); background: var(--bg-soft);
}
.genisource-preview .stack-window-bar i{ width: 5px; height: 5px; border-radius: 50%; background: var(--border); }
.genisource-preview .stack-window-bar span{
  min-width: 0; flex: 1; margin-left: 4px; overflow: hidden; color: var(--text-3);
  font-size: 11px; text-align: center; text-overflow: ellipsis; white-space: nowrap;
}
.genisource-preview .stack-front-nav{ display: flex; align-items: center; justify-content: space-between; padding: 7px 10px; }
.genisource-preview .stack-front-nav b{ font-size: 11px; letter-spacing: .7px; }
.genisource-preview .stack-front-nav span{ color: var(--text-3); font-size: 11px; }
.genisource-preview .stack-front-page{
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(62px, .8fr);
  gap: 12px; align-items: center; padding: 10px; background: var(--bg-soft);
}
.genisource-preview .stack-front-page > span{ display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 4px; }
.genisource-preview .stack-front-page small{ color: var(--brand); font-size: 11px; }
.genisource-preview .stack-front-page strong{ color: var(--text); font-size: 12px; line-height: 1.25; }
.genisource-preview .stack-front-page em{ color: var(--text-3); font-size: 11px; font-style: normal; line-height: 1.5; }
.genisource-preview .stack-front-page > span > b{ padding: 4px 7px; border-radius: 5px; background: var(--brand); color: var(--on-brand); font-size: 11px; }
.genisource-preview .stack-front-page > i{
  display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 8px;
  border: 1px solid var(--border-light); border-radius: 7px; background: var(--bg);
  box-shadow: 0 4px 12px rgba(29, 33, 41, .06);
}
.genisource-preview .stack-front-page > i::before{ content: "UI"; color: var(--text-2); font-size: 11px; font-style: normal; font-weight: 700; }
.genisource-preview .stack-front-page u{ display: block; height: 5px; border-radius: 99px; background: var(--bg-hover); text-decoration: none; }
.genisource-preview .stack-front-page u:nth-child(2){ width: 76%; }
.genisource-preview .stack-front-page u:nth-child(3){ width: 56%; background: color-mix(in srgb, var(--brand) 22%, var(--bg)); }
.genisource-preview .stack-layer-row{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.genisource-preview .stack-layer-row span{
  display: flex; min-width: 0; align-items: center; justify-content: center; gap: 4px;
  padding: 5px 4px; border: 1px solid var(--border-light); border-radius: 6px;
  background: var(--bg); color: var(--text-3); font-size: 11px; white-space: nowrap;
}
.genisource-preview .stack-layer-row b{ color: var(--text); font-size: 11px; }
.genisource-preview .stack-map-back{
  padding: 11px; border: 1px solid var(--border); border-radius: 9px;
  background: var(--bg); box-shadow: 0 7px 20px rgba(29, 33, 41, .06);
}
.genisource-preview .stack-request, .genisource-preview .stack-response{
  display: flex; align-items: center; gap: 6px; min-width: 0; padding: 7px 8px;
  border: 1px solid var(--border-light); border-radius: 7px; background: var(--bg-soft);
}
.genisource-preview .stack-request > span{ color: var(--text-3); font-size: 11px; }
.genisource-preview .stack-request > b, .genisource-preview .stack-response > b{
  padding: 2px 5px; border-radius: 4px; background: color-mix(in srgb, var(--brand) 12%, var(--bg));
  color: var(--brand); font-size: 11px;
}
.genisource-preview .stack-request code, .genisource-preview .stack-response code{
  min-width: 0; overflow: hidden; color: var(--text-2); font-size: 11px;
  text-overflow: ellipsis; white-space: nowrap;
}
.genisource-preview .stack-request > i, .genisource-preview .stack-response > i{ margin-left: auto; color: var(--text-3); font-size: 11px; font-style: normal; white-space: nowrap; }
.genisource-preview .stack-back-pipeline{ display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 5px; }
.genisource-preview .stack-back-pipeline > span{
  display: flex; min-width: 0; min-height: 58px; flex-direction: column; justify-content: center; gap: 3px;
  padding: 7px; border: 1px solid var(--border-light); border-radius: 7px; background: var(--bg);
}
.genisource-preview .stack-back-pipeline > span > i{
  display: inline-flex; width: 14px; height: 14px; align-items: center; justify-content: center;
  border-radius: 50%; background: color-mix(in srgb, var(--brand) 10%, var(--bg));
  color: var(--brand); font-size: 11px; font-style: normal;
}
.genisource-preview .stack-back-pipeline b{ overflow: hidden; color: var(--text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.genisource-preview .stack-back-pipeline small{ color: var(--text-3); font-size: 11px; line-height: 1.3; }
.genisource-preview .stack-back-pipeline > em{ color: var(--text-3); font-size: 11px; font-style: normal; }
.genisource-preview .stack-response{ flex-direction: row-reverse; }
.genisource-preview .stack-response > i{ margin: 0 auto 0 0; }
.genisource-preview .dh-demo .stack-window{ border-radius: 12px; }
.genisource-preview .dh-demo .stack-window-bar{ height: 30px; gap: 6px; padding: 0 11px; }
.genisource-preview .dh-demo .stack-window-bar i{ width: 7px; height: 7px; }
.genisource-preview .dh-demo .stack-window-bar span{ margin-left: 7px; font-size: 11px; }
.genisource-preview .dh-demo .stack-front-nav{ padding: 11px 16px; }
.genisource-preview .dh-demo .stack-front-nav b{ font-size: 12px; letter-spacing: 1px; }
.genisource-preview .dh-demo .stack-front-nav span{ font-size: 11px; }
.genisource-preview .dh-demo .stack-front-page{
  grid-template-columns: minmax(0, 1.25fr) minmax(120px, .75fr);
  gap: 22px; padding: 18px;
}
.genisource-preview .dh-demo .stack-front-page > span{ gap: 7px; }
.genisource-preview .dh-demo .stack-front-page small{ font-size: 12px; }
.genisource-preview .dh-demo .stack-front-page strong{ font-size: 19px; }
.genisource-preview .dh-demo .stack-front-page em{ font-size: 11px; }
.genisource-preview .dh-demo .stack-front-page > span > b{ padding: 7px 11px; border-radius: 7px; font-size: 11px; }
.genisource-preview .dh-demo .stack-front-page > i{ gap: 8px; padding: 14px; border-radius: 10px; }
.genisource-preview .dh-demo .stack-front-page > i::before{ font-size: 11px; }
.genisource-preview .dh-demo .stack-front-page u{ height: 7px; }
.genisource-preview .dh-demo .stack-layer-row{ gap: 8px; }
.genisource-preview .dh-demo .stack-layer-row span{ gap: 6px; padding: 9px 7px; border-radius: 8px; font-size: 11px; }
.genisource-preview .dh-demo .stack-layer-row b{ font-size: 11px; }
.genisource-preview .dh-demo .stack-map-back{ gap: 14px; padding: 18px; border-radius: 12px; }
.genisource-preview .dh-demo .stack-request, .genisource-preview .dh-demo .stack-response{ gap: 10px; padding: 11px 14px; border-radius: 9px; }
.genisource-preview .dh-demo .stack-request > span{ font-size: 11px; }
.genisource-preview .dh-demo .stack-request > b, .genisource-preview .dh-demo .stack-response > b{ padding: 3px 7px; border-radius: 5px; font-size: 11px; }
.genisource-preview .dh-demo .stack-request code, .genisource-preview .dh-demo .stack-response code{ font-size: 11px; }
.genisource-preview .dh-demo .stack-request > i, .genisource-preview .dh-demo .stack-response > i{ font-size: 11px; }
.genisource-preview .dh-demo .stack-back-pipeline{ gap: 9px; }
.genisource-preview .dh-demo .stack-back-pipeline > span{
  min-height: 94px; gap: 5px; padding: 12px; border-radius: 9px;
}
.genisource-preview .dh-demo .stack-back-pipeline > span > i{ width: 22px; height: 22px; font-size: 11px; }
.genisource-preview .dh-demo .stack-back-pipeline b{ font-size: 13px; }
.genisource-preview .dh-demo .stack-back-pipeline small{ font-size: 12px; line-height: 1.45; }
.genisource-preview .dh-demo .stack-back-pipeline > em{ font-size: 12px; }
.genisource-preview .foundation-step.blue, .genisource-preview .foundation-box.blue{
  border-color: var(--border); background: var(--bg); color: var(--brand);
}
.genisource-preview .foundation-step.green, .genisource-preview .foundation-box.green{
  border-color: var(--border); background: var(--bg); color: var(--green);
}
.genisource-preview .foundation-step.red, .genisource-preview .foundation-box.red{
  border-color: var(--border); background: var(--bg); color: var(--red);
}
.genisource-preview .foundation-code b.danger{ color: #ff9f9f; }
.genisource-preview .foundation-compare > span.green, .genisource-preview .foundation-compare > span.red{ border-color: var(--border); background: var(--bg); }
.genisource-preview .foundation-compare > span.green b{ color: var(--green); }
.genisource-preview .foundation-compare > span.red b{ color: var(--red); }
.genisource-preview .foundation-ui-field.error > b{
  border-color: color-mix(in srgb, var(--red) 55%, var(--border));
  background: var(--red-light); color: var(--red);
}
.genisource-preview .foundation-ui-action.red{ background: var(--red); }
@media (max-width: 720px){.genisource-preview .stack-front-page{ grid-template-columns: minmax(0, 1fr) 72px; }.genisource-preview .stack-back-pipeline{ grid-template-columns: 1fr; }.genisource-preview .stack-back-pipeline > em{ display: none; }.genisource-preview .stack-back-pipeline > span{ min-height: 48px; }}
.genisource-preview .sl-demo{ display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; width: 100%; }
.genisource-preview .sl-io{
  display: grid;
  justify-items: center;
  gap: 2px;
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .sl-io small{ color: var(--text-3); font-size: 10px; }
.genisource-preview .sl-io b{ color: var(--text-2); font: 600 11px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.genisource-preview .sl-arrow{ color: var(--text-3); font-size: 12px; font-style: normal; }
.genisource-preview .sl-fn{
  display: grid;
  justify-items: center;
  gap: 2px;
  padding: 8px 14px;
  border: 1px solid color-mix(in srgb, var(--brand) 34%, var(--border));
  border-radius: 8px;
  background: var(--brand-light);
}
.genisource-preview .sl-fn b{ color: var(--brand); font-size: 12px; }
.genisource-preview .sl-fn small{ color: var(--text-3); font-size: 10px; }
.genisource-preview .sl-note{ flex-basis: 100%; color: var(--text-3); font-size: 11px; text-align: center; }
.genisource-preview .fw-demo, .genisource-preview .route-demo, .genisource-preview .sql-demo, .genisource-preview .val-demo, .genisource-preview .auth-demo, .genisource-preview .az-demo{
  display: grid;
  gap: 10px;
  width: 100%;
  max-width: 360px;
}
.genisource-preview .fw-pipe{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: 4px;
}
.genisource-preview .fw-pipe > i, .genisource-preview .auth-flow > i{
  align-self: center;
  color: var(--text-3);
  font-size: 12px;
  font-style: normal;
}
.genisource-preview .fw-step{
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px 7px;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  background: var(--bg);
  text-align: center;
}
.genisource-preview .fw-step small{ color: var(--text-3); font-size: 10px; }
.genisource-preview .fw-step b{ color: var(--text); font-size: 12px; }
.genisource-preview .fw-step em{
  color: var(--text-3);
  font-size: 10px;
  font-style: normal;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.genisource-preview .fw-step.on, .genisource-preview .fw-anat-step.on{
  border-color: color-mix(in srgb, var(--brand) 30%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .fw-step.on b, .genisource-preview .fw-anat-step.on b{ color: var(--brand); }
.genisource-preview .fw-note, .genisource-preview .route-note{
  color: var(--text-3);
  font-size: 11px;
  text-align: center;
  line-height: 1.4;
}
.genisource-preview .route-board{
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg);
}
.genisource-preview .route-row{
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: var(--bg-soft);
}
.genisource-preview .route-row.on{
  border-color: color-mix(in srgb, var(--brand) 28%, var(--border));
  background: color-mix(in srgb, var(--brand-light) 55%, var(--bg));
}
.genisource-preview .route-row b, .genisource-preview .m-get, .genisource-preview .m-post{
  display: inline-grid;
  place-items: center;
  min-width: 44px;
  min-height: 20px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .02em;
}
.genisource-preview .route-row b.m-get, .genisource-preview .m-get{ background: var(--green); color: var(--on-status); }
.genisource-preview .route-row b.m-post, .genisource-preview .m-post{ background: var(--brand); color: var(--on-brand); }
.genisource-preview .route-row code{
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font: 600 11px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .route-row span{ color: var(--text-3); font-size: 11px; white-space: nowrap; }
.genisource-preview .route-piece.path{ color: var(--text); background: var(--bg-soft); }
.genisource-preview .route-piece.query{ color: var(--text-3); background: var(--bg-soft); }
.genisource-preview .sql-demo{ max-width: 320px; }
.genisource-preview .sql-query{
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid #243044;
  border-radius: 10px;
  background: #171a22;
  color: #dbe4ff;
  font: 500 12px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-align: left;
}
.genisource-preview .sql-query b{ color: #93c5fd; font-weight: 700; }
.genisource-preview .sql-query.compact{ padding: 8px 10px; font-size: 11px; }
.genisource-preview .sql-bridge{
  display: flex;
  justify-content: center;
}
.genisource-preview .sql-bridge span{
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  color: var(--brand);
  background: var(--brand-light);
  font-size: 11px;
  font-weight: 650;
}
.genisource-preview .sql-table{
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg);
  font-size: 12px;
}
.genisource-preview .sql-head, .genisource-preview .sql-row{
  display: grid;
  grid-template-columns: 32px 1fr 1fr;
}
.genisource-preview .sql-head span, .genisource-preview .sql-row span{
  padding: 6px 8px;
  border-bottom: 1px solid var(--border-light);
}
.genisource-preview .sql-head span{
  color: var(--text-3);
  background: var(--bg-soft);
  font-size: 11px;
  font-weight: 700;
}
.genisource-preview .sql-row span{ color: var(--text-2); }
.genisource-preview .sql-row:last-child span{ border-bottom: 0; }
.genisource-preview .sql-row.hit span{
  color: var(--text);
  background: color-mix(in srgb, var(--brand) 10%, var(--bg));
  font-weight: 650;
}
.genisource-preview .sql-row.dim span{ color: var(--text-3); opacity: .72; }
.genisource-preview .val-form{
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg);
}
.genisource-preview .val-form label{
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 8px;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  background: var(--bg-soft);
}
.genisource-preview .val-form label > span{ color: var(--text-3); font-size: 11px; }
.genisource-preview .val-form label > b{
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .val-form label > i{
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}
.genisource-preview .val-form label.ok{ border-color: color-mix(in srgb, var(--green) 30%, var(--border)); }
.genisource-preview .val-form label.ok > i{ color: color-mix(in srgb, var(--green) 80%, var(--text)); }
.genisource-preview .val-form label.bad{
  border-color: color-mix(in srgb, var(--red) 34%, var(--border));
  background: color-mix(in srgb, var(--red) 6%, var(--bg));
}
.genisource-preview .val-form label.bad > b, .genisource-preview .val-form label.bad > i{ color: var(--red); }
.genisource-preview .val-gate{
  display: grid;
  gap: 2px;
  justify-items: center;
  padding: 8px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--red) 7%, var(--bg));
  border: 1px solid color-mix(in srgb, var(--red) 22%, var(--border));
  text-align: center;
}
.genisource-preview .val-gate small{ color: var(--text-3); font-size: 10px; }
.genisource-preview .val-gate strong{ color: var(--red); font-size: 12px; }
.genisource-preview .val-piece.rules, .genisource-preview .auth-piece.on{ border-color: color-mix(in srgb, var(--brand) 28%, var(--border)); color: var(--brand); background: var(--brand-light); }
.genisource-preview .val-piece.ok, .genisource-preview .auth-piece.ok{ border-color: color-mix(in srgb, var(--green) 30%, var(--border)); color: color-mix(in srgb, var(--green) 78%, var(--text)); background: color-mix(in srgb, var(--green) 8%, var(--bg)); }
.genisource-preview .val-piece.bad{ border-color: color-mix(in srgb, var(--red) 30%, var(--border)); color: var(--red); background: color-mix(in srgb, var(--red) 6%, var(--bg)); }
.genisource-preview .auth-card{
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--text) 5%, transparent);
}
.genisource-preview .auth-card label{
  display: grid;
  gap: 4px;
}
.genisource-preview .auth-card label > span{ color: var(--text-3); font-size: 11px; }
.genisource-preview .auth-card label > b{
  min-height: 32px;
  padding: 7px 9px;
  border: 1px solid var(--border);
  border-radius: 7px;
  color: var(--text);
  background: var(--bg-soft);
  font-size: 12px;
  font-weight: 500;
}
.genisource-preview .auth-card button{
  min-height: 34px;
  border: 0;
  border-radius: 8px;
  color: var(--on-brand);
  background: var(--brand);
  font-size: 12px;
  font-weight: 700;
  cursor: default;
}
.genisource-preview .auth-flow{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.genisource-preview .auth-flow span{
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 3px 8px;
  border: 1px solid var(--border-light);
  border-radius: 999px;
  color: var(--text-3);
  background: var(--bg);
  font-size: 11px;
  font-weight: 650;
}
.genisource-preview .auth-flow span.on{ color: var(--brand); border-color: color-mix(in srgb, var(--brand) 28%, var(--border)); background: var(--brand-light); }
.genisource-preview .auth-flow span.ok{ color: color-mix(in srgb, var(--green) 78%, var(--text)); border-color: color-mix(in srgb, var(--green) 28%, var(--border)); background: color-mix(in srgb, var(--green) 8%, var(--bg)); }
.genisource-preview .az-who{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-soft);
}
.genisource-preview .az-who small{ color: var(--text-3); font-size: 11px; }
.genisource-preview .az-who b{ color: var(--text); font-size: 12px; }
.genisource-preview .az-matrix{
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg);
}
.genisource-preview .az-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 5px 8px;
  border-radius: 6px;
  background: var(--bg-soft);
  font-size: 12px;
}
.genisource-preview .az-row span{ color: var(--text-2); }
.genisource-preview .az-row em{
  min-width: 40px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
  text-align: center;
}
.genisource-preview .az-row em.ok{
  color: color-mix(in srgb, var(--green) 78%, var(--text));
  background: color-mix(in srgb, var(--green) 10%, var(--bg));
}
.genisource-preview .az-row em.no{
  color: var(--red);
  background: color-mix(in srgb, var(--red) 8%, var(--bg));
}
.genisource-preview .dh-demo .fw-demo, .genisource-preview .dh-demo .route-demo, .genisource-preview .dh-demo .sql-demo, .genisource-preview .dh-demo .val-demo, .genisource-preview .dh-demo .auth-demo, .genisource-preview .dh-demo .az-demo{ max-width: 420px; }
.genisource-preview .dh-demo .fw-step{ min-height: 78px; padding: 12px 10px; }
.genisource-preview .dh-demo .sql-query{ font-size: 13px; padding: 14px 16px; }
.genisource-preview .dh-demo .auth-card{ padding: 16px; }
@media (min-width: 721px){.genisource-preview .detail-hero .dh-demo :is(
    .fw-demo,
    .route-demo,
    .sql-demo,
    .val-demo,
    .auth-demo,
    .az-demo
  ){
    width: 100%;
    max-width: none;
  }.genisource-preview .detail-hero .dh-demo .fw-step{ min-height: 104px; }.genisource-preview .detail-hero .dh-demo .sql-demo{
    grid-template-columns: minmax(0, .9fr) auto minmax(0, 1.1fr);
    align-items: stretch;
  }.genisource-preview .detail-hero .dh-demo .sql-bridge{ align-items: center; }.genisource-preview .detail-hero .dh-demo .val-demo{
    grid-template-columns: minmax(0, 1.35fr) minmax(220px, .75fr);
    align-items: stretch;
  }.genisource-preview .detail-hero .dh-demo .auth-demo{
    grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 28px;
  }.genisource-preview .detail-hero .dh-demo .auth-flow{
    flex-wrap: nowrap;
    justify-content: space-between;
  }.genisource-preview .detail-hero .dh-demo .az-demo{
    grid-template-columns: minmax(190px, .6fr) minmax(0, 1.4fr);
    align-items: stretch;
    gap: 18px;
  }.genisource-preview .detail-hero .dh-demo .az-who{
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }}
@media (max-width: 720px){.genisource-preview .fw-demo, .genisource-preview .route-demo, .genisource-preview .sql-demo, .genisource-preview .val-demo, .genisource-preview .auth-demo, .genisource-preview .az-demo{
    max-width: 100%;
  }.genisource-preview .fw-pipe{
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }.genisource-preview .fw-pipe > i{ justify-self: center; transform: rotate(90deg); }.genisource-preview .fw-step{ min-height: 0; }.genisource-preview .route-row{
    grid-template-columns: 48px minmax(0, 1fr);
  }.genisource-preview .route-row span{
    grid-column: 2;
    white-space: normal;
  }.genisource-preview .sql-query{ font-size: 11px; padding: 10px; }.genisource-preview .sql-head, .genisource-preview .sql-row{ grid-template-columns: 28px minmax(0, 1fr) minmax(0, 1fr); }.genisource-preview .val-form label{
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 4px 8px;
  }.genisource-preview .val-form label > i{
    grid-column: 2;
    justify-self: start;
  }.genisource-preview .auth-card{ padding: 10px; }.genisource-preview .auth-flow{ gap: 4px; }.genisource-preview .auth-flow span{ font-size: 10px; padding: 3px 6px; }.genisource-preview .az-who{ flex-wrap: wrap; }.genisource-preview .dh-demo .fw-step{ min-height: 0; padding: 10px 8px; }}
.genisource-preview .foundation-card-visual{
  width: min(420px, 100%);
  min-width: 0;
  color: var(--text);
  font-size: 11px;
}
.genisource-preview .foundation-card-visual *, .genisource-preview .foundation-card-visual *::before, .genisource-preview .foundation-card-visual *::after{
  box-sizing: border-box;
}
.genisource-preview .foundation-card-visual code, .genisource-preview .foundation-card-visual button, .genisource-preview .foundation-card-visual input{
  font: inherit;
}
.genisource-preview .foundation-card-visual button{
  border: 0;
  cursor: default;
}
.genisource-preview .fc-foot{
  color: var(--text-3);
  font-size: 10px;
  line-height: 1.35;
  text-align: center;
}
.genisource-preview .fc-component{
  display: grid;
  grid-template-columns: minmax(112px, 0.72fr) minmax(0, 1.28fr);
  gap: 9px 12px;
  align-items: center;
}
.genisource-preview .fc-component-source{
  display: grid;
  gap: 4px;
  padding: 11px;
  border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--border));
  border-radius: 9px;
  background: var(--brand-light);
}
.genisource-preview .fc-component-source small, .genisource-preview .fc-component-pages small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .fc-component-source b{
  color: var(--brand);
  font-size: 13px;
}
.genisource-preview .fc-component-source code{
  color: var(--text-2);
  font-size: 9px;
}
.genisource-preview .fc-component-pages{
  display: grid;
  grid-template-columns: 1fr 12px 1fr;
  align-items: center;
  gap: 4px;
}
.genisource-preview .fc-component-pages span{
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .fc-component-pages span b{
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
}
.genisource-preview .fc-component-pages i{
  height: 1px;
  background: var(--brand);
}
.genisource-preview .fc-component .fc-foot{
  grid-column: 1 / -1;
}
.genisource-preview .fc-state{
  display: grid;
  gap: 9px;
}
.genisource-preview .fc-state-form{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 8px;
  padding: 9px 11px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: var(--bg);
}
.genisource-preview .fc-state-form small{
  grid-column: 1 / -1;
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .fc-state-form b{
  align-self: center;
}
.genisource-preview .fc-state-form button{
  padding: 4px 8px;
  border-radius: 6px;
  color: var(--green);
  background: var(--green-light);
}
.genisource-preview .fc-state-track{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
}
.genisource-preview .fc-state-track span{
  padding: 4px 6px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--bg);
  white-space: nowrap;
}
.genisource-preview .fc-state-track i, .genisource-preview .fc-state-track em{
  color: var(--text-3);
  font-size: 9px;
  font-style: normal;
}
.genisource-preview .fc-state-track .ok{
  border-color: color-mix(in srgb, var(--green) 35%, var(--border));
  color: var(--green);
  background: var(--green-light);
}
.genisource-preview .fc-state-track .fail{
  color: var(--red);
  background: var(--red-light);
}
.genisource-preview .fc-port{
  display: grid;
  gap: 8px;
}
.genisource-preview .fc-port-address{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
.genisource-preview .fc-port-address code{
  padding: 5px 9px;
  border-radius: 6px;
  color: var(--brand);
  background: var(--brand-light);
  font-weight: 700;
}
.genisource-preview .fc-port-address b{
  color: var(--text-2);
  font-size: 10px;
}
.genisource-preview .fc-port-sockets{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}
.genisource-preview .fc-port-sockets span{
  display: grid;
  justify-items: center;
  gap: 4px;
  padding: 9px 5px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .fc-port-sockets span.active{
  border-color: color-mix(in srgb, var(--brand) 42%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .fc-port-sockets code{
  color: var(--brand);
  font-weight: 700;
}
.genisource-preview .fc-port-sockets b{
  color: var(--text-2);
  font-size: 10px;
}
.genisource-preview .fc-box-model{
  display: grid;
  grid-template-columns: minmax(155px, 1.15fr) minmax(110px, 0.85fr);
  align-items: center;
  gap: 8px 14px;
}
.genisource-preview .fc-box-layers span{
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-size: 9px;
}
.genisource-preview .fc-box-layers .margin{
  padding: 6px;
  border: 1px dashed var(--border);
  color: var(--text-3);
  background: var(--bg-soft);
}
.genisource-preview .fc-box-layers .border{
  padding: 6px;
  color: var(--text-2);
  background: var(--text-2);
}
.genisource-preview .fc-box-layers .padding{
  padding: 9px;
  color: var(--brand);
  background: var(--brand-light);
}
.genisource-preview .fc-box-layers b{
  width: 100%;
  padding: 9px 5px;
  color: var(--text);
  background: var(--bg);
  font-size: 10px;
  text-align: center;
}
.genisource-preview .fc-box-equation{
  display: grid;
  justify-items: center;
  gap: 6px;
}
.genisource-preview .fc-box-equation code{
  color: var(--text-3);
  font-size: 10px;
}
.genisource-preview .fc-box-equation strong{
  color: var(--brand);
  font-size: 18px;
}
.genisource-preview .fc-box-model .fc-foot{
  grid-column: 1 / -1;
}
.genisource-preview .fc-overflow{
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(105px, 0.7fr);
  align-items: center;
  gap: 12px;
}
.genisource-preview .fc-overflow-window{
  position: relative;
  height: 78px;
  overflow: hidden;
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .fc-overflow-window small{
  color: var(--red);
  font-size: 8px;
}
.genisource-preview .fc-overflow-window span{
  color: var(--text-2);
  font-size: 9px;
}
.genisource-preview .fc-overflow-window button{
  justify-self: start;
  margin-top: 3px;
  padding: 5px 8px;
  border-radius: 5px;
  color: white;
  background: var(--brand);
}
.genisource-preview .fc-overflow-window i{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 13px;
  border-top: 1px dashed var(--red);
  color: var(--red);
  background: color-mix(in srgb, var(--red-light) 88%, transparent);
  font-size: 8px;
  font-style: normal;
  text-align: right;
}
.genisource-preview .fc-overflow-note{
  display: grid;
  gap: 6px;
  text-align: center;
}
.genisource-preview .fc-overflow-note span{
  padding: 5px;
  border-radius: 6px;
  font-size: 9px;
}
.genisource-preview .fc-overflow-note .fail{
  color: var(--red);
  background: var(--red-light);
}
.genisource-preview .fc-overflow-note .ok{
  color: var(--green);
  background: var(--green-light);
}
.genisource-preview .fc-overflow-note b{
  color: var(--text-3);
}
.genisource-preview .fc-cors{
  display: grid;
  gap: 8px;
}
.genisource-preview .fc-cors-request{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 7px;
}
.genisource-preview .fc-cors-request span{
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
  text-align: center;
}
.genisource-preview .fc-cors-request small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .fc-cors-request b{
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
}
.genisource-preview .fc-cors-request i{
  color: var(--brand);
  font-style: normal;
}
.genisource-preview .fc-cors-response{
  display: flex;
  align-items: center;
  gap: 7px;
}
.genisource-preview .fc-cors-response code{
  min-width: 0;
  flex: 1;
  overflow: hidden;
  padding: 6px 8px;
  border-radius: 6px;
  color: var(--brand);
  background: var(--brand-light);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .fc-cors-response .ok{
  color: var(--green);
  font-size: 9px;
  white-space: nowrap;
}
.genisource-preview .fc-storage{
  display: grid;
  gap: 8px;
}
.genisource-preview .fc-storage-devices{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 7px;
}
.genisource-preview .fc-storage-devices section{
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--border));
  border-radius: 8px;
  background: var(--brand-light);
}
.genisource-preview .fc-storage-devices section.empty{
  border-color: var(--border);
  background: var(--bg);
}
.genisource-preview .fc-storage-devices small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .fc-storage-devices b, .genisource-preview .fc-storage-devices code{
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .fc-storage-devices > i{
  color: var(--red);
  font-size: 9px;
  font-style: normal;
  text-align: center;
}
.genisource-preview .fc-storage-server{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  color: var(--text-3);
  font-size: 9px;
  text-align: center;
}
.genisource-preview .fc-storage-server b{
  padding: 5px 8px;
  border-radius: 6px;
  color: var(--green);
  background: var(--green-light);
  font-size: 10px;
}
.genisource-preview .fc-seo{
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 8px 12px;
  align-items: center;
}
.genisource-preview .fc-seo article, .genisource-preview .fc-seo-result{
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .fc-seo small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .fc-seo article span{
  color: var(--text-2);
  font-size: 9px;
  line-height: 1.4;
}
.genisource-preview .fc-seo-result a{
  color: var(--brand);
  font-size: 11px;
  font-weight: 650;
}
.genisource-preview .fc-seo-result code{
  color: var(--green);
  font-size: 9px;
}
.genisource-preview .fc-seo .fc-foot{
  grid-column: 1 / -1;
}
.genisource-preview .fc-redirect{
  display: grid;
  gap: 8px;
}
.genisource-preview .fc-redirect-bar{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  padding: 6px 9px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .fc-redirect-bar small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .fc-redirect-bar code{
  overflow: hidden;
  color: var(--text-2);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .fc-redirect-network{
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 5px;
}
.genisource-preview .fc-redirect-network span{
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--bg);
}
.genisource-preview .fc-redirect-network span.location{
  border-color: color-mix(in srgb, var(--brand) 35%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .fc-redirect-network span.ok{
  border-color: color-mix(in srgb, var(--green) 35%, var(--border));
  background: var(--green-light);
}
.genisource-preview .fc-redirect-network span b{
  font-size: 9px;
}
.genisource-preview .fc-redirect-network span code{
  overflow: hidden;
  color: var(--text-3);
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .fc-redirect-network > i{
  align-self: center;
  color: var(--brand);
  font-size: 9px;
  font-style: normal;
}
.genisource-preview .fc-chat{
  overflow: hidden;
  display: grid;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: var(--bg);
}
.genisource-preview .fc-chat-head{
  display: flex;
  justify-content: space-between;
  padding: 6px 9px;
  border-bottom: 1px solid var(--border-light);
}
.genisource-preview .fc-chat-head small{
  color: var(--green);
  font-size: 9px;
}
.genisource-preview .fc-chat-messages{
  display: grid;
  gap: 4px;
  padding: 7px 9px;
}
.genisource-preview .fc-chat-messages p{
  width: fit-content;
  max-width: 82%;
  margin: 0;
  padding: 4px 7px;
  border-radius: 6px;
  color: var(--text-2);
  background: var(--bg-soft);
  font-size: 9px;
}
.genisource-preview .fc-chat-messages p.user{
  justify-self: end;
  color: var(--brand);
  background: var(--brand-light);
}
.genisource-preview .fc-chat-messages p.error{
  color: var(--red);
  background: var(--red-light);
}
.genisource-preview .fc-chat-input{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 8px;
  border-top: 1px solid var(--border-light);
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .fc-chat-input button{
  padding: 4px 7px;
  border-radius: 5px;
  color: white;
  background: var(--brand);
}
.genisource-preview .fc-responsive{
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) auto minmax(80px, 0.65fr);
  align-items: center;
  gap: 7px;
}
.genisource-preview .fc-responsive > b{
  color: var(--brand);
  font-size: 9px;
  font-weight: 600;
}
.genisource-preview .fc-responsive-view{
  overflow: hidden;
  display: grid;
  gap: 4px;
  padding: 5px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .fc-responsive-view > small{
  color: var(--text-3);
  font-size: 8px;
}
.genisource-preview .fc-responsive-view header{
  padding: 4px;
  color: white;
  background: var(--text);
  font-size: 8px;
  white-space: nowrap;
}
.genisource-preview .fc-responsive-view section{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
}
.genisource-preview .fc-responsive-view section i{
  height: 36px;
  border-radius: 3px;
  background: var(--brand-light);
}
.genisource-preview .fc-responsive-view.mobile section{
  grid-template-columns: 1fr;
}
.genisource-preview .fc-responsive-view.mobile section i{
  height: 10px;
}
.genisource-preview .fc-responsive .fc-foot{
  grid-column: 1 / -1;
}
.genisource-preview .fc-search{
  display: grid;
  gap: 7px;
}
.genisource-preview .fc-search-input{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid color-mix(in srgb, var(--brand) 40%, var(--border));
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .fc-search-input span{
  color: var(--brand);
  font-size: 15px;
}
.genisource-preview .fc-search-input i{
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .fc-search-results{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}
.genisource-preview .fc-search-results article{
  display: grid;
  gap: 3px;
  padding: 7px 9px;
  border-radius: 7px;
  background: var(--bg-soft);
}
.genisource-preview .fc-search-results small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .fc-search-results mark{
  color: var(--brand);
  background: color-mix(in srgb, var(--brand-light) 65%, transparent);
}
.genisource-preview .fc-filter{
  display: grid;
  gap: 7px;
}
.genisource-preview .fc-filter-controls{
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.genisource-preview .fc-filter-controls span{
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--brand);
  background: var(--brand-light);
  font-size: 9px;
}
.genisource-preview .fc-filter-controls button{
  margin-left: auto;
  color: var(--text-3);
  background: transparent;
  font-size: 9px;
}
.genisource-preview .fc-filter-list{
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  padding-right: 48px;
}
.genisource-preview .fc-filter-list article{
  display: grid;
  gap: 3px;
  padding: 7px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .fc-filter-list small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .fc-filter-list > i{
  position: absolute;
  top: 50%;
  right: 0;
  color: var(--brand);
  font-size: 9px;
  font-style: normal;
  transform: translateY(-50%);
}
.genisource-preview .fc-chart{
  display: grid;
  gap: 6px;
}
.genisource-preview .fc-chart-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.genisource-preview .fc-chart-head small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .fc-chart-bars{
  height: 76px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: end;
  gap: 6px;
  padding: 5px 8px 0;
  border-bottom: 1px solid var(--border);
}
.genisource-preview .fc-chart-bars span{
  position: relative;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
  justify-items: center;
  align-items: end;
  gap: 3px;
}
.genisource-preview .fc-chart-bars span i{
  width: 70%;
  height: var(--v);
  border-radius: 3px 3px 0 0;
  background: color-mix(in srgb, var(--brand) 35%, var(--bg-soft));
}
.genisource-preview .fc-chart-bars span.max i{
  background: var(--brand);
}
.genisource-preview .fc-chart-bars small{
  color: var(--text-3);
  font-size: 8px;
}
.genisource-preview .fc-chart-bars span b{
  position: absolute;
  top: 0;
  color: var(--brand);
  font-size: 9px;
}
.genisource-preview .fc-dark-mode{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 7px;
}
.genisource-preview .fc-dark-mode > i{
  color: var(--brand);
  font-style: normal;
}
.genisource-preview .fc-theme{
  display: grid;
  gap: 5px;
  padding: 9px;
  border: 1px solid #d8dce5;
  border-radius: 8px;
  color: #20232b;
  background: var(--bg);
}
.genisource-preview .fc-theme small{
  color: #6b7280;
  font-size: 9px;
}
.genisource-preview .fc-theme span{
  font-size: 9px;
}
.genisource-preview .fc-theme button{
  justify-self: start;
  padding: 4px 7px;
  border-radius: 5px;
  color: #fff;
  background: #3156d3;
}
.genisource-preview .fc-theme.dark{
  border-color: #3d4452;
  color: #f3f4f6;
  background: #171a21;
}
.genisource-preview .fc-theme.dark small, .genisource-preview .fc-theme.dark span{
  color: #aeb4c0;
}
.genisource-preview .fc-dark-mode .fc-foot{
  grid-column: 1 / -1;
}
.genisource-preview .fc-design-token{
  display: grid;
  gap: 0;
}
.genisource-preview .fc-token-source{
  justify-self: center;
  display: grid;
  gap: 3px;
  padding: 6px 10px;
  border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--border));
  border-radius: 7px;
  background: var(--brand-light);
}
.genisource-preview .fc-token-source small{
  color: var(--text-3);
  font-size: 8px;
}
.genisource-preview .fc-token-source code{
  color: var(--brand);
  font-size: 9px;
  font-weight: 700;
}
.genisource-preview .fc-token-links{
  width: 68%;
  height: 15px;
  justify-self: center;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.genisource-preview .fc-token-links i{
  border-top: 1px solid var(--brand);
  border-left: 1px solid var(--brand);
}
.genisource-preview .fc-token-links i:last-child{
  border-right: 1px solid var(--brand);
}
.genisource-preview .fc-token-components{
  display: grid;
  grid-template-columns: 0.75fr 1fr 1fr;
  align-items: stretch;
  gap: 6px;
}
.genisource-preview .fc-token-components button, .genisource-preview .fc-token-components label, .genisource-preview .fc-token-components article{
  min-width: 0;
  padding: 7px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .fc-token-components button{
  align-self: center;
  color: white;
  background: var(--brand);
}
.genisource-preview .fc-token-components label{
  display: grid;
  gap: 3px;
  color: var(--text-3);
  font-size: 8px;
}
.genisource-preview .fc-token-components input{
  min-width: 0;
  width: 100%;
  border: 0;
  color: var(--text);
  background: transparent;
  font-size: 9px;
}
.genisource-preview .fc-token-components article{
  display: grid;
  gap: 3px;
  border-color: var(--brand);
}
.genisource-preview .fc-token-components article small{
  color: var(--brand);
  font-size: 8px;
}
.genisource-preview .fc-token-components article b{
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .fc-design-token .fc-foot{
  margin-top: 6px;
}
@media (max-width: 560px){.genisource-preview .fc-component, .genisource-preview .fc-box-model, .genisource-preview .fc-overflow, .genisource-preview .fc-seo{
    grid-template-columns: minmax(0, 1fr);
  }.genisource-preview .fc-component .fc-foot, .genisource-preview .fc-box-model .fc-foot, .genisource-preview .fc-seo .fc-foot{
    grid-column: 1;
  }.genisource-preview .fc-overflow-note{
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }.genisource-preview .fc-redirect-network{
    gap: 3px;
  }.genisource-preview .fc-redirect-network span{
    padding: 5px 3px;
  }}
.genisource-preview .server-log-mini{
  width: min(420px, 100%);
  overflow: hidden;
  display: grid;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--text);
  background: var(--bg);
  font: 10px/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.genisource-preview .server-log-mini-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 9px;
  border-bottom: 1px solid var(--border-light);
  background: var(--bg-soft);
}
.genisource-preview .server-log-mini-head code{ color: var(--brand); }
.genisource-preview .server-log-mini-lines{ display: grid; padding: 5px 9px; }
.genisource-preview .server-log-mini-lines span{
  display: grid;
  grid-template-columns: 52px minmax(80px, 1fr) minmax(90px, 1.2fr);
  gap: 7px;
  padding: 4px 0;
  color: var(--text-2);
  border-bottom: 1px solid var(--border-light);
}
.genisource-preview .server-log-mini-lines span:last-child{ border-bottom: 0; }
.genisource-preview .server-log-mini-lines i{ color: var(--text-3); font-style: normal; }
.genisource-preview .server-log-mini-lines code{
  overflow: hidden;
  color: var(--brand);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .server-log-mini-lines .ok b, .genisource-preview .server-log-mini-lines .ok code{ color: var(--green); }
.genisource-preview .server-log-mini > small{
  padding: 5px 9px;
  color: var(--text-3);
  background: var(--bg-soft);
  text-align: center;
}
.genisource-preview .td-tick.is-pass{ color: var(--td-ink); }
.genisource-preview .td-tick.is-pass i{ color: var(--on-status); background: var(--td-pass); }
.genisource-preview .td-tick.is-fail{ color: var(--td-alert); font-weight: 700; }
.genisource-preview .td-tick.is-fail i{ color: var(--on-status); background: var(--td-alert); }
.genisource-preview .td-network-pane b.is-live{ color: #8dd4ae; }
.genisource-preview .td-table-row.is-new{ background: var(--td-pass-soft); }
.genisource-preview .td-receipt main .is-change{ color: var(--td-alert); text-decoration: underline; text-underline-offset: 4px; }
.genisource-preview .td-receipt main .is-pass{ color: var(--td-pass); }
.genisource-preview .td-job-list > div.is-current > i{ color: var(--on-status); background: var(--td-pass); }
.genisource-preview .td-fixture li.is-current{ color: var(--td-ink); font-weight: 700; }
.genisource-preview .td-fixture li.is-current::before{ color: var(--on-status); background: var(--td-pass); }
.genisource-preview .td-lint-layout pre em.is-error{ color: var(--on-status); background: var(--td-alert); }
.genisource-preview .td-metric-chart > i.is-high{ height: 72%; background: var(--td-alert); }
.genisource-preview .td-version-lanes .is-canary .td-traffic-meter i{ min-width: 0; background: #7f8994; }
.genisource-preview .td-environment-pools > section.is-live{ opacity: 1; box-shadow: 0 0 0 2px var(--td-ink); }
.genisource-preview .td-environment-pools > section.is-green > header{ background: var(--td-pass); }
.genisource-preview .td-environment-pools > section.is-green > p{ background: var(--td-pass-soft); }
.genisource-preview .testing-delivery-preview{
  width: min(100%, 410px);
  min-height: 154px;
  margin: auto;
  padding: 0;
  color: var(--td-ink, #20242a);
  background: transparent;
  font-family: ui-sans-serif, system-ui, sans-serif;
}
.genisource-preview .testing-delivery-preview > strong{ display: none; }
.genisource-preview .testing-delivery-preview :is(header, p, h4, ol, dl){ margin: 0; }
.genisource-preview .testing-delivery-preview :is(small, span, em, code, b, strong, button, dt, dd, p, li){ font-size: 13px; line-height: 1.35; }
.genisource-preview .testing-delivery-preview button{ pointer-events: none; }
.genisource-preview .tdv-sheet, .genisource-preview .tdv-login, .genisource-preview .tdv-code, .genisource-preview .tdv-browser, .genisource-preview .tdv-probes, .genisource-preview .tdv-receipt, .genisource-preview .tdv-terminal, .genisource-preview .tdv-pr, .genisource-preview .tdv-jobs, .genisource-preview .tdv-stage-site, .genisource-preview .tdv-tree, .genisource-preview .tdv-request, .genisource-preview .tdv-table, .genisource-preview .tdv-runs, .genisource-preview .tdv-editor, .genisource-preview .tdv-monitor, .genisource-preview .tdv-rollback, .genisource-preview .tdv-flag, .genisource-preview .tdv-release-split, .genisource-preview .tdv-environment-switch{
  width: 100%;
  overflow: hidden;
  border: 1px solid #cfd4da;
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .tdv-sheet{ padding: 14px 16px; }
.genisource-preview .tdv-sheet header, .genisource-preview .tdv-receipt header, .genisource-preview .tdv-probes header, .genisource-preview .tdv-pr header, .genisource-preview .tdv-monitor header, .genisource-preview .tdv-flag header{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.genisource-preview .tdv-sheet header b{ font-size: 15px; }
.genisource-preview .tdv-sheet header em, .genisource-preview .tdv-probes header em, .genisource-preview .tdv-pr header em{ padding: 3px 6px; border-radius: 4px; color: var(--td-pass); background: var(--td-pass-soft); font-style: normal; font-weight: 750; }
.genisource-preview .tdv-sheet p{ padding: 5px 0; color: var(--td-pass); border-bottom: 1px solid #edf0f2; }
.genisource-preview .tdv-login{ display: grid; grid-template-columns: 1fr auto; gap: 9px 10px; padding: 16px; }
.genisource-preview .tdv-login :is(small, span){ grid-column: 1 / -1; padding: 8px 9px; border: 1px solid #d5d9de; border-radius: 5px; color: var(--text-2); background: var(--bg); }
.genisource-preview .tdv-login button{ padding: 7px 13px; border: 0; border-radius: 5px; color: #fff; background: #20242a; }
.genisource-preview .tdv-login em{ align-self: center; color: var(--td-alert); font-style: normal; }
.genisource-preview .tdv-code, .genisource-preview .tdv-terminal, .genisource-preview .tdv-editor{ padding: 14px 16px; color: #e7ebef; background: #24282d; font-family: ui-monospace, monospace; }
.genisource-preview .tdv-code{ display: grid; gap: 7px; }
.genisource-preview .tdv-code span{ color: #aeb7c1; }
.genisource-preview .tdv-code b{ color: #91d5ac; }
.genisource-preview .tdv-code small{ color: var(--text-2); }
.genisource-preview .tdv-integration{ display: grid; grid-template-columns: .8fr 1.2fr .8fr; width: 100%; min-height: 150px; overflow: hidden; border: 1px solid #cfd4da; border-radius: 8px; background: var(--bg); }
.genisource-preview .tdv-integration > :is(span, code, b){ display: grid; place-items: center; padding: 12px; border-right: 1px solid #d9dde1; text-align: center; }
.genisource-preview .tdv-integration code{ color: #dbe1e8; background: #24282d; font-family: ui-monospace, monospace; }
.genisource-preview .tdv-integration b{ color: var(--td-pass); background: var(--td-pass-soft); }
.genisource-preview .tdv-integration small{ grid-column: 1 / -1; align-self: end; padding: 9px 12px; color: var(--text-2); border-top: 1px solid #d9dde1; }
.genisource-preview .tdv-browser header, .genisource-preview .tdv-stage-site header, .genisource-preview .tdv-request header, .genisource-preview .tdv-table header, .genisource-preview .tdv-runs header{ padding: 9px 12px; color: var(--text-2); border-bottom: 1px solid #d9dde1; background: var(--bg-hover); font: 13px/1.3 ui-monospace, monospace; }
.genisource-preview .tdv-browser ol{ display: grid; grid-template-columns: repeat(3, 1fr); padding: 15px 12px 10px; list-style: none; }
.genisource-preview .tdv-browser li{ color: var(--td-pass); text-align: center; }
.genisource-preview .tdv-browser strong{ display: block; padding: 8px 12px 14px; font: 800 22px/1.2 ui-monospace, monospace; text-align: center; }
.genisource-preview .tdv-probes{ padding: 13px 15px; }
.genisource-preview .tdv-probes header b{ font-size: 15px; }
.genisource-preview .tdv-probes > span{ display: block; padding: 5px 0; color: var(--td-pass); border-top: 1px solid #eceef0; }
.genisource-preview .tdv-receipt{ padding: 13px 15px; }
.genisource-preview .tdv-receipt header b{ font-size: 17px; }
.genisource-preview .tdv-receipt p{ display: flex; justify-content: space-between; padding: 5px 0; }
.genisource-preview .tdv-receipt p em{ color: var(--td-pass); font-style: normal; font-weight: 800; }
.genisource-preview .tdv-receipt small{ display: block; margin-top: 5px; padding-top: 7px; color: var(--td-alert); border-top: 1px solid #e2e5e8; }
.genisource-preview .tdv-terminal{ display: grid; gap: 6px; }
.genisource-preview .tdv-terminal code{ color: #fff; }
.genisource-preview .tdv-terminal span{ color: #9da7b1; }
.genisource-preview .tdv-terminal b{ margin-top: 2px; color: #91d5ac; }
.genisource-preview .tdv-terminal small{ color: #c1c8d0; }
.genisource-preview .tdv-terminal em{ justify-self: start; padding: 2px 5px; color: #91d5ac; background: #35453c; font-style: normal; }
.genisource-preview .tdv-pr{ padding: 12px 14px; }
.genisource-preview .tdv-pr > p{ display: inline-block; margin-right: 10px; color: var(--td-pass); }
.genisource-preview .tdv-pr button{ display: block; width: 100%; margin-top: 10px; padding: 7px; border: 0; border-radius: 5px; color: var(--on-status); background: var(--td-pass); font-weight: 750; }
.genisource-preview .tdv-jobs{ padding: 7px 14px; }
.genisource-preview .tdv-jobs p{ display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid #eceef0; }
.genisource-preview .tdv-jobs p:last-child{ border-bottom: 0; }
.genisource-preview .tdv-jobs i{ display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; color: var(--on-status); background: var(--td-pass); font-style: normal; }
.genisource-preview .tdv-jobs p:last-child i{ color: var(--text-2); background: var(--bg-hover); }
.genisource-preview .tdv-jobs em{ color: #7d6542; font-style: normal; }
.genisource-preview .tdv-stage-site header{ display: flex; justify-content: space-between; }
.genisource-preview .tdv-stage-site header b{ padding: 2px 5px; color: var(--text-2); background: var(--bg-hover); }
.genisource-preview .tdv-stage-site > em{ display: block; padding: 6px 12px; color: var(--text-2); background: var(--bg-hover); font-style: normal; text-align: center; }
.genisource-preview .tdv-stage-site h4{ padding: 16px 15px 3px; font-size: 17px; }
.genisource-preview .tdv-stage-site p{ padding: 2px 15px 15px; color: var(--text-2); }
.genisource-preview .tdv-tree{ display: grid; justify-items: center; gap: 12px; padding: 15px; }
.genisource-preview .tdv-tree > b{ padding: 7px 12px; color: var(--td-pass); background: var(--td-pass-soft); }
.genisource-preview .tdv-tree > div{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; width: 100%; }
.genisource-preview .tdv-tree span{ padding: 8px; color: var(--td-pass); background: var(--td-pass-soft); text-align: center; }
.genisource-preview .tdv-tree span.is-gap{ color: var(--text-2); background: repeating-linear-gradient(135deg, #f1f2f3 0 6px, #e5e7e9 6px 7px); }
.genisource-preview .tdv-tree small{ color: var(--td-alert); }
.genisource-preview .tdv-request dl{ display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 0; padding: 8px 12px 12px; }
.genisource-preview .tdv-request :is(dt, dd){ margin: 0; padding: 6px 0; border-bottom: 1px solid #eceef0; font-family: ui-monospace, monospace; }
.genisource-preview .tdv-request dt{ color: var(--text-2); }
.genisource-preview .tdv-request dd.is-pass{ color: var(--td-pass); font-weight: 750; }
.genisource-preview .tdv-table header, .genisource-preview .tdv-table p{ display: grid; grid-template-columns: .8fr 1.5fr .7fr; gap: 8px; }
.genisource-preview .tdv-table p{ padding: 12px; background: var(--td-pass-soft); }
.genisource-preview .tdv-table p em{ color: var(--text-2); font-style: normal; }
.genisource-preview .tdv-table small{ display: block; padding: 9px 12px; color: var(--text-2); text-align: center; }
.genisource-preview .tdv-runs p{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 5px 12px; }
.genisource-preview .tdv-runs p span{ padding: 5px 7px; color: var(--td-pass); background: var(--td-pass-soft); }
.genisource-preview .tdv-runs p span.is-fail{ color: var(--td-alert); background: var(--td-alert-soft); }
.genisource-preview .tdv-runs small{ display: block; padding: 8px 12px 12px; color: var(--text-2); }
.genisource-preview .tdv-editor{ display: grid; gap: 3px; }
.genisource-preview .tdv-editor code{ display: grid; grid-template-columns: 26px minmax(0, 1fr); padding: 4px 6px; }
.genisource-preview .tdv-editor code i{ color: var(--text-2); font-style: normal; }
.genisource-preview .tdv-editor code.is-error{ color: #fff; background: #6a3439; }
.genisource-preview .tdv-editor b{ margin-top: 7px; padding: 7px; color: #ffd5d5; background: #4b2f32; }
.genisource-preview .tdv-monitor{ padding: 13px 15px; }
.genisource-preview .tdv-monitor header span{ font-weight: 700; }
.genisource-preview .tdv-monitor header b{ color: var(--td-alert); font-size: 19px; }
.genisource-preview .tdv-monitor > div{ display: flex; align-items: flex-end; gap: 8px; height: 72px; border-bottom: 1px solid #d9dde1; }
.genisource-preview .tdv-monitor > div i{ flex: 1; height: 20%; background: #717b86; }
.genisource-preview .tdv-monitor > div i.is-high{ height: 80%; background: var(--td-alert); }
.genisource-preview .tdv-monitor > em{ display: block; padding-top: 7px; color: var(--td-alert); font-style: normal; }
.genisource-preview .tdv-rollback{ padding: 10px 14px; }
.genisource-preview .tdv-rollback p{ display: flex; justify-content: space-between; padding: 8px; border-bottom: 1px solid #eceef0; }
.genisource-preview .tdv-rollback p.is-live{ color: var(--td-pass); background: var(--td-pass-soft); }
.genisource-preview .tdv-rollback p em{ font-style: normal; }
.genisource-preview .tdv-rollback footer{ padding: 10px 8px 3px; color: var(--text-2); }
.genisource-preview .tdv-rollback footer b{ color: var(--td-pass); }
.genisource-preview .tdv-flag{ padding: 12px 14px; }
.genisource-preview .tdv-flag header b{ padding: 3px 7px; border-radius: 99px; color: var(--on-status); background: var(--td-pass); }
.genisource-preview .tdv-flag section{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }
.genisource-preview .tdv-flag p{ display: grid; gap: 6px; padding: 11px; background: var(--bg-hover); }
.genisource-preview .tdv-flag p:first-child{ color: #fff; background: #303840; }
.genisource-preview .tdv-flag small{ color: inherit; opacity: .72; }
.genisource-preview .tdv-release-split{ padding: 12px 14px; }
.genisource-preview .tdv-release-split header, .genisource-preview .tdv-environment-switch > header{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.genisource-preview .tdv-release-split header span, .genisource-preview .tdv-environment-switch > header span{ color: var(--text-2); }
.genisource-preview .tdv-release-split p{ display: grid; grid-template-columns: 90px minmax(0, 1fr) 36px; align-items: center; gap: 8px; min-height: 34px; }
.genisource-preview .tdv-release-split p i{ display: block; width: var(--share); min-width: 3px; height: 8px; background: #5f6872; }
.genisource-preview .tdv-release-split p.is-canary i{ background: var(--td-alert); }
.genisource-preview .tdv-release-split p em{ font-style: normal; text-align: right; }
.genisource-preview .tdv-release-split footer{ margin-top: 8px; padding-top: 8px; color: var(--text-2); border-top: 1px solid #eceef0; }
.genisource-preview .tdv-release-split footer b{ color: var(--td-alert); }
.genisource-preview .tdv-environment-switch{ padding: 12px 14px; }
.genisource-preview .tdv-environment-switch > header b{ color: var(--td-pass); }
.genisource-preview .tdv-environment-switch section{ display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 9px; }
.genisource-preview .tdv-environment-switch section > i{ color: var(--text-2); font-style: normal; }
.genisource-preview .tdv-environment-switch section p{ display: grid; gap: 4px; padding: 10px; color: #fff; background: var(--td-blue, #365f86); }
.genisource-preview .tdv-environment-switch section p.is-live{ background: var(--td-pass); }
.genisource-preview .tdv-environment-switch section p small{ opacity: .72; }
.genisource-preview .tdv-environment-switch section p em{ font-style: normal; opacity: .82; }
.genisource-preview .tdv-environment-switch footer{ padding-top: 9px; color: var(--text-2); text-align: center; }
.genisource-preview .td-contract-step > .td-badge.is-fail{ color: var(--td-alert); }
.genisource-preview .style-minimal-demo{
  width: 100%; background: #fff; border: 1px solid #ececf0; border-radius: 14px; overflow: hidden;
}
.genisource-preview .style-minimal-btn.ghost{ background: #fff; color: #3c3c43; border: 1px solid #e2e2e7; }
.genisource-preview .style-apple-demo{
  width: 100%; background: #fbfbfd; border: 1px solid #eeeef2; border-radius: 16px; overflow: hidden;
}
.genisource-preview .style-notion-demo{
  display: flex; width: 100%; background: #f7f7f5; border: 1px solid #ececea; border-radius: 12px; overflow: hidden;
}
.genisource-preview .style-notion-sideitem.on{ background: #ebebe8; color: #37352f; font-weight: 600; }
.genisource-preview .style-notion-check.done{ background: #37352f; border-color: #37352f; }
.genisource-preview .style-bento-demo{
  width: 100%; background: #f5f5f7; border: 1px solid #ececf0; border-radius: 16px;
  padding: 12px; display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 62px; gap: 10px;
}
.genisource-preview .style-glass-demo{
  width: 100%; border-radius: 16px; padding: 20px; position: relative; overflow: hidden;
  background: linear-gradient(115deg, #4338ca 0%, #7c3aed 40%, #db2777 75%, #f97316 110%);
}
.genisource-preview .style-brutalism-demo{
  width: 100%; height: 100%; padding: 14px; overflow: hidden; color: #050505;
  background-color: #ffc62d;
  background-image: radial-gradient(#5f521d 1px, transparent 1.2px);
  background-size: 14px 14px;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}
.genisource-preview .style-brutalism-demo *{ box-sizing: border-box; }
.genisource-preview .style-brutalism-app{
  width: 100%; height: 100%; min-height: 0; display: flex; flex-direction: column;
  background: #fff8ee; border: 3px solid #050505; box-shadow: 7px 7px 0 #050505;
  overflow: hidden;
}
.genisource-preview .style-brutalism-topbar{
  height: 42px; flex: none; display: flex; align-items: center; gap: 14px; padding: 0 12px;
  background: #fff8ee; border-bottom: 3px solid #050505; font-size: 11px;
}
.genisource-preview .style-brutalism-brand{ display: flex; align-items: center; gap: 8px; min-width: 0; }
.genisource-preview .style-brutalism-brand > span{
  width: 25px; height: 25px; display: inline-flex; align-items: center; justify-content: center;
  flex: none; background: #050505; color: #ffc62d; font: 800 11px/1 ui-monospace, monospace;
}
.genisource-preview .style-brutalism-brand > b{ font-size: 11px; letter-spacing: -.4px; white-space: nowrap; }
.genisource-preview .style-brutalism-brand > i{
  padding: 2px 6px; background: #ff8ed8; border: 1.5px solid #050505;
  font-size: 11px; font-style: normal; font-weight: 800; white-space: nowrap;
}
.genisource-preview .style-brutalism-live{ margin-left: auto; display: flex; align-items: center; gap: 5px; font-weight: 800; white-space: nowrap; }
.genisource-preview .style-brutalism-live i{ width: 7px; height: 7px; border: 1.5px solid #050505; background: #c9ff56; }
.genisource-preview .style-brutalism-profile{
  display: flex; align-items: center; gap: 6px; padding-left: 10px; border-left: 2px solid #050505; white-space: nowrap;
}
.genisource-preview .style-brutalism-profile > span{
  width: 23px; height: 23px; display: inline-flex; align-items: center; justify-content: center;
  border: 2px solid #050505; background: #87dcf2; font-size: 11px; font-weight: 900;
}
.genisource-preview .style-brutalism-profile > i{ font-style: normal; font-size: 12px; }
.genisource-preview .style-brutalism-shell{ flex: 1; min-height: 0; display: grid; grid-template-columns: 132px minmax(0, 1fr); }
.genisource-preview .style-brutalism-sidebar{
  min-height: 0; padding: 12px 10px; display: flex; flex-direction: column;
  background: #eaff74; border-right: 3px solid #050505;
}
.genisource-preview .style-brutalism-sidebar nav{ display: grid; gap: 5px; }
.genisource-preview .style-brutalism-sidebar nav span{
  min-height: 29px; display: flex; align-items: center; gap: 7px; padding: 5px 7px;
  border: 2px solid transparent; font-size: 11px; font-weight: 800; white-space: nowrap;
}
.genisource-preview .style-brutalism-sidebar nav span i{ color: #675f37; font-size: 11px; font-style: normal; }
.genisource-preview .style-brutalism-sidebar nav span.on{ background: #fff8ee; border-color: #050505; box-shadow: 3px 3px 0 #050505; }
.genisource-preview .style-brutalism-sidebar nav span.on i{ color: #050505; }
.genisource-preview .style-brutalism-side-goal{
  position: relative; margin-top: auto; padding: 9px; background: #ff8ed8; border: 2px solid #050505;
}
.genisource-preview .style-brutalism-side-goal small{ display: block; font-size: 11px; font-weight: 900; letter-spacing: .7px; }
.genisource-preview .style-brutalism-side-goal b{ display: block; margin-top: 4px; font-size: 11px; line-height: 1.25; }
.genisource-preview .style-brutalism-side-goal > span{ display: block; height: 7px; margin-top: 8px; border: 1.5px solid #050505; background: #fff8ee; }
.genisource-preview .style-brutalism-side-goal > span i{ display: block; height: 100%; background: #050505; }
.genisource-preview .style-brutalism-side-goal em{ position: absolute; right: 8px; top: 8px; font-size: 11px; font-style: normal; font-weight: 900; }
.genisource-preview .style-brutalism-main{
  min-width: 0; min-height: 0; padding: 12px; display: flex; flex-direction: column; gap: 9px; overflow: hidden;
  background: #fff8ee;
}
.genisource-preview .style-brutalism-hero{ min-height: 65px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.genisource-preview .style-brutalism-hero small{ display: block; margin-bottom: 3px; font-size: 11px; font-weight: 800; letter-spacing: 1px; }
.genisource-preview .style-brutalism-hero h2{ margin: 0; font-size: clamp(18px, 2.8vw, 27px); line-height: .94; letter-spacing: -1.5px; font-weight: 900; }
.genisource-preview .style-brutalism-hero mark{ padding: 0 4px; color: #050505; background: #87dcf2; }
.genisource-preview .style-brutalism-publish{
  min-height: 34px; display: inline-flex; align-items: center; gap: 8px; flex: none; padding: 7px 10px;
  background: #ff8ed8; border: 2px solid #050505; box-shadow: 4px 4px 0 #050505;
  font-size: 11px; font-weight: 900; white-space: nowrap; cursor: pointer;
  transition: transform 80ms linear, box-shadow 80ms linear;
}
.genisource-preview .style-brutalism-publish b{ font-size: 13px; }
.genisource-preview .style-brutalism-publish:hover{ transform: translate(2px, 2px); box-shadow: 2px 2px 0 #050505; }
.genisource-preview .style-brutalism-publish:active{ transform: translate(4px, 4px); box-shadow: 0 0 0 #050505; }
.genisource-preview .style-brutalism-kpis{ display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 8px; }
.genisource-preview .style-brutalism-kpis article{ position: relative; min-width: 0; padding: 9px 10px; border: 2px solid #050505; background: #fff; }
.genisource-preview .style-brutalism-kpis article.income{ background: #ffc62d; box-shadow: 3px 3px 0 #050505; }
.genisource-preview .style-brutalism-kpis article > span{ display: flex; align-items: center; justify-content: space-between; gap: 5px; font-size: 11px; font-weight: 800; }
.genisource-preview .style-brutalism-kpis article > span i{ padding: 1px 4px; background: #c9ff56; border: 1px solid #050505; font-size: 11px; font-style: normal; white-space: nowrap; }
.genisource-preview .style-brutalism-kpis article:nth-child(2) > span i{ background: #ff8ed8; }
.genisource-preview .style-brutalism-kpis article > b{ display: block; margin-top: 4px; font-size: clamp(16px, 2.3vw, 23px); line-height: 1; letter-spacing: -1px; }
.genisource-preview .style-brutalism-kpis article > small{ display: block; margin-top: 4px; color: #5c554c; font-size: 11px; }
.genisource-preview .style-brutalism-lower{ flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(135px, .7fr); gap: 9px; }
.genisource-preview .style-brutalism-orders, .genisource-preview .style-brutalism-product{ min-width: 0; min-height: 0; border: 2px solid #050505; background: #fff; overflow: hidden; }
.genisource-preview .style-brutalism-orders{ display: flex; flex-direction: column; }
.genisource-preview .style-brutalism-orders header{ display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; padding: 8px 9px; border-bottom: 2px solid #050505; }
.genisource-preview .style-brutalism-orders header div{ display: grid; }
.genisource-preview .style-brutalism-orders header small{ font-size: 11px; font-weight: 900; letter-spacing: .7px; }
.genisource-preview .style-brutalism-orders header b{ font-size: 11px; }
.genisource-preview .style-brutalism-orders header > span{ font-size: 11px; font-weight: 800; border-bottom: 1.5px solid #050505; }
.genisource-preview .style-brutalism-order-head, .genisource-preview .style-brutalism-order-row{ display: grid; grid-template-columns: minmax(0, 1.55fr) .65fr .45fr .55fr; align-items: center; gap: 5px; padding: 0 8px; }
.genisource-preview .style-brutalism-order-head{ min-height: 20px; background: #fff8ee; border-bottom: 1.5px solid #050505; color: #6b6258; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.genisource-preview .style-brutalism-order-row{ flex: 1; min-height: 29px; border-bottom: 1px solid #bcb4aa; font-size: 11px; }
.genisource-preview .style-brutalism-order-row:last-child{ border-bottom: 0; }
.genisource-preview .style-brutalism-order-row > b{ display: flex; align-items: center; gap: 5px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; }
.genisource-preview .style-brutalism-order-row > b i{ width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; flex: none; border: 1.5px solid #050505; font-size: 11px; font-style: normal; }
.genisource-preview .style-brutalism-order-row > b i.pink{ background: #ff8ed8; }
.genisource-preview .style-brutalism-order-row > b i.blue{ background: #87dcf2; }
.genisource-preview .style-brutalism-order-row > b i.yellow{ background: #ffc62d; }
.genisource-preview .style-brutalism-order-row strong{ font-size: 11px; }
.genisource-preview .style-brutalism-order-row em{ justify-self: start; padding: 2px 4px; background: #c9ff56; border: 1px solid #050505; font-size: 11px; font-style: normal; font-weight: 900; white-space: nowrap; }
.genisource-preview .style-brutalism-order-row em.wait{ background: #ffc62d; }
.genisource-preview .style-brutalism-product{ padding: 8px; display: grid; grid-template-rows: minmax(0, 1fr) auto 25px; gap: 6px; background: #87dcf2; }
.genisource-preview .style-brutalism-product-cover{ position: relative; min-height: 0; padding: 8px; background: #ff8ed8; border: 2px solid #050505; box-shadow: 3px 3px 0 #050505; overflow: hidden; }
.genisource-preview .style-brutalism-product-cover > span{ position: relative; z-index: 1; padding: 2px 4px; background: #ffc62d; border: 1.5px solid #050505; font-size: 11px; font-weight: 900; }
.genisource-preview .style-brutalism-product-cover > i{ position: absolute; right: -14px; top: -22px; width: 60px; height: 60px; border: 10px solid #050505; border-radius: 50%; opacity: .12; }
.genisource-preview .style-brutalism-product-cover > b{ position: absolute; left: 8px; bottom: 7px; z-index: 1; font-size: 12px; line-height: .95; letter-spacing: -.5px; }
.genisource-preview .style-brutalism-product-meta{ display: grid; grid-template-columns: 1fr auto; align-items: center; }
.genisource-preview .style-brutalism-product-meta small{ grid-column: 1 / -1; font-size: 11px; font-weight: 900; letter-spacing: .8px; }
.genisource-preview .style-brutalism-product-meta b{ font-size: 11px; }
.genisource-preview .style-brutalism-product-meta span{ font-size: 11px; font-weight: 800; }
.genisource-preview .style-brutalism-spark{ height: 25px; display: flex; align-items: flex-end; gap: 3px; border-bottom: 2px solid #050505; }
.genisource-preview .style-brutalism-spark i{ flex: 1; min-width: 3px; background: #050505; }
@media (max-width: 720px){.genisource-preview .detail-hero .dh-demo.style-detail-demo:has(.style-brutalism-demo){ aspect-ratio: 3 / 4; }.genisource-preview .style-brutalism-demo{ padding: 10px; }.genisource-preview .style-brutalism-app{ box-shadow: 5px 5px 0 #050505; }.genisource-preview .style-brutalism-brand > i, .genisource-preview .style-brutalism-live{ display: none; }.genisource-preview .style-brutalism-shell{ grid-template-columns: 1fr; }.genisource-preview .style-brutalism-sidebar{ display: none; }.genisource-preview .style-brutalism-main{ padding: 10px; }.genisource-preview .style-brutalism-hero{ min-height: 60px; }.genisource-preview .style-brutalism-lower{ grid-template-columns: minmax(0, 1.5fr) minmax(120px, .7fr); }}
@media (max-width: 500px){.genisource-preview .style-brutalism-topbar{ height: 36px; }.genisource-preview .style-brutalism-profile > b{ display: none; }.genisource-preview .style-brutalism-main{ gap: 7px; padding: 8px; }.genisource-preview .style-brutalism-hero{ min-height: 54px; }.genisource-preview .style-brutalism-hero h2{ font-size: 18px; }.genisource-preview .style-brutalism-publish{ min-height: 30px; padding: 5px 8px; }.genisource-preview .style-brutalism-kpis{ grid-template-columns: 1.3fr 1fr; }.genisource-preview .style-brutalism-kpis article:nth-child(3){ display: none; }.genisource-preview .style-brutalism-product{ display: none; }.genisource-preview .style-brutalism-lower{ grid-template-columns: 1fr; }}
.genisource-preview .style-swiss-demo{
  width: 100%; background: #fff; border: 1px solid #e3e3e3; padding: 18px 24px 16px;
  position: relative; overflow: hidden;
}
.genisource-preview .style-swiss-demo::before{
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(90deg, transparent calc(25% - .5px), #f0f0f0 calc(25% - .5px), #f0f0f0 calc(25% + .5px), transparent calc(25% + .5px)),
    linear-gradient(90deg, transparent calc(50% - .5px), #f0f0f0 calc(50% - .5px), #f0f0f0 calc(50% + .5px), transparent calc(50% + .5px)),
    linear-gradient(90deg, transparent calc(75% - .5px), #f0f0f0 calc(75% - .5px), #f0f0f0 calc(75% + .5px), transparent calc(75% + .5px));
}
.genisource-preview .style-editorial-demo{
  width: 100%; background: #faf7f1; border: 1px solid #e8e2d4; padding: 14px 24px 12px; color: #26221b;
}
.genisource-preview .apple-thumb{ display: grid; grid-template-rows: 38px minmax(0, 1fr); background: #e9e9ee; }
.genisource-preview .apple-thumb > div{ display: flex; align-items: center; gap: 8px; padding: 0 14px; background: rgba(255, 255, 255, .88); border-bottom: 1px solid rgba(0, 0, 0, .07); color: #1d1d1f; font-size: 11px; }
.genisource-preview .apple-thumb > div > i{ font-size: 15px; }
.genisource-preview .apple-thumb > div > span{ font-weight: 650; }
.genisource-preview .apple-thumb > div > b{ margin-left: auto; color: #86868b; font-size: 11px; font-weight: 500; }
.genisource-preview .apple-thumb > section{ position: relative; min-height: 0; padding: 12px; overflow: hidden; }
.genisource-preview .apple-thumb > section > img{ width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 11px; box-shadow: 0 16px 34px rgba(39, 32, 53, .18); }
.genisource-preview .apple-thumb > section > aside{ position: absolute; z-index: 1; top: 24px; right: 24px; bottom: 24px; width: 31%; display: flex; flex-direction: column; gap: 7px; padding: 11px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 12px; background: rgba(250, 250, 252, .68); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); box-shadow: 0 12px 30px rgba(50, 39, 65, .16); color: #343438; }
.genisource-preview .apple-thumb > section > aside small{ font-size: 11px; letter-spacing: 1.2px; color: #7b7b82; }
.genisource-preview .apple-thumb > section > aside b{ font-size: 11px; font-weight: 550; }
.genisource-preview .apple-thumb > section > aside > i{ height: 3px; overflow: hidden; border-radius: 999px; background: rgba(0, 0, 0, .1); }
.genisource-preview .apple-thumb > section > aside > i em{ display: block; width: 62%; height: 100%; border-radius: inherit; background: #6f6f78; }
.genisource-preview .apple-thumb > section > aside button{ margin-top: auto; border: 0; border-radius: 7px; padding: 5px; background: #0071e3; color: #fff; font: inherit; font-size: 11px; }
.genisource-preview .apple-film img.on{ opacity: 1; outline: 2px solid #0071e3; outline-offset: 1px; }
.genisource-preview .style-minimal-demo, .genisource-preview .style-apple-demo, .genisource-preview .style-notion-demo, .genisource-preview .style-bento-demo, .genisource-preview .style-glass-demo, .genisource-preview .style-brutalism-demo, .genisource-preview .style-swiss-demo, .genisource-preview .style-editorial-demo{box-sizing:border-box;min-width:0;min-height:0;height:100%;}
.genisource-preview .style-minimal-demo, .genisource-preview .style-apple-demo, .genisource-preview .style-notion-demo, .genisource-preview .style-brutalism-demo, .genisource-preview .style-swiss-demo, .genisource-preview .style-editorial-demo{min-height:220px;}
.genisource-preview .style-minimal-demo{display:flex;flex-direction:column}
.genisource-preview .style-apple-demo{display:flex;flex-direction:column}
.genisource-preview .style-notion-demo{min-height:220px}
.genisource-preview .style-bento-demo{position:relative;min-height:260px;padding:43px 14px 14px;grid-template-columns:1.3fr 1.3fr .9fr .9fr;grid-auto-rows:minmax(66px,1fr);gap:10px}
.genisource-preview .style-glass-demo{min-height:260px;padding:14px 24px;background:radial-gradient(circle at 79% 12%,#6056d9 0,#242552 31%,#10142b 73%)}
.genisource-preview .style-swiss-demo{display:flex;flex-direction:column;justify-content:space-between}
.genisource-preview .style-editorial-demo{min-height:250px}
.genisource-preview .style-minimal-demo{background:#f8f8fa;border-color:#ececef;color:#111318}
.genisource-preview .style-minimal-btn.ghost{background:transparent}
.genisource-preview .style-apple-demo{background:#f5f5f7;border-color:#e8e8ed;color:#1d1d1f}
@media (max-width:520px){.genisource-preview .style-bento-demo{grid-template-columns:repeat(3,1fr)}}
.genisource-preview .style-minimal-demo, .genisource-preview .style-apple-demo, .genisource-preview .style-notion-demo, .genisource-preview .style-bento-demo, .genisource-preview .style-glass-demo, .genisource-preview .style-brutalism-demo, .genisource-preview .style-swiss-demo, .genisource-preview .style-editorial-demo{min-height:0!important}
.genisource-preview .style-apple-demo.apple-thumb{display:grid;grid-template-rows:38px minmax(0,1fr);padding:0}
.genisource-preview .style-apple-demo.apple-studio{display:grid;grid-template-rows:40px 34px minmax(0,1fr) 58px;padding:0}
.genisource-preview .style-minimal-demo.minimal-thumb{height:100%;min-height:0!important;padding:clamp(18px,3vw,34px);display:flex;flex-direction:column;background:#fcfcfc;color:#171717;border:1px solid #e7e7e7;border-radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.genisource-preview .minimal-thumb small{font-size: 11px;font-weight:700;letter-spacing:1.2px;color:#8b8b8b}
.genisource-preview .minimal-thumb h2{margin:clamp(12px,2vw,20px) 0 5px;font-size:clamp(23px,3.6vw,42px);line-height:1.03;letter-spacing:-1.8px;max-width:560px}
.genisource-preview .minimal-thumb p{margin:0;color:#6f6f72;font-size:clamp(11px,1.25vw,15px)}
.genisource-preview .minimal-thumb>div{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8e8e8;padding-top:14px;font-size: 11px;color:#777}
.genisource-preview .minimal-thumb button{border:0;background:#1c4a38;color:#fff;padding:8px 11px;border-radius:7px;font:600 11px inherit}
.genisource-preview .minimal-thumb footer{margin-top:14px;font-size: 11px;color:#6b6b6b}
.genisource-preview .minimal-thumb footer i{color:#1c4a38}
.genisource-preview .minimal-thumb button{white-space:nowrap}
.genisource-preview .minimal-task.done{color:#949494;text-decoration:line-through}
.genisource-preview .minimal-task.done>i{background:#1c4a38;border-color:#1c4a38;color:#fff}
.genisource-preview .minimal-task.active span{font-weight:700}
.genisource-preview .style-apple-demo.apple-thumb{height:100%;min-height:0!important;display:flex;flex-direction:column;background:#f5f5f7;border-radius:16px;overflow:hidden;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
.genisource-preview .apple-thumb>div{height:34px;padding:0 15px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.72);border-bottom:1px solid rgba(0,0,0,.06);font-size: 11px}
.genisource-preview .apple-thumb>div>i{font-size:15px}
.genisource-preview .apple-thumb>div>b{margin-left:auto;color:#85858a;font-weight:400}
.genisource-preview .apple-thumb section{min-height:0;flex:1;display:grid;grid-template-columns:1.55fr .9fr;gap:10px;padding:12px}
.genisource-preview .apple-thumb section>img{width:100%;height:100%;object-fit:cover;border-radius:11px;box-shadow:0 12px 24px rgba(0,0,0,.12)}
.genisource-preview .apple-thumb aside{display:flex;flex-direction:column;padding:9px 8px;border-radius:11px;background:rgba(255,255,255,.67);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 20px rgba(0,0,0,.07)}
.genisource-preview .apple-thumb aside small{font-size: 11px;color:#777;margin-bottom:7px}
.genisource-preview .apple-thumb aside b{font-size: 11px;font-weight:500;margin:5px 0 3px}
.genisource-preview .apple-thumb aside>i{display:block;height:3px;border-radius:99px;background:#dedee2}
.genisource-preview .apple-thumb aside>i em{display:block;width:62%;height:100%;background:#007aff;border-radius:inherit}
.genisource-preview .apple-thumb aside>i:nth-of-type(2) em{width:40%}
.genisource-preview .apple-thumb aside button{border:0;border-radius:99px;background:#0071e3;color:#fff;margin-top:auto;padding:5px;font-size: 11px}
.genisource-preview .apple-film img.on{opacity:1;outline:2px solid #007aff}
.genisource-preview .notion-project{height:100%;min-height:0!important;display:grid;background:#fff;border-color:#e9e9e7;border-radius:10px;grid-template-columns:145px 1fr;color:#37352f;font-family:ui-sans-serif,-apple-system,"Segoe UI",sans-serif}
.genisource-preview .notion-project aside{padding:10px 8px;background:#f7f7f5;border-right:1px solid #ececea;font-size: 11px;color:#6f6e69}
.genisource-preview .notion-project aside header{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 11px;color:#37352f;font-size: 11px}
.genisource-preview .notion-project aside>span{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:4px}
.genisource-preview .notion-project aside>span i{font-size:12px}
.genisource-preview .notion-project aside>span.on{background:#e8e8e5;color:#37352f;font-weight:600}
.genisource-preview .notion-project aside small{display:block;margin:12px 6px 4px;font-size: 11px;letter-spacing:.5px;color:#6b6a67}
.genisource-preview .notion-project main{min-width:0;padding:17px 22px;overflow:hidden}
.genisource-preview .notion-breadcrumb{display:flex;align-items:center;color:#6b6a67;font-size: 11px}
.genisource-preview .notion-breadcrumb i{margin-left:auto}
.genisource-preview .notion-project h2{margin:14px 0 2px;font-size:clamp(22px,3vw,31px);letter-spacing:-.9px}
.genisource-preview .notion-project main>p{margin:0;color:#6b6a67;font-size: 11px}
.genisource-preview .notion-tabs{display:flex;align-items:center;gap:14px;margin-top:17px;border-bottom:1px solid #ececea;font-size: 11px;color:#787774}
.genisource-preview .notion-tabs b{padding-bottom:7px;color:#37352f;border-bottom:1px solid #37352f}
.genisource-preview .notion-tabs button{margin-left:auto;margin-bottom:5px;border:0;border-radius:4px;background:#37352f;color:#fff;font-size: 11px;padding:4px 6px}
.genisource-preview .notion-db{margin-top:10px;border:1px solid #e8e8e6;border-radius:5px;overflow:hidden;font-size: 11px}
.genisource-preview .notion-db header, .genisource-preview .notion-db>div{display:grid;grid-template-columns:1.5fr .55fr .75fr;align-items:center;gap:5px;padding:7px 8px;border-bottom:1px solid #ececea}
.genisource-preview .notion-db header{background:#fafaf9;color:#6b6a67;font-size: 11px}
.genisource-preview .notion-db>div:last-child{border:0}
.genisource-preview .notion-db div span{display:flex;align-items:center;gap:5px}
.genisource-preview .notion-db div span i{color:#a0a0a0}
.genisource-preview .notion-db em{justify-self:start;padding:2px 5px;background:#f1f1ef;border-radius:3px;font-style:normal;font-size: 11px}
.genisource-preview .notion-db em.green{background:#dff3e5;color:#21723c}
.genisource-preview .notion-db em.yellow{background:#f9edc9;color:#806300}
.genisource-preview .bento-health{height:100%;min-height:0!important;display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:32px 1fr 1fr;gap:9px;padding:12px;background:#edf2ee;border-radius:18px;color:#14221b;font-family:Inter,-apple-system,sans-serif}
.genisource-preview .bento-health>header{grid-column:1/-1;display:flex;align-items:center;gap:11px;padding:0 4px;font-size: 11px;color:#68736c}
.genisource-preview .bento-health header b{font-size:12px;color:#15362a}
.genisource-preview .bento-health header b i{color:#36966f;margin-right:4px}
.genisource-preview .bento-health header button{margin-left:auto;border:0;border-radius:8px;padding:6px 8px;background:#15362a;color:#fff;font-size: 11px}
.genisource-preview .bento-health article{position:relative;min-width:0;overflow:hidden;padding:11px;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(19,49,37,.05)}
.genisource-preview .bento-health small{display:block;font-size: 11px;letter-spacing:.7px;color:#738078}
.genisource-preview .bento-score{grid-row:span 2;background:linear-gradient(145deg,#c9f1da,#edf9eb)!important}
.genisource-preview .bento-score>b{display:block;margin-top:5px;font-size:clamp(36px,5vw,58px);letter-spacing:-3px;line-height:.9}
.genisource-preview .bento-score>span{font-size: 11px;color:#316b4e}
.genisource-preview .bento-score>i{position:absolute;right:12px;bottom:10px;padding:4px 6px;border-radius:99px;background:rgba(255,255,255,.7);font-size: 11px;color:#28754e;font-style:normal}
.genisource-preview .bento-ring{display:grid;place-items:center;text-align:center}
.genisource-preview .bento-ring svg{position:absolute;width:70px;height:70px;transform:rotate(-90deg)}
.genisource-preview .bento-ring circle{fill:none;stroke:#dfe9e1;stroke-width:4}
.genisource-preview .bento-ring circle.fill{stroke:#30a274;stroke-dasharray:100;stroke-dashoffset:21}
.genisource-preview .bento-ring>b{z-index:1;margin-top:7px;font-size:14px;letter-spacing:-.4px}
.genisource-preview .bento-ring>small{z-index:1;font-size: 11px}
.genisource-preview .bento-steps>b{display:block;margin-top:7px;font-size:20px;letter-spacing:-.6px}
.genisource-preview .bento-steps>span{display:block;height:5px;margin-top:11px;border-radius:99px;background:#e3ebe5}
.genisource-preview .bento-steps>span i{display:block;width:71%;height:100%;border-radius:inherit;background:#15362a}
.genisource-preview .bento-steps em{display:block;margin-top:4px;font-size: 11px;color:#6d776f;font-style:normal}
.genisource-preview .bento-coach{grid-column:span 2;display:flex;align-items:center;gap:9px;background:#15362a!important;color:#fff}
.genisource-preview .bento-coach>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#d2f6a6;color:#15362a}
.genisource-preview .bento-coach small{color:#a9cfbd}
.genisource-preview .bento-coach b{display:block;margin-top:3px;font-size:11px;line-height:1.25}
.genisource-preview .bento-coach button{margin-left:auto;border:1px solid rgba(255,255,255,.26);border-radius:7px;padding:5px 7px;background:transparent;color:#fff;font-size: 11px}
.genisource-preview .bento-streak{display:flex;flex-direction:column}
.genisource-preview .bento-streak>div{display:flex;gap:4px;margin-top:auto}
.genisource-preview .bento-streak>div i{width:11px;height:11px;border-radius:50%;background:#dce8df}
.genisource-preview .bento-streak>div i:nth-child(-n+5){background:#45aa7e}
.genisource-preview .bento-streak>b{margin-top:5px;font-size: 11px}
.genisource-preview .glass-player{height:100%;min-height:0!important;position:relative;overflow:hidden;padding:13px 18px;background:radial-gradient(circle at 19% 100%,#e34d9a 0,transparent 24%),radial-gradient(circle at 84% 10%,#6856ff 0,transparent 31%),linear-gradient(130deg,#11162c,#28305d 52%,#23204b);color:#f7f8ff;border-radius:18px;font-family:Inter,-apple-system,sans-serif}
.genisource-preview .glass-orb{position:absolute;border-radius:50%;filter:blur(18px);opacity:.6}
.genisource-preview .glass-orb.one{width:135px;height:135px;left:-50px;top:-36px;background:#5ee0ff}
.genisource-preview .glass-orb.two{width:160px;height:160px;right:-50px;bottom:-75px;background:#f0ab48}
.genisource-preview .glass-orb.three{width:90px;height:90px;right:29%;top:18%;background:#d17dff}
.genisource-preview .glass-player>header{position:relative;z-index:1;display:flex;align-items:center;gap:16px;height:28px;font-size: 11px;color:#c5c9ed}
.genisource-preview .glass-player>header b{font-size:13px;color:#fff}
.genisource-preview .glass-player>header b i{color:#8de8ff;margin-right:4px}
.genisource-preview .glass-player>header button{border:1px solid rgba(255,255,255,.18);width:23px;height:23px;border-radius:7px;background:rgba(255,255,255,.12);color:#fff}
.genisource-preview .glass-player>header button:first-of-type{margin-left:auto}
.genisource-preview .glass-player main{position:relative;z-index:1;display:grid;grid-template-columns:110px minmax(0,1fr) 145px;gap:16px;align-items:center;height:calc(100% - 28px)}
.genisource-preview .glass-album{position:relative;width:110px;height:110px;border-radius:18px;overflow:hidden;box-shadow:0 18px 35px rgba(0,0,0,.32);transform:rotate(-3deg)}
.genisource-preview .glass-album img{width:100%;height:100%;object-fit:cover}
.genisource-preview .glass-album span{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 45%)}
.genisource-preview .glass-now small{font-size: 11px;letter-spacing:1px;color:#b9c0eb}
.genisource-preview .glass-now h2{margin:5px 0 1px;font-size:clamp(19px,3vw,31px);letter-spacing:-1.2px;line-height:1.05}
.genisource-preview .glass-now p{margin:0;color:#bec5e7;font-size: 11px}
.genisource-preview .glass-progress{height:4px;margin-top:15px;border-radius:99px;background:rgba(255,255,255,.22)}
.genisource-preview .glass-progress i{display:block;width:43%;height:100%;border-radius:inherit;background:#fff;box-shadow:0 0 10px #fff}
.genisource-preview .glass-time{display:flex;justify-content:space-between;margin-top:4px;font-size: 11px;color:#c0c4e2}
.genisource-preview .glass-now nav{display:flex;align-items:center;gap:17px;margin-top:12px;font-size:15px}
.genisource-preview .glass-now nav b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff;color:#22295b;font-size:15px}
.genisource-preview .glass-now nav i:last-child{margin-left:auto;font-size:12px}
.genisource-preview .glass-queue{padding:10px;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:rgba(255,255,255,.13);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 28px rgba(5,8,35,.19)}
.genisource-preview .glass-queue header{display:flex;justify-content:space-between;color:#dce0fa;font-size: 11px;letter-spacing:.8px}
.genisource-preview .glass-queue p{display:grid;grid-template-columns:17px 1fr auto;gap:5px;align-items:center;margin:9px 0 0;color:#aeb7df;font-size: 11px}
.genisource-preview .glass-queue p.on{color:#fff}
.genisource-preview .glass-queue p b{font-weight:400}
.genisource-preview .glass-queue p span{font-size: 11px}
.genisource-preview .glass-queue p small{display:block;margin-top:2px;color:#aeb7df;font-size: 11px}
.genisource-preview .glass-queue p i{font-style:normal;font-size: 11px}
.genisource-preview .swiss-exhibit{height:100%;min-height:0!important;display:flex;flex-direction:column;padding:13px 17px 12px;background:#f7f6f2;color:#111;border:1px solid #161616;border-radius:0;font-family:"Helvetica Neue",Arial,sans-serif}
.genisource-preview .swiss-exhibit header, .genisource-preview .swiss-exhibit footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;font-size: 11px;letter-spacing:.3px}
.genisource-preview .swiss-exhibit header span:nth-child(2){text-align:center}
.genisource-preview .swiss-exhibit header span:last-child{text-align:right}
.genisource-preview .swiss-exhibit main{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:.55fr 1.45fr .8fr;align-items:end;margin-top:8px;border-top:1px solid #161616}
.genisource-preview .swiss-date{align-self:start;display:flex;gap:4px;padding-top:9px;font-size: 11px;line-height:1.2}
.genisource-preview .swiss-date b{font-size:30px;letter-spacing:-2px;line-height:.74}
.genisource-preview .swiss-exhibit h1{z-index:1;margin:0 0 -3px -2px;font-size:clamp(35px,6.5vw,72px);letter-spacing:-4px;line-height:.79;font-weight:700}
.genisource-preview .swiss-exhibit h1 em{font-style:normal;color:#e32619}
.genisource-preview .swiss-red{position:absolute;width:37%;height:100%;left:37%;top:0;background:#e32619;mix-blend-mode:multiply;opacity:.95}
.genisource-preview .swiss-exhibit aside{z-index:1;align-self:end;padding:0 0 7px 8px;font-size: 11px;line-height:1.25}
.genisource-preview .swiss-exhibit aside b{display:block;font-size:17px;letter-spacing:-1px}
.genisource-preview .swiss-exhibit aside span{display:block;margin:4px 0;font-weight:700}
.genisource-preview .swiss-exhibit aside p{margin:0}
.genisource-preview .swiss-exhibit footer{align-items:end;padding-top:7px;border-top:1px solid #161616}
.genisource-preview .swiss-exhibit footer span:nth-child(2){text-align:center}
.genisource-preview .swiss-exhibit footer button{justify-self:end;border:0;background:#111;color:#fff;padding:6px 7px;font-size: 11px}
.genisource-preview .editorial-city{height:100%;min-height:0!important;display:flex;flex-direction:column;background:#f4f0e8;color:#26221b;border:1px solid #d9d0c0;border-radius:0;padding:12px 18px 10px;font-family:Arial,"PingFang SC",sans-serif}
.genisource-preview .editorial-city>header, .genisource-preview .editorial-city>footer{display:flex;justify-content:space-between;align-items:center;font-size: 11px;letter-spacing:1px;color:#776e5e}
.genisource-preview .editorial-city>header b{font-family:Georgia,"Songti SC",serif;font-size: 11px;color:#26221b;letter-spacing:1.6px}
.genisource-preview .editorial-city main{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;min-height:0;flex:1;margin:10px 0;border-top:1px solid #a99f8c;border-bottom:1px solid #a99f8c;padding:10px 0}
.genisource-preview .editorial-cover{position:relative;overflow:hidden;min-height:0}
.genisource-preview .editorial-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(.96)}
.genisource-preview .editorial-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(23,19,13,.54))}
.genisource-preview .editorial-cover small{position:absolute;z-index:1;bottom:8px;left:8px;right:8px;color:#fff;font-size: 11px;font-style:italic;font-family:Georgia,serif}
.genisource-preview .editorial-story{display:flex;flex-direction:column;justify-content:center}
.genisource-preview .editorial-kicker{margin:0;color:#a45c35;font-size: 11px;letter-spacing:1px}
.genisource-preview .editorial-story h1{margin:7px 0 7px;font:700 clamp(25px,4vw,47px)/.91 Georgia,"Songti SC",serif;letter-spacing:-1.7px}
.genisource-preview .editorial-story h1 em{font-weight:400}
.genisource-preview .editorial-dek{margin:0;color:#615748;font:italic 11px/1.4 Georgia,"Songti SC",serif}
.genisource-preview .editorial-by{display:flex;justify-content:space-between;margin-top:13px;padding-top:7px;border-top:1px solid #cfc6b6;font-size: 11px;letter-spacing:.7px;color:#766b5b}
.genisource-preview .editorial-city>footer b{font:700 18px Georgia,serif;color:#26221b;letter-spacing:0}
@media (max-width:520px){.genisource-preview .apple-thumb section{grid-template-columns:1.2fr .8fr}.genisource-preview .notion-project{grid-template-columns:94px 1fr}.genisource-preview .notion-project aside{padding:8px 5px}.genisource-preview .notion-project aside>span{font-size:0}.genisource-preview .notion-project aside>span i{font-size:13px}.genisource-preview .notion-project aside header b{font-size: 11px}.genisource-preview .notion-project main{padding:14px 12px}.genisource-preview .notion-db header, .genisource-preview .notion-db>div{grid-template-columns:1.3fr .45fr .65fr;padding:6px}.genisource-preview .bento-health{grid-template-columns:1.2fr 1fr 1fr;gap:6px;padding:8px}.genisource-preview .bento-health>header span{display:none}.genisource-preview .bento-coach b{font-size: 11px}.genisource-preview .glass-player{padding:10px 12px}.genisource-preview .glass-player>header span{display:none}.genisource-preview .glass-player main{grid-template-columns:86px 1fr;gap:11px}.genisource-preview .glass-album{width:86px;height:86px}.genisource-preview .glass-queue{display:none}.genisource-preview .swiss-exhibit{padding:11px}.genisource-preview .swiss-exhibit h1{font-size:clamp(33px,10vw,47px);letter-spacing:-3px}.genisource-preview .swiss-exhibit aside{font-size: 11px}.genisource-preview .swiss-exhibit footer span:first-child{display:none}.genisource-preview .swiss-exhibit footer{grid-template-columns:1fr 1fr}.genisource-preview .editorial-city{padding:10px 12px}.genisource-preview .editorial-city main{gap:10px}.genisource-preview .editorial-story h1{font-size:clamp(22px,7vw,32px)}.genisource-preview .editorial-dek{font-size: 11px}.genisource-preview .editorial-city>header span:first-child, .genisource-preview .editorial-city>footer span:nth-child(2){display:none}}
.genisource-preview .ms-dark-tech{ --text-3: #949da9; }
.genisource-preview .style-skeuomorphism-demo{
  display: flex; gap: 12px; width: 100%; max-width: 640px; height: 204px;
  border-radius: 12px; padding: 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 0 32px rgba(0,0,0,.1);
}
.genisource-preview .style-skeuomorphism-switch.sm{ width: 58px; height: 22px; }
.genisource-preview .style-skeuomorphism-switch.sm .style-skeuomorphism-switch-knob{ width: 18px; height: 18px; }
.genisource-preview .style-flat-demo{ display: flex; gap: 10px; width: 100%; max-width: 640px; height: 204px; }
.genisource-preview .style-flat-tile.wide{ grid-column: span 2; }
.genisource-preview .style-material-demo{
  position: relative; width: 100%; max-width: 560px; height: 208px;
  background: #fafafa; border-radius: 4px; overflow: hidden;
  box-shadow: 0 3px 10px rgba(0,0,0,.22);
}
.genisource-preview .style-material-appbar{
  height: 44px; background: #3f51b5; color: #fff;
  display: flex; align-items: center; gap: 12px; padding: 0 14px;
  font-size: 14px; font-weight: 500;
  box-shadow: 0 2px 4px rgba(0,0,0,.28); position: relative; z-index: 2;
}
.genisource-preview .style-material-card.lift{ box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.genisource-preview .style-material-fab{
  position: absolute; right: 18px; bottom: 18px; z-index: 3;
  width: 50px; height: 50px; border-radius: 50%;
  background: #ff4081; color: #fff; font-size: 20px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 12px rgba(0,0,0,.35);
}
.genisource-preview .style-material-fab::before{
  content: ""; position: absolute; inset: -7px; border-radius: 50%;
  border: 2px solid rgba(255,64,129,.45);
}
.genisource-preview .style-neumorphism-demo{
  display: flex; gap: 18px; width: 100%; max-width: 640px; height: 212px;
  background: #e3e9f2; border-radius: 16px; padding: 14px;
  align-items: center; justify-content: center;
}
.genisource-preview .style-skeuomorphism-demo, .genisource-preview .style-flat-demo, .genisource-preview .style-material-demo, .genisource-preview .style-neumorphism-demo{box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:0;height:100%;}
.genisource-preview .style-skeuomorphism-demo{min-height:230px;padding:16px}
.genisource-preview .style-flat-demo{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:18px;min-height:250px;padding:42px 24px 18px;background:#f4f7fa}
.genisource-preview .style-flat-tile.wide{grid-column:span 1}
.genisource-preview .style-material-demo{height:100%;min-height:250px;border-radius:6px}
.genisource-preview .style-material-fab{right:20px;bottom:18px}
.genisource-preview .style-neumorphism-demo{min-height:250px;justify-content:center;gap:24px}
@media(max-width:520px){.genisource-preview .style-flat-demo{gap:12px;padding-left:16px;padding-right:16px}.genisource-preview .style-neumorphism-demo{gap:12px}}
.genisource-preview .style-skeuomorphism-demo, .genisource-preview .style-flat-demo, .genisource-preview .style-material-demo, .genisource-preview .style-neumorphism-demo{min-height:0!important}
.genisource-preview .style-skeuomorphism-console{display:grid;grid-template-rows:34px 1fr 55px;gap:0;padding:0;overflow:hidden;border:2px solid #2b2924;border-radius:9px;background:repeating-linear-gradient(90deg,#b28a61 0 7px,#9d724e 7px 14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -14px 22px rgba(47,28,12,.38),0 10px 20px rgba(53,34,18,.28)}
.genisource-preview .style-skeuomorphism-console-top{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(#4d4237,#25211d);border-bottom:1px solid #a58b6d;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 5px rgba(0,0,0,.42);color:#e8d9c2;font-size: 11px;letter-spacing:1.25px}
.genisource-preview .style-skeuomorphism-brand{font-family:Georgia,serif;font-size:14px;text-shadow:0 1px #000}
.genisource-preview .style-skeuomorphism-brand i{margin-left:8px;color:#b7a48d;font-family:Arial,sans-serif;font-size: 11px;font-style:normal}
.genisource-preview .style-skeuomorphism-console-status{display:flex;align-items:center;gap:6px;color:#cbd7c2;font-size: 11px}
.genisource-preview .style-skeuomorphism-console-status b{width:7px;height:7px;border-radius:50%;background:#c94a36;box-shadow:0 0 7px #e85a43}
.genisource-preview .style-skeuomorphism-console-main{display:grid;grid-template-columns:1.1fr .9fr .72fr;gap:14px;align-items:center;padding:12px 18px 8px}
.genisource-preview .style-skeuomorphism-reels{display:flex;align-items:center;justify-content:center;gap:0}
.genisource-preview .style-skeuomorphism-reel{position:relative;width:62px;height:62px;border-radius:50%;border:4px solid #76777a;background:repeating-radial-gradient(circle,#d6d6d4 0 3px,#787a7c 4px 6px);box-shadow:inset 0 2px 3px #fff,0 3px 5px rgba(0,0,0,.48)}
.genisource-preview .style-skeuomorphism-reel i{position:absolute;inset:19px;border:4px solid #333;border-radius:50%;background:#b89b6d;box-shadow:inset 0 2px 2px #f4e7c9}
.genisource-preview .style-skeuomorphism-reel.right{transform:scale(.86)}
.genisource-preview .style-skeuomorphism-tape{width:54px;height:7px;background:linear-gradient(#2e211d,#5f4740,#231b18);box-shadow:0 1px 1px rgba(255,255,255,.25)}
.genisource-preview .style-skeuomorphism-ledger{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px inset #382f23;border-radius:3px;background:linear-gradient(#d6ca9d,#a89b70);box-shadow:inset 0 2px 8px rgba(66,51,29,.45),0 1px #e4d9b4;color:#30291b;text-align:center}
.genisource-preview .style-skeuomorphism-ledger small{font-size: 11px;letter-spacing:.5px}
.genisource-preview .style-skeuomorphism-ledger strong{font-family:"SF Mono",monospace;font-size:17px;letter-spacing:1px}
.genisource-preview .style-skeuomorphism-ledger span{display:flex;gap:2px;margin-top:5px}
.genisource-preview .style-skeuomorphism-ledger span i{width:3px;height:7px;background:#514b31}
.genisource-preview .style-skeuomorphism-ledger span i:nth-child(2n){height:11px}
.genisource-preview .style-skeuomorphism-ledger span i:nth-child(3n){height:14px}
.genisource-preview .style-skeuomorphism-meters{display:grid;grid-template-columns:10px 1fr;gap:8px 5px;align-items:center;color:#f2e3b3;font-size: 11px;text-shadow:0 1px #000}
.genisource-preview .style-skeuomorphism-meters>i{display:block;height:10px;border:1px solid #514333;background:repeating-linear-gradient(90deg,#79a454 0 6px,#d6a444 6px 10px,#b54a35 10px 12px);box-shadow:inset 0 1px 2px #211c15}
.genisource-preview .style-skeuomorphism-meters em{display:block;width:72%;height:100%;background:rgba(20,18,13,.5)}
.genisource-preview .style-skeuomorphism-meters>i:nth-of-type(2) em{width:48%}
.genisource-preview .style-skeuomorphism-console-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 14px 10px;border-top:1px solid #715036;background:linear-gradient(#b99062,#835d3e);box-shadow:inset 0 1px rgba(255,255,255,.28)}
.genisource-preview .style-skeuomorphism-console-controls small{font-size: 11px;color:#382719;font-weight:700;letter-spacing:.7px}
.genisource-preview .style-skeuomorphism-metal-knob{width:26px;height:26px;border:2px solid #4b4d4d;border-radius:50%;background:repeating-conic-gradient(#e0e1db 0 5deg,#878a8d 5deg 9deg);box-shadow:inset 0 1px #fff,0 2px 3px rgba(0,0,0,.45)}
.genisource-preview .style-skeuomorphism-metal-knob.small{width:21px;height:21px}
.genisource-preview .style-skeuomorphism-deck-key, .genisource-preview .style-skeuomorphism-record-key{display:inline-flex;align-items:center;justify-content:center;height:29px;min-width:34px;border:1px solid #312a25;border-radius:5px;background:linear-gradient(#eee9db,#a39e95);box-shadow:inset 0 1px #fff,0 2px 2px rgba(0,0,0,.4);color:#292725;font-size:11px}
.genisource-preview .style-skeuomorphism-record-key{position:relative;flex-direction:column;border-radius:50%;min-width:34px;width:34px;background:radial-gradient(circle at 35% 28%,#ff9a80,#c7332e 45%,#711a1d 75%);border-color:#65191d;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.65),0 2px 3px rgba(0,0,0,.5);font-size:12px}
.genisource-preview .style-skeuomorphism-record-key i{font-size: 11px;font-style:normal;letter-spacing:.4px}
.genisource-preview .style-flat-planner{display:grid;grid-template-columns:1.1fr .85fr;grid-template-rows:34px 1fr;gap:0 24px;padding:0 23px 18px;background:#f8f4ed;color:#1e3040}
.genisource-preview .style-flat-planner-head{grid-column:1/-1;display:flex;align-items:center;border-bottom:2px solid #1e3040;font-size: 11px;letter-spacing:.8px}
.genisource-preview .style-flat-planner-head b{font-size:14px}
.genisource-preview .style-flat-planner-head span{margin-left:16px;color:#607077}
.genisource-preview .style-flat-planner-head i{margin-left:auto;padding:4px 7px;background:#1d9dc0;color:#fff;font-size: 11px;font-style:normal}
.genisource-preview .style-flat-planner-copy{align-self:center;padding-top:8px}
.genisource-preview .style-flat-planner-copy small{font-size: 11px;color:#d16050;letter-spacing:1px;font-weight:700}
.genisource-preview .style-flat-planner-copy h2{margin:5px 0 7px;font-size:clamp(28px,3.8vw,45px);line-height:.96;font-weight:800;letter-spacing:-2px;color:#223a4a}
.genisource-preview .style-flat-planner-copy p{margin:0 0 12px;font-size:11px;color:#65747a}
.genisource-preview .style-flat-planner-copy>b{display:inline-block;padding:8px 11px;background:#223a4a;color:#fff;font-size:11px}
.genisource-preview .style-flat-planner-copy>b i{margin-left:10px;color:#f5c553;font-style:normal}
.genisource-preview .style-flat-route{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:5px;height:55px;margin-top:9px}
.genisource-preview .style-flat-route-line{position:absolute;top:12px;left:12%;right:12%;height:5px;background:#223a4a}
.genisource-preview .style-flat-stop{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;font-size: 11px}
.genisource-preview .style-flat-stop i{width:25px;height:25px;border:5px solid #f8f4ed;border-radius:50%;background:#1d9dc0}
.genisource-preview .style-flat-stop.yellow i{background:#f5c553}
.genisource-preview .style-flat-stop.coral i{background:#df6a58}
.genisource-preview .style-flat-stop b{font-size: 11px}
.genisource-preview .style-flat-stop span{font-size: 11px}
.genisource-preview .style-flat-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-self:center}
.genisource-preview .style-flat-plan-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:112px;padding:9px;color:#fff;font-size: 11px;font-weight:700}
.genisource-preview .style-flat-plan-card.blue{background:#1d9dc0}
.genisource-preview .style-flat-plan-card.yellow{background:#f2bd3d;color:#263a42}
.genisource-preview .style-flat-plan-card.coral{background:#df6a58}
.genisource-preview .style-flat-shape{position:relative;display:block;width:38px;height:38px;border:3px solid currentColor}
.genisource-preview .style-flat-shape.building:before, .genisource-preview .style-flat-shape.building:after{content:"";position:absolute;width:4px;height:4px;background:currentColor;top:7px;left:7px;box-shadow:12px 0 currentColor,0 12px currentColor,12px 12px currentColor}
.genisource-preview .style-flat-shape.sun{border-radius:50%;border-width:7px}
.genisource-preview .style-flat-shape.arch{border-radius:22px 22px 0 0;border-bottom:0;height:34px}
.genisource-preview .style-flat-map-road.two{height:13px;transform:rotate(39deg);top:55%;background:#df6a58}
.genisource-preview .style-flat-map-dot.a{left:21%;top:28%}
.genisource-preview .style-flat-map-dot.b{left:49%;top:54%;background:#f2be3c}
.genisource-preview .style-material-ops{display:grid;grid-template-columns:62px 1fr;grid-template-rows:48px 1fr;padding:0;border-radius:0;background:#f7f7fb}
.genisource-preview .style-material-ops .style-material-appbar{grid-column:1/-1;height:auto;padding:0 16px;gap:12px;background:#3949ab}
.genisource-preview .style-material-appbar b{font-size:13px;letter-spacing:.3px}
.genisource-preview .style-material-appbar>span:not(.style-material-appmark){font-size: 11px;opacity:.78}
.genisource-preview .style-material-appbar>i{margin-left:auto;font-style:normal;font-size:16px}
.genisource-preview .style-material-appbar>i+i{margin-left:3px}
.genisource-preview .style-material-appmark{width:20px;height:20px;border-radius:5px;background:conic-gradient(from 45deg,#fff 0 25%,#f9a825 0 50%,#fff 0 75%,#f9a825 0)}
.genisource-preview .style-material-rail{display:flex;flex-direction:column;align-items:center;gap:16px;padding:15px 0;background:#fff;box-shadow:2px 0 4px rgba(0,0,0,.12);z-index:1}
.genisource-preview .style-material-rail span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#6573c3;font-size:16px}
.genisource-preview .style-material-rail span.on{background:#e8eaf6;color:#3949ab}
.genisource-preview .style-material-ops-body{padding:14px 19px 13px;min-width:0}
.genisource-preview .style-material-ops-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.genisource-preview .style-material-ops-title>div{display:flex;flex-direction:column;gap:2px}
.genisource-preview .style-material-ops-title small{font-size: 11px;color:#6b6b78;letter-spacing:.5px}
.genisource-preview .style-material-ops-title b{font-size:19px;color:#262631}
.genisource-preview .style-material-ops-title span{font-size: 11px;color:#6b6b78}
.genisource-preview .style-material-ops-title>strong{font-size:26px;color:#3949ab}
.genisource-preview .style-material-ops-title>strong small{font-size:12px}
.genisource-preview .style-material-ops-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:11px}
.genisource-preview .style-material-route-card, .genisource-preview .style-material-alert-card{display:flex;flex-direction:column;padding:11px 12px;background:#fff;border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,.22)}
.genisource-preview .style-material-route-card small{font-size: 11px;color:#6c6c76;letter-spacing:.45px}
.genisource-preview .style-material-route-card b{margin:3px 0 8px;font-size:13px;color:#24242c}
.genisource-preview .style-material-route-card span{display:flex;gap:4px}
.genisource-preview .style-material-route-card span i{display:block;flex:1;height:6px;background:#d9dce9}
.genisource-preview .style-material-route-card span i:nth-child(-n+4){background:#3949ab}
.genisource-preview .style-material-route-card em{margin-top:7px;font-size: 11px;color:#6b6b75;font-style:normal}
.genisource-preview .style-material-alert-card{flex-direction:row;align-items:center;gap:8px;background:#fff6e5;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.genisource-preview .style-material-alert-card>i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f9a825;color:#fff;font-style:normal;font-weight:700}
.genisource-preview .style-material-alert-card div{display:flex;flex-direction:column;gap:3px}
.genisource-preview .style-material-alert-card b{font-size:11px;color:#5a4211}
.genisource-preview .style-material-alert-card span{font-size: 11px;color:#7b6634}
.genisource-preview .style-material-ops .style-material-fab{right:20px;bottom:17px;display:flex;width:auto;height:44px;padding:0 14px;gap:6px;border-radius:22px;background:#f50057}
.genisource-preview .style-material-fab>span{font-size:20px;line-height:1}
.genisource-preview .style-material-fab>i{font-size: 11px;font-style:normal;font-weight:700;letter-spacing:.25px}
.genisource-preview .style-material-ops .style-material-fab:before{display:none}
.genisource-preview .style-material-scene>.style-material-appbar{grid-column:1/-1;height:auto}
.genisource-preview .style-material-scene>.style-material-rail{gap:13px;padding-top:13px}
.genisource-preview .style-material-scene>.style-material-fab{right:16px;bottom:15px;width:45px;height:45px;border-radius:50%;background:#f50057}
.genisource-preview .style-material-scene>.style-material-fab:before{display:none}
.genisource-preview .style-neumorphism-home{position:relative;display:grid;grid-template-columns:1.03fr .92fr;grid-template-rows:30px 1fr;gap:0 28px;padding:12px 24px 17px;overflow:hidden;background:#e8eef5}
.genisource-preview .style-neumorphism-home-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;color:#53627a;font-size: 11px;letter-spacing:.7px}
.genisource-preview .style-neumorphism-home-head b{font-size:12px;color:#384761}
.genisource-preview .style-neumorphism-home-head i{font-size: 11px;font-style:normal}
.genisource-preview .style-neumorphism-climate{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:154px;height:154px;justify-self:center;border-radius:50%;background:#e8eef5;box-shadow:-9px -9px 18px #fff,9px 9px 18px #bac5d3;color:#43536d}
.genisource-preview .style-neumorphism-climate small{font-size: 11px;font-weight:700;letter-spacing:.8px}
.genisource-preview .style-neumorphism-climate b{font-size:49px;line-height:1;font-weight:600;letter-spacing:-3px}
.genisource-preview .style-neumorphism-climate b span{font-size:22px}
.genisource-preview .style-neumorphism-climate em{padding:3px 8px;border-radius:12px;background:#dff1e4;color:#26724f;font-size: 11px;font-style:normal;font-weight:700}
.genisource-preview .style-neumorphism-climate-ring{position:absolute;inset:8px;border:1px solid rgba(104,123,150,.2);border-right:3px solid #7796db;border-radius:50%}
.genisource-preview .style-neumorphism-home-side{display:flex;flex-direction:column;justify-content:center;gap:14px}
.genisource-preview .style-neumorphism-home-state{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#e8eef5;box-shadow:-5px -5px 10px #fff,5px 5px 10px #bac5d3}
.genisource-preview .style-neumorphism-home-state.pressed{box-shadow:inset 4px 4px 8px #bac5d3,inset -4px -4px 8px #fff}
.genisource-preview .style-neumorphism-home-state>i{width:10px;height:10px;border-radius:50%;background:#52a776;box-shadow:0 0 0 3px #d8eddf}
.genisource-preview .style-neumorphism-home-state.pressed>i{background:#7f8fd6;box-shadow:0 0 0 3px #dce1f5}
.genisource-preview .style-neumorphism-home-state span{display:flex;flex:1;justify-content:space-between;font-size:11px;color:#4b5b73}
.genisource-preview .style-neumorphism-home-state b{font-size: 11px;color:#283b59}
.genisource-preview .style-neumorphism-home-actions{position:absolute;right:24px;bottom:16px;display:flex;gap:12px}
.genisource-preview .style-neumorphism-home-action{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:2px 7px;min-width:112px;padding:9px 10px;border:0;border-radius:14px;background:#e8eef5;box-shadow:-5px -5px 10px #fff,5px 5px 10px #bac5d3;color:#42526b;font:inherit;text-align:left}
.genisource-preview .style-neumorphism-home-action>i{grid-row:span 2;width:21px;height:21px;border-radius:50%;background:#f4c766;box-shadow:inset 2px 2px 3px rgba(143,98,13,.25),inset -2px -2px 3px rgba(255,255,255,.75)}
.genisource-preview .style-neumorphism-home-action>i.fan{background:#9db9ef}
.genisource-preview .style-neumorphism-home-action span{font-size: 11px;font-weight:700}
.genisource-preview .style-neumorphism-home-action b{font-size: 11px;color:#697993}
.genisource-preview .style-neumorphism-scene-controls>div.pressed{box-shadow:inset 4px 4px 8px #bac5d3,inset -4px -4px 8px #fff}
@media (max-width: 520px){.genisource-preview .style-skeuomorphism-console-main{grid-template-columns:1fr .85fr;gap:7px;padding:9px}.genisource-preview .style-skeuomorphism-meters{display:none}.genisource-preview .style-skeuomorphism-console-controls{gap:5px;padding-left:6px;padding-right:6px}.genisource-preview .style-skeuomorphism-console-controls small{display:none}.genisource-preview .style-skeuomorphism-console-top{padding:0 10px}.genisource-preview .style-skeuomorphism-brand i, .genisource-preview .style-skeuomorphism-console-status{display:none}.genisource-preview .style-flat-planner{grid-template-columns:1fr .88fr;gap:0 12px;padding-left:13px;padding-right:13px}.genisource-preview .style-flat-planner-copy h2{font-size:29px}.genisource-preview .style-flat-planner-copy p{display:none}.genisource-preview .style-flat-plan-card{height:92px}.genisource-preview .style-flat-route{margin-top:3px}.genisource-preview .style-material-ops{grid-template-columns:42px 1fr}.genisource-preview .style-material-rail{gap:12px}.genisource-preview .style-material-rail span{width:29px;height:29px}.genisource-preview .style-material-ops-body{padding:10px}.genisource-preview .style-material-ops-title b{font-size:16px}.genisource-preview .style-material-ops-grid{grid-template-columns:1fr}.genisource-preview .style-material-alert-card{display:none}.genisource-preview .style-material-ops .style-material-fab{right:12px;bottom:11px;height:38px;padding:0 10px}.genisource-preview .style-material-ops .style-material-fab i{display:none}.genisource-preview .style-neumorphism-home{grid-template-columns:.9fr 1fr;gap:0 14px;padding-left:13px;padding-right:13px}.genisource-preview .style-neumorphism-climate{width:126px;height:126px}.genisource-preview .style-neumorphism-climate b{font-size:41px}.genisource-preview .style-neumorphism-home-actions{right:13px;bottom:12px;gap:7px}.genisource-preview .style-neumorphism-home-action{min-width:88px;padding:7px}.genisource-preview .style-neumorphism-home-action span{font-size: 11px}.genisource-preview .style-neumorphism-home-action b{display:none}.genisource-preview .style-neumorphism-home-state{padding:8px}.genisource-preview .style-neumorphism-home-state span{flex-direction:column;gap:2px}}
.genisource-preview .style-material-dispatch-list{margin-top:11px;padding:9px 12px 4px;background:#fff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.genisource-preview .style-material-dispatch-head{display:flex;align-items:center;justify-content:space-between;padding:0 0 6px}
.genisource-preview .style-material-dispatch-head b{font-size:11px;color:#2c2c35}
.genisource-preview .style-material-dispatch-head span{font-size:11px;color:#3949ab;font-weight:700}
.genisource-preview .style-material-dispatch-row{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;gap:7px;padding:7px 0;border-top:1px solid #ececf1}
.genisource-preview .style-material-dispatch-row>i{width:7px;height:7px;border-radius:50%;background:#4caf72}
.genisource-preview .style-material-dispatch-row>i.waiting{background:#f6a623}
.genisource-preview .style-material-dispatch-row b{font-size: 11px;color:#373741}
.genisource-preview .style-material-dispatch-row span{padding:2px 5px;border-radius:8px;background:#e8f5ed;color:#28724a;font-size:11px;font-weight:700}
.genisource-preview .style-material-dispatch-row:nth-child(3) span{background:#fff3dc;color:#946000}
.genisource-preview .style-material-dispatch-row em{font-size:11px;color:#6b6b75;font-style:normal}
@media (max-width: 520px){.genisource-preview .style-material-dispatch-list{margin-top:8px;padding:7px 8px 2px}.genisource-preview .style-material-dispatch-row{grid-template-columns:7px 1fr auto;gap:5px;padding:5px 0}.genisource-preview .style-material-dispatch-row span{display:none}.genisource-preview .style-material-dispatch-row b{font-size:11px}.genisource-preview .style-material-dispatch-row em{font-size:11px}}
.genisource-preview .style-material-ops-body{display:flex;flex-direction:column}
.genisource-preview .style-material-dispatch-list{flex:1;display:flex;flex-direction:column}
.genisource-preview .style-material-dispatch-row{flex:1;min-height:30px}
@media (max-width: 520px){.genisource-preview .style-material-dispatch-list{flex:0}.genisource-preview .style-material-dispatch-row{flex:0;min-height:0}}
.genisource-preview .style-y2k-demo{
  position: relative; overflow: hidden; border-radius: 10px;
  min-height: 196px; padding: 22px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(155deg, #bfe3ff 0%, #e3f2ff 38%, #ffd9ef 78%, #ffc2e4 100%);
}
.genisource-preview .style-y2k-star{
  position: absolute; color: #fff; font-style: normal;
  text-shadow: 0 0 8px rgba(255,158,214,.95), 0 1px 2px rgba(150,110,200,.55);
}
.genisource-preview .style-y2k-bubble.blue{
  background: linear-gradient(180deg, #c9ecff 0%, #7ec8f5 46%, #3d9fe8 100%);
  box-shadow: inset 0 2px 2px rgba(255,255,255,.9), inset 0 -3px 5px rgba(20,90,170,.4), 0 5px 12px rgba(61,159,232,.45);
}
.genisource-preview .style-memphis-demo{
  position: relative; overflow: hidden; border-radius: 10px;
  min-height: 196px; padding: 22px;
  display: flex; align-items: center; justify-content: center;
  background: #fff8ef;
}
.genisource-preview .style-memphis-dots{
  position: absolute; width: 54px; height: 54px; border-radius: 50%;
  background: #ffd23f; border: 3px solid #111;
  background-image: radial-gradient(#111 1.6px, transparent 1.8px); background-size: 10px 10px;
}
.genisource-preview .style-memphis-tri{
  position: absolute; width: 0; height: 0;
  border-left: 16px solid transparent; border-right: 16px solid transparent;
  border-bottom: 28px solid #3d5af1;
}
.genisource-preview .style-memphis-squiggle{
  position: absolute; width: 74px; height: 16px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='74' height='16'><path d='M3 8 Q 11 1, 19 8 T 35 8 T 51 8 T 67 8' fill='none' stroke='%23ee4266' stroke-width='4' stroke-linecap='round'/></svg>") center/contain no-repeat;
}
.genisource-preview .style-memphis-ring{
  position: absolute; width: 32px; height: 32px; border-radius: 50%;
  border: 6px solid #22c1a3;
}
.genisource-preview .style-memphis-btn{
  display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: 1px;
  color: #111; background: #ffd23f; padding: 8px 18px;
  border: 3px solid #111; border-radius: 0; box-shadow: 4px 4px 0 #111;
}
.genisource-preview .style-terminal-demo{
  position: relative; overflow: hidden; border-radius: 10px;
  min-height: 196px; padding: 18px 22px;
  background: #0b0d0b; color: #d7ddd7;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.genisource-preview .style-terminal-demo .style-terminal-g{ color: #4af626; }
.genisource-preview .style-terminal-demo .style-terminal-d{ color: #6b7a6b; }
.genisource-preview .style-terminal-cursor{
  display: inline-block; width: 9px; height: 16px; margin-left: 3px;
  background: #4af626; vertical-align: -3px;
  animation: style-terminal-blink 1.06s steps(1) infinite;
}
@keyframes style-terminal-blink{ 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
.genisource-preview .style-wabisabi-demo{
  position: relative; overflow: hidden; border-radius: 10px;
  min-height: 196px; padding: 24px 30px;
  background-color: #f5f2ea;
  background-image: radial-gradient(rgba(122,112,90,.06) 1px, transparent 1.2px);
  background-size: 5px 5px;
  color: #33322e;
  font-family: "Songti SC", "Noto Serif SC", "STSong", serif;
}
.genisource-preview .style-wabisabi-seal{
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 3px;
  background: #b8452f; color: #f5f2ea; font-size: 14px;
  font-family: "Songti SC", "Noto Serif SC", serif;
  box-shadow: 0 1px 2px rgba(120,40,20,.3);
}
.genisource-preview .style-y2k-demo, .genisource-preview .style-memphis-demo, .genisource-preview .style-terminal-demo, .genisource-preview .style-wabisabi-demo{box-sizing:border-box;width:100%;min-width:0;min-height:0;height:100%;}
.genisource-preview .style-y2k-demo{min-height:250px;padding:13px 24px;display:block}
.genisource-preview .style-y2k-demo>div:last-child{height:calc(100% - 26px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.genisource-preview .style-memphis-demo{min-height:250px;display:block;padding:13px 24px}
.genisource-preview .style-terminal-demo{min-height:250px;padding:13px 24px}
.genisource-preview .style-wabisabi-demo{min-height:250px;padding:13px 30px}
@media (max-width:520px){.genisource-preview .style-wabisabi-demo{padding-left:20px;padding-right:20px}}
@media (prefers-reduced-motion:reduce){.genisource-preview .style-terminal-cursor{animation:none}}
.genisource-preview .style-y2k-demo, .genisource-preview .style-memphis-demo, .genisource-preview .style-terminal-demo, .genisource-preview .style-wabisabi-demo{min-height:0!important}
.genisource-preview .style-y2k-profile{padding:12px 16px;background:linear-gradient(140deg,#d5efff,#fcf5ff 46%,#ffd6eb);font-family:Arial,sans-serif}
.genisource-preview .y2k-browser{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.9);border-radius:12px;background:rgba(255,255,255,.58);box-shadow:inset 0 2px 2px #fff,0 3px 8px rgba(110,100,170,.2);font-size: 11px;color:#7d70a0}
.genisource-preview .y2k-browser b{font-style:italic;color:#e56ca9;font-size:12px}
.genisource-preview .y2k-browser i{margin-left:auto;color:#43a5df;font-style:normal}
.genisource-preview .y2k-main{position:relative;z-index:1;display:grid;grid-template-columns:120px minmax(0,1fr) 125px;gap:10px;margin-top:10px}
.genisource-preview .y2k-person, .genisource-preview .y2k-player, .genisource-preview .y2k-guest{display:grid;align-content:start;gap:5px;padding:9px;border:1px solid rgba(255,255,255,.9);border-radius:15px;background:rgba(255,255,255,.6);box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 4px 9px rgba(126,110,180,.18);font-size: 11px;color:#7d70a0}
.genisource-preview .y2k-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:bold;background:linear-gradient(145deg,#ffb7d8,#72c8f5);border:3px solid #fff;box-shadow:0 0 0 2px #f69bc7}
.genisource-preview .y2k-person b, .genisource-preview .y2k-player b, .genisource-preview .y2k-guest b{color:#5a4f7a;font-size: 11px}
.genisource-preview .y2k-person button{border:0;border-radius:999px;padding:4px 7px;color:#fff;background:linear-gradient(#ffc9e5,#f556a8);box-shadow:inset 0 1px 1px #fff;font-size: 11px}
.genisource-preview .y2k-player{background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(208,239,255,.65))}
.genisource-preview .y2k-player small{color:#e56ca9;font-weight:bold;letter-spacing:1px}
.genisource-preview .y2k-player>b{font-size:15px;font-style:italic}
.genisource-preview .y2k-progress{height:7px;border-radius:8px;background:#d7e7f3;box-shadow:inset 0 1px 2px #9da8c8}
.genisource-preview .y2k-progress i{display:block;width:61%;height:100%;border-radius:inherit;background:linear-gradient(#ffc9e5,#f556a8)}
.genisource-preview .y2k-controls{text-align:center;color:#e86daa;font-size:13px}
.genisource-preview .y2k-controls strong{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:linear-gradient(#ffc9e5,#f556a8);color:#fff}
.genisource-preview .y2k-guest span{padding-bottom:4px;border-bottom:1px dotted #e4afd0}
.genisource-preview .y2k-guest em{color:#3d9fe8;font-style:normal}
.genisource-preview .style-memphis-booking{padding:12px 18px;background:#fff8ef}
.genisource-preview .mp-head{position:relative;z-index:1;display:flex;align-items:center;gap:15px;height:28px;font-size: 11px;font-weight:bold;color:#111}
.genisource-preview .mp-head b{font-size:13px;line-height:.8}
.genisource-preview .mp-head i{margin-left:auto;font-style:normal;background:#ee4266;color:#fff;padding:5px 7px;border:2px solid #111}
.genisource-preview .mp-book-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 122px;align-items:center;gap:15px;height:calc(100% - 28px)}
.genisource-preview .mp-book-main small{font-size: 11px;color:#3d5af1;letter-spacing:1px;font-weight:bold}
.genisource-preview .mp-book-main h2{margin:5px 0;font-size:clamp(21px,3vw,31px);line-height:.86;letter-spacing:-1.5px;color:#111}
.genisource-preview .mp-book-main h2 span{color:#ee4266}
.genisource-preview .mp-book-main p{max-width:270px;margin:6px 0 10px;font-size: 11px;line-height:1.45;color:#444}
.genisource-preview .mp-book-main .style-memphis-btn{font-size: 11px;padding:7px 9px}
.genisource-preview .mp-book-main aside{min-height:108px;box-sizing:border-box;padding:10px;background:#3d5af1;border:3px solid #111;box-shadow:5px 5px #111;transform:rotate(4deg);display:grid;align-content:space-between;color:#fff}
.genisource-preview .mp-book-main aside b{font-size:15px}
.genisource-preview .mp-book-main aside span{font-size: 11px;color:#ffd23f;font-weight:bold}
.genisource-preview .mp-book-main aside strong{font-size:21px}
.genisource-preview .mp-book-main aside em{font-size: 11px;font-style:normal;text-align:right}
.genisource-preview .style-terminal-console{padding:12px 18px;background:#090c09}
.genisource-preview .tm-head{display:flex;align-items:center;gap:13px;height:26px;border-bottom:1px solid #273227;color:#758275;font-size: 11px}
.genisource-preview .tm-head b{color:#e5ece5;font-size:11px}
.genisource-preview .tm-head i{margin-left:auto;font-style:normal;color:#9eaa9e}
.genisource-preview .tm-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:15px;padding-top:13px}
.genisource-preview .tm-grid small{font-size: 11px;letter-spacing:1px;color:#718371}
.genisource-preview .tm-grid h2{margin:5px 0;color:#f2f5f2;font-size:clamp(20px,3vw,29px);line-height:.95}
.genisource-preview .tm-grid p{margin:7px 0;color:#a7b4a7;font-size: 11px;line-height:1.45}
.genisource-preview .tm-command{padding:7px 8px;border:1px solid #304030;background:#101510;color:#d9e5d9;font-size: 11px}
.genisource-preview .tm-buttons{display:flex;gap:9px;margin-top:9px;font-size: 11px}
.genisource-preview .tm-buttons b{padding:7px 9px;background:#4af626;color:#0b0d0b}
.genisource-preview .tm-buttons span{padding:6px 0;color:#bdc8bd;border-bottom:1px solid #6c786c}
.genisource-preview .tm-grid aside{display:grid;gap:8px}
.genisource-preview .tm-grid aside>div{display:grid;gap:5px;padding:8px;border:1px solid #273227;background:#101410;font-size: 11px}
.genisource-preview .tm-grid aside b{color:#dce6dc;font-weight:normal}
.genisource-preview .tm-grid aside i{display:inline-block;width:6px;height:6px;background:#4af626;margin-right:5px}
.genisource-preview .tm-grid aside .warn i{background:#e5c34a}
.genisource-preview .tm-grid pre{margin:0;padding:8px;border:1px solid #273227;color:#9bad9b;font:11px/1.55 ui-monospace,monospace;white-space:pre-wrap}
.genisource-preview .style-wabisabi-journal{padding:13px 24px;background-color:#f2eee4;background-image:radial-gradient(rgba(90,77,55,.09) .8px,transparent 1px),linear-gradient(105deg,transparent 0 63%,rgba(134,112,77,.08) 63.2%,transparent 64%)}
.genisource-preview .wb-head{height:27px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #d4cdbd;font-size: 11px;color:#8c8372}
.genisource-preview .wb-head b{font-size:13px;letter-spacing:4px;color:#35332d}
.genisource-preview .wb-head i{margin-left:auto;font-style:normal}
.genisource-preview .wb-page{height:calc(100% - 27px);display:grid;grid-template-columns:30px minmax(0,1fr) 105px;gap:19px;align-items:center}
.genisource-preview .wb-page aside{writing-mode:vertical-rl;line-height:1.8;letter-spacing:4px;color:#a69d8b;font-size: 11px}
.genisource-preview .wb-page main small{color:#8e8270;font-size: 11px;letter-spacing:1px}
.genisource-preview .wb-page h2{margin:8px 0;font-weight:500;font-size:clamp(19px,3vw,29px);line-height:1.15;letter-spacing:4px;color:#3d3931}
.genisource-preview .wb-page p{max-width:260px;margin:0;font-size: 11px;line-height:1.75;color:#716959}
.genisource-preview .wb-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;margin-top:10px;font-size: 11px;color:#978d7c}
.genisource-preview .wb-meta b{font-weight:normal;color:#3d3931;border-bottom:1px solid #3d3931;padding-bottom:2px}
.genisource-preview .wb-vessel{align-self:center;height:96px;background:#ddd4c1;border-radius:47% 43% 38% 42% / 31% 35% 57% 60%;box-shadow:inset 5px 4px rgba(255,255,255,.35),inset -7px -6px rgba(105,85,54,.13);transform:rotate(-4deg);display:grid;place-items:center;color:#8e8270;font-size: 11px;text-align:center}
.genisource-preview .wb-vessel i{position:absolute;width:34px;height:10px;border:2px solid rgba(107,87,58,.3);border-radius:50%;transform:translateY(-23px)}
.genisource-preview .style-wabisabi-journal>.style-wabisabi-seal{position:absolute;right:21px;bottom:15px}
.genisource-preview .style-wabisabi-scene>.style-wabisabi-seal{position:absolute;right:17px;bottom:13px}
@media (max-width:520px){.genisource-preview .y2k-main{grid-template-columns:92px minmax(0,1fr)}.genisource-preview .y2k-guest{display:none}.genisource-preview .y2k-browser span, .genisource-preview .mp-head span, .genisource-preview .tm-head span, .genisource-preview .wb-head span{display:none}.genisource-preview .y2k-person{padding:7px}.genisource-preview .y2k-player>b{font-size:12px}.genisource-preview .mp-book-main{grid-template-columns:minmax(0,1fr) 92px;gap:8px}.genisource-preview .mp-book-main h2{font-size:21px}.genisource-preview .mp-book-main aside{min-height:92px;padding:7px}.genisource-preview .mp-book-main aside strong{font-size:16px}.genisource-preview .tm-grid{grid-template-columns:minmax(0,1fr) 115px;gap:9px}.genisource-preview .tm-grid h2{font-size:20px}.genisource-preview .tm-grid aside>div{padding:6px}.genisource-preview .wb-page{grid-template-columns:19px minmax(0,1fr) 76px;gap:10px}.genisource-preview .wb-page p{font-size: 11px}.genisource-preview .wb-vessel{height:78px}}
.genisource-preview .style-y2k-demo.style-y2k-profile{display:grid!important;grid-template-rows:32px minmax(0,1fr);align-items:stretch!important;justify-content:stretch!important;min-height:250px!important;padding:13px 18px}
.genisource-preview .style-y2k-demo.style-y2k-profile>div:last-child{height:auto!important;display:grid!important;flex-direction:initial!important;align-items:stretch!important;justify-content:stretch!important}
.genisource-preview .style-y2k-profile .y2k-browser{height:auto;box-sizing:border-box}
.genisource-preview .style-y2k-profile .y2k-main{height:auto;min-height:0;grid-template-columns:135px minmax(160px,1fr) 145px;gap:12px;margin-top:11px}
.genisource-preview .style-y2k-profile .y2k-person, .genisource-preview .style-y2k-profile .y2k-player, .genisource-preview .style-y2k-profile .y2k-guest{padding:12px;gap:7px}
.genisource-preview .style-y2k-profile .y2k-avatar{width:46px;height:46px}
.genisource-preview .style-y2k-profile .y2k-person b, .genisource-preview .style-y2k-profile .y2k-player b, .genisource-preview .style-y2k-profile .y2k-guest b{font-size:11px}
.genisource-preview .style-y2k-profile .y2k-player>b{font-size:clamp(16px,2.3vw,22px)}
.genisource-preview .style-y2k-profile .y2k-player{grid-template-rows:auto auto auto 1fr auto;justify-items:start}
.genisource-preview .style-y2k-profile .y2k-progress{align-self:end;width:100%;height:9px}
.genisource-preview .style-y2k-profile .y2k-controls{width:100%;font-size:16px}
.genisource-preview .style-y2k-profile .y2k-guest span{font-size: 11px;line-height:1.4}
@media (max-width:520px){.genisource-preview .style-y2k-demo.style-y2k-profile{display:block!important;height:auto;min-height:300px!important;padding:12px}.genisource-preview .style-y2k-demo.style-y2k-profile>div:last-child{display:grid!important;height:auto!important}.genisource-preview .style-y2k-profile .y2k-main{grid-template-columns:88px minmax(0,1fr);gap:8px}.genisource-preview .style-y2k-profile .y2k-guest{display:none}.genisource-preview .style-y2k-profile .y2k-person, .genisource-preview .style-y2k-profile .y2k-player{padding:8px;gap:5px}.genisource-preview .style-y2k-profile .y2k-avatar{width:34px;height:34px}.genisource-preview .style-y2k-profile .y2k-player>b{font-size:13px}.genisource-preview .style-y2k-profile .y2k-controls{font-size:13px}}
.genisource-preview .style-y2k-profile .y2k-player{position:relative;overflow:hidden}
.genisource-preview .style-y2k-profile .y2k-player::before{content:"";position:absolute;z-index:0;width:66px;height:66px;left:50%;top:54%;transform:translate(-50%,-50%) rotate(-7deg);border:3px solid rgba(255,255,255,.94);background:linear-gradient(145deg,#83d7fa 0 22%,#ffc5e1 22% 48%,#a98eea 48% 74%,#fff0a8 74%);box-shadow:0 4px 9px rgba(106,83,157,.3),inset 0 2px 3px rgba(255,255,255,.75)}
.genisource-preview .style-y2k-profile .y2k-player::after{content:"";position:absolute;z-index:1;width:25px;height:25px;left:calc(50% + 12px);top:calc(54% + 12px);border-radius:50%;background:radial-gradient(circle,#fff 0 10%,#f35ca8 12% 19%,#604a91 21% 58%,#e9d6ff 60%);box-shadow:0 2px 4px rgba(83,57,129,.35)}
.genisource-preview .style-y2k-profile .y2k-player>*{position:relative;z-index:2}
.genisource-preview .style-y2k-profile .y2k-progress, .genisource-preview .style-y2k-profile .y2k-controls{z-index:3}
.genisource-preview .style-memphis-demo.style-memphis-booking, .genisource-preview .style-terminal-demo.style-terminal-console{display:grid!important;grid-template-rows:33px minmax(0,1fr)!important;align-items:stretch!important;justify-content:stretch!important}
.genisource-preview .style-memphis-booking .mp-book-main{height:auto;min-height:0;align-items:stretch}
.genisource-preview .style-memphis-booking .mp-book-main>section{display:grid;grid-template-rows:auto auto auto auto 1fr;align-content:start}
.genisource-preview .style-memphis-booking .mp-book-main>section::after{content:"INCLUDES  /  CLAY  ·  FIRING  ·  TEA  ·  TOOLS";align-self:end;display:block;padding-top:8px;border-top:2px solid #111;color:#3d5af1;font-size:11px;font-weight:800;letter-spacing:.8px}
.genisource-preview .style-memphis-booking .mp-book-main aside{height:100%;min-height:0;grid-template-rows:auto auto 1fr auto}
.genisource-preview .style-memphis-booking .mp-book-main aside::before{content:"HOST  /  MIKA";font-size:11px;color:#ffd23f;letter-spacing:.6px}
.genisource-preview .style-memphis-booking .mp-book-main aside::after{content:"BEGINNER · 12 seats";font-size:11px;color:#fff;border-top:2px solid rgba(255,255,255,.5);padding-top:7px}
.genisource-preview .style-terminal-console .tm-grid{height:auto;min-height:0;align-items:stretch}
.genisource-preview .style-terminal-console .tm-grid>section{display:grid;grid-template-rows:auto auto auto auto 1fr auto;min-height:0}
.genisource-preview .style-terminal-console .tm-grid>section::after{content:"CHECKS  ████████░░  8/10 passed     P95 184ms     ERR 0.08%";align-self:end;padding-top:9px;border-top:1px solid #273227;color:#8ca08c;font:11px/1.5 ui-monospace,monospace}
.genisource-preview .style-terminal-console .tm-grid aside{min-height:0;grid-template-rows:auto 1fr}
.genisource-preview .style-terminal-console .tm-grid aside>div{min-height:0;align-content:start}
.genisource-preview .style-terminal-console .tm-grid pre{min-height:0;height:auto;align-self:stretch;background:linear-gradient(#101410,#0b0f0b);white-space:pre-wrap}
.genisource-preview .style-terminal-console .tm-grid pre::first-line{color:#4af626}
@media (max-width:520px){.genisource-preview .style-y2k-profile .y2k-player::before{width:48px;height:48px;top:55%}.genisource-preview .style-y2k-profile .y2k-player::after{width:18px;height:18px;left:calc(50% + 8px);top:calc(55% + 8px)}.genisource-preview .style-memphis-booking .mp-book-main>section::after{font-size:11px}.genisource-preview .style-memphis-booking .mp-book-main aside::before, .genisource-preview .style-memphis-booking .mp-book-main aside::after{font-size:11px}.genisource-preview .style-terminal-console .tm-grid>section::after{font-size:11px}}
.genisource-preview .mp-details{align-self:end;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding-top:9px;border-top:2px solid #111;font-size:11px;font-weight:800;color:#3d5af1}
.genisource-preview .mp-details span{padding-right:4px;line-height:1.25}
.genisource-preview .style-memphis-booking .mp-book-main>section::after{display:none}
.genisource-preview .style-terminal-console .tm-grid>section{grid-template-rows:auto auto auto auto auto 1fr auto}
.genisource-preview .style-terminal-console .tm-buttons{align-self:start}
.genisource-preview .tm-stages{align-self:end;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px;font-size:11px;color:#a8b8a8}
.genisource-preview .tm-stages span{padding:6px 5px;border:1px solid #273227;background:#101410;line-height:1.35}
.genisource-preview .tm-stages span:last-child{color:#d8ca70}
@media (max-width:520px){.genisource-preview .mp-details{font-size:11px;gap:2px}.genisource-preview .tm-stages{font-size:11px;gap:2px}.genisource-preview .tm-stages span{padding:4px 2px}}
@media (max-width:520px){.genisource-preview .style-y2k-demo.style-y2k-profile{height:100%!important;min-height:0!important;max-height:100%;overflow:hidden}.genisource-preview .style-y2k-demo.style-y2k-profile{display:grid!important;grid-template-rows:25px minmax(0,1fr)!important;padding:8px}.genisource-preview .style-y2k-profile .y2k-browser{padding:5px 7px;border-radius:9px;font-size:8px}.genisource-preview .style-y2k-profile .y2k-browser b{font-size:10px}.genisource-preview .style-y2k-profile .y2k-main{grid-template-columns:76px minmax(0,1fr);gap:6px;margin-top:6px;min-height:0}.genisource-preview .style-y2k-profile .y2k-person, .genisource-preview .style-y2k-profile .y2k-player{padding:6px;gap:3px;border-radius:10px;font-size:8px}.genisource-preview .style-y2k-profile .y2k-avatar{width:27px;height:27px;border-width:2px}.genisource-preview .style-y2k-profile .y2k-person b{font-size:8px}.genisource-preview .style-y2k-profile .y2k-person button{font-size:6px;padding:3px 4px}.genisource-preview .style-y2k-profile .y2k-player{grid-template-rows:auto auto auto 1fr auto}.genisource-preview .style-y2k-profile .y2k-player>b{font-size:11px}.genisource-preview .style-y2k-profile .y2k-player small, .genisource-preview .style-y2k-profile .y2k-player span{font-size:7px}.genisource-preview .style-y2k-profile .y2k-progress{height:5px}.genisource-preview .style-y2k-profile .y2k-controls{font-size:10px}.genisource-preview .style-y2k-profile .y2k-controls strong{width:17px;height:17px}.genisource-preview .style-y2k-profile .y2k-player::before{width:36px;height:36px;top:55%}.genisource-preview .style-y2k-profile .y2k-player::after{width:13px;height:13px;left:calc(50% + 6px);top:calc(55% + 6px)}}
.genisource-preview .ms-demo, .genisource-preview .ms-demo *{box-sizing:border-box}
.genisource-preview .ms-demo{--ms-note-row:32px;position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid transparent;font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.genisource-preview .ms-demo button{border:0;font:inherit;white-space:nowrap}
.genisource-preview .ms-demo em{font-style:normal}
.genisource-preview .ms-demo header, .genisource-preview .ms-demo main, .genisource-preview .ms-demo footer{position:relative;z-index:1}
.genisource-preview .ms-demo>small:first-child{position:relative;z-index:2;display:flex!important;align-items:center;min-width:0;padding:2px 10px!important;overflow:hidden;font-size:11px!important;line-height:1.25}
.genisource-preview .ms-saas{display:grid;grid-template-rows:var(--ms-note-row) 43px minmax(0,1fr) 35px;background:radial-gradient(circle at 74% 20%,rgba(164,139,250,.2),transparent 29%),#f8f9fd;color:#161525;border-color:#e7e5f1;border-radius:16px}
.genisource-preview .ms-saas>header{display:flex;align-items:center;gap:24px;padding:0 20px;border-bottom:1px solid rgba(74,61,109,.09);background:rgba(255,255,255,.66);backdrop-filter:blur(15px)}
.genisource-preview .ms-saas>header>b{display:flex;align-items:center;gap:6px;font-size:13px;letter-spacing:-.3px}
.genisource-preview .ms-saas>header>b i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#6652d9;color:#fff;font-size:12px}
.genisource-preview .ms-saas>header nav{display:flex;gap:17px;font-size:10px;color:#716e7e}
.genisource-preview .ms-saas>header>div{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:10px}
.genisource-preview .ms-saas button{border-radius:7px;background:#241f3f;color:#fff;padding:7px 10px;font-size:10px;font-weight:700}
.genisource-preview .ms-saas>main{display:grid;grid-template-columns:.88fr 1.12fr;gap:24px;padding:20px 22px 15px;min-height:0}
.genisource-preview .ms-saas .ms-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.genisource-preview .ms-saas .ms-copy>small{display:flex;align-items:center;gap:6px;color:#6556bd;font-size:9px;font-weight:800;letter-spacing:1px}
.genisource-preview .ms-saas .ms-copy>small i{width:5px;height:5px;border-radius:50%;background:#6c5ce7;box-shadow:0 0 0 4px rgba(108,92,231,.12)}
.genisource-preview .ms-saas .ms-copy h2{margin:8px 0 6px;font-size:clamp(27px,4.2vw,48px);line-height:.96;letter-spacing:-2.5px}
.genisource-preview .ms-saas .ms-copy h2 em{background:linear-gradient(110deg,#6652d9,#9c57d5 64%,#e1709b);-webkit-background-clip:text;background-clip:text;color:transparent}
.genisource-preview .ms-saas .ms-copy>p{max-width:360px;margin:0;color:#6e6a7a;font-size:10px;line-height:1.55}
.genisource-preview .ms-actions{display:flex;align-items:center;gap:11px;margin-top:12px}
.genisource-preview .ms-actions a{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#48425f}
.genisource-preview .ms-saas .ms-copy footer{display:flex;align-items:center;gap:6px;margin-top:13px;font-size:9px;color:#817d8b}
.genisource-preview .ms-saas .ms-copy footer b{color:#39344e}
.genisource-preview .saas-product{align-self:center;min-height:0;border:1px solid rgba(255,255,255,.65);border-radius:14px;background:linear-gradient(150deg,#24203c,#171526 72%);box-shadow:0 22px 50px rgba(41,31,81,.21);overflow:hidden;color:#f6f3ff}
.genisource-preview .saas-product>header{display:flex;align-items:center;gap:8px;height:31px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:8px;color:#a9a3be}
.genisource-preview .saas-product>header>span{display:flex;gap:3px}
.genisource-preview .saas-product>header>span i{width:5px;height:5px;border-radius:50%;background:#5f596f}
.genisource-preview .saas-product>header b{font-size:9px;color:#e8e4f1}
.genisource-preview .saas-product>header em{margin-left:auto;border:1px solid rgba(121,231,171,.3);border-radius:99px;padding:2px 5px;color:#7be0a8;background:rgba(51,191,114,.08)}
.genisource-preview .saas-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:7px;padding:8px}
.genisource-preview .saas-grid article{position:relative;min-width:0;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.04);overflow:hidden}
.genisource-preview .saas-grid article>small{display:block;font-size:7px;letter-spacing:.8px;color:#858097}
.genisource-preview .saas-grid article>b{display:inline-block;margin-top:3px;font-size:17px;letter-spacing:-.7px}
.genisource-preview .saas-grid article>span{margin-left:4px;font-size:7px;color:#77dfa3}
.genisource-preview .saas-chart{height:28px;margin-top:4px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(to right,transparent 24%,rgba(255,255,255,.05) 25%,transparent 26%,transparent 49%,rgba(255,255,255,.05) 50%,transparent 51%,transparent 74%,rgba(255,255,255,.05) 75%,transparent 76%)}
.genisource-preview .saas-chart i{display:block;width:100%;height:100%;clip-path:polygon(0 84%,14% 69%,26% 75%,43% 39%,55% 53%,70% 22%,84% 31%,100% 5%,100% 100%,0 100%);background:linear-gradient(180deg,rgba(140,112,255,.62),rgba(140,112,255,.02))}
.genisource-preview .saas-grid article:nth-child(2)>p{display:grid;grid-template-columns:6px 1fr auto;gap:4px;align-items:center;margin:7px 0 0;color:#b8b2c8;font-size:7px}
.genisource-preview .saas-grid article:nth-child(2)>p i{width:5px;height:5px;border-radius:2px;background:#7b68ee}
.genisource-preview .saas-grid article:nth-child(2)>p:nth-of-type(2) i{background:#d174c5}
.genisource-preview .saas-grid article:nth-child(2)>p:nth-of-type(3) i{background:#66b8c6}
.genisource-preview .saas-grid article:nth-child(2)>p b{color:#e9e5f0}
.genisource-preview .saas-wide{grid-column:1/-1}
.genisource-preview .saas-wide>p{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;margin:6px 0 0;font-size:7px}
.genisource-preview .saas-wide>p span{display:grid;place-items:center;width:17px;height:17px;margin:0;border-radius:5px;background:#574c8c;color:#fff}
.genisource-preview .saas-wide>p b{font-size:7px;color:#d8d3e3;font-weight:500}
.genisource-preview .saas-wide>p em{color:#777186}
.genisource-preview .ms-logo-row{display:flex;align-items:center;justify-content:space-around;border-top:1px solid rgba(74,61,109,.09);font-size:8px;font-weight:800;letter-spacing:.3px;color:#9893a5}
.genisource-preview .ms-enterprise{display:grid;grid-template-rows:var(--ms-note-row) 43px minmax(0,1fr) 43px;background:#f7f8f7;color:#132338;border-color:#dfe4e5;border-radius:8px}
.genisource-preview .ms-enterprise>header{display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #dce2e4;background:#fff;gap:25px}
.genisource-preview .ms-enterprise>header>b{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.7px}
.genisource-preview .ms-enterprise>header>b i{font-size:17px;color:#166b65}
.genisource-preview .ms-enterprise>header nav{display:flex;gap:18px;font-size:9px;color:#52616d}
.genisource-preview .ms-enterprise>header>div{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:9px}
.genisource-preview .ms-enterprise>header button{margin-left:5px;padding:7px 10px;border-radius:3px;background:#123d3a;color:#fff;font-size:9px}
.genisource-preview .ms-enterprise>main{display:grid;grid-template-columns:.93fr 1.07fr;min-height:0}
.genisource-preview .ms-enterprise>main>section{display:flex;flex-direction:column;justify-content:center;padding:20px 22px;background:linear-gradient(135deg,#edf2ef,#f8f8f6)}
.genisource-preview .ms-enterprise>main>section small{color:#33766f;font-size:8px;font-weight:800;letter-spacing:1px}
.genisource-preview .ms-enterprise>main>section h2{margin:7px 0 7px;font-family:Georgia,"Songti SC",serif;font-size:clamp(27px,4.1vw,45px);line-height:.98;letter-spacing:-1.7px;font-weight:500}
.genisource-preview .ms-enterprise>main>section p{max-width:380px;margin:0;font-size:9px;line-height:1.55;color:#5b6770}
.genisource-preview .ms-enterprise>main>section>div{display:flex;align-items:center;gap:12px;margin-top:12px}
.genisource-preview .ms-enterprise>main>section button{padding:7px 10px;border-radius:3px;background:#123d3a;color:#fff;font-size:9px;font-weight:700}
.genisource-preview .ms-enterprise>main>section a{font-size:9px;color:#244f4a;font-weight:700}
.genisource-preview .ms-enterprise>main>aside{position:relative;min-width:0;overflow:hidden;background:#38534f}
.genisource-preview .ms-enterprise>main>aside>img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(.94);display:block}
.genisource-preview .ms-enterprise>main>aside:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 42%,rgba(10,38,35,.72))}
.genisource-preview .ms-enterprise>main>aside>div{position:absolute;z-index:1;left:14px;right:14px;bottom:12px;padding:10px 11px;border-left:2px solid #8fd3be;background:rgba(13,43,41,.72);backdrop-filter:blur(10px);color:#fff}
.genisource-preview .ms-enterprise>main>aside small{display:block;font-size:7px;letter-spacing:.8px;color:#b9d8cf}
.genisource-preview .ms-enterprise>main>aside b{display:block;margin-top:3px;font-size:12px}
.genisource-preview .ms-enterprise>main>aside span{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:8px;color:#d8e7e1}
.genisource-preview .ms-enterprise>main>aside span i{width:5px;height:5px;border-radius:50%;background:#6ce0aa;box-shadow:0 0 0 3px rgba(108,224,170,.16)}
.genisource-preview .ms-enterprise>footer{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #dce2e4}
.genisource-preview .ms-enterprise>footer>div{display:flex;align-items:center;gap:7px;padding:0 12px;border-right:1px solid #e5e8e8}
.genisource-preview .ms-enterprise>footer>div:last-child{border:0}
.genisource-preview .ms-enterprise>footer b{font-family:Georgia,serif;font-size:12px;color:#163d3a}
.genisource-preview .ms-enterprise>footer span{font-size:7px;line-height:1.2;color:#6d777d}
.genisource-preview .ms-commerce{display:grid;grid-template-rows:var(--ms-note-row) 39px minmax(0,1fr) 31px;background:#f4efe7;color:#29251f;border-color:#dfd7ca;border-radius:3px;font-family:Arial,"PingFang SC",sans-serif}
.genisource-preview .ms-commerce>header{display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(60,48,34,.16);gap:24px}
.genisource-preview .ms-commerce>header>b{font-family:Georgia,serif;font-size:13px;letter-spacing:1.5px}
.genisource-preview .ms-commerce>header nav{display:flex;gap:17px;font-size:8px;letter-spacing:.5px}
.genisource-preview .ms-commerce>header>div{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:8px}
.genisource-preview .ms-commerce>main{display:grid;grid-template-columns:1.12fr .88fr;min-height:0}
.genisource-preview .commerce-photo{position:relative;min-width:0;overflow:hidden}
.genisource-preview .commerce-photo img{width:100%;height:100%;object-fit:cover;object-position:center 57%;display:block;filter:saturate(.74) contrast(.94)}
.genisource-preview .commerce-photo span{position:absolute;left:11px;bottom:10px;padding:4px 6px;background:#f4efe7;font-size:7px;letter-spacing:1px}
.genisource-preview .commerce-copy{display:flex;flex-direction:column;justify-content:center;padding:15px 18px;background:#f7f2ea}
.genisource-preview .commerce-copy>small{font-size:7px;letter-spacing:1.2px;color:#8d765d}
.genisource-preview .commerce-copy h2{margin:5px 0 6px;font:500 clamp(25px,4.2vw,44px)/.92 Georgia,"Songti SC",serif;letter-spacing:-1.7px}
.genisource-preview .commerce-copy>p{margin:0;font:italic 8px/1.5 Georgia,serif;color:#74695d}
.genisource-preview .commerce-rating{display:flex;align-items:center;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid #ded5c8;font-size:7px}
.genisource-preview .commerce-rating b{letter-spacing:.4px}
.genisource-preview .commerce-rating span{color:#8a7f73}
.genisource-preview .commerce-buy{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:9px}
.genisource-preview .commerce-buy>span small, .genisource-preview .commerce-buy>span b{display:block}
.genisource-preview .commerce-buy>span small{font-size:7px;color:#8a7f73}
.genisource-preview .commerce-buy>span b{margin-top:2px;font:600 12px Georgia,serif}
.genisource-preview .commerce-buy button{padding:7px 10px;background:#283a31;color:#fff;font-size:8px}
.genisource-preview .commerce-copy footer{margin-top:8px;color:#8a7f73;font-size:7px}
.genisource-preview .commerce-strip{display:flex;align-items:center;justify-content:space-around;border-top:1px solid rgba(60,48,34,.16);font-size:7px;letter-spacing:.4px;text-transform:uppercase}
.genisource-preview .ms-dark-tech{display:grid;grid-template-rows:var(--ms-note-row) 41px minmax(0,1fr) 31px;background:#090c11;color:#f4f7fa;border-color:#222934;border-radius:12px;font-family:Manrope,Inter,sans-serif}
.genisource-preview .tech-glow{position:absolute;border-radius:50%;filter:blur(45px);opacity:.25}
.genisource-preview .tech-glow.a{width:210px;height:150px;left:18%;top:-70px;background:#7657ff}
.genisource-preview .tech-glow.b{width:230px;height:170px;right:-80px;bottom:-70px;background:#21d6a2}
.genisource-preview .ms-dark-tech>header{display:flex;align-items:center;gap:24px;padding:0 19px;border-bottom:1px solid #202631;background:rgba(9,12,17,.76);backdrop-filter:blur(15px)}
.genisource-preview .ms-dark-tech>header>b{display:flex;align-items:center;gap:6px;font-size:12px}
.genisource-preview .ms-dark-tech>header>b i{color:#a58cff}
.genisource-preview .ms-dark-tech>header nav{display:flex;gap:18px;color:#8b94a3;font-size:8px}
.genisource-preview .ms-dark-tech>header>div{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:8px;color:#9da6b3}
.genisource-preview .ms-dark-tech>header>div>span i{display:inline-block;width:5px;height:5px;margin-left:3px;border-radius:50%;background:#46e6a9;box-shadow:0 0 8px #46e6a9}
.genisource-preview .ms-dark-tech>header button{padding:6px 9px;border:1px solid #3b4450;border-radius:6px;background:#171c24;color:#fff;font-size:8px}
.genisource-preview .ms-dark-tech>main{display:grid;grid-template-columns:.83fr 1.17fr;gap:22px;min-height:0;padding:18px 20px 14px}
.genisource-preview .ms-dark-tech>main>section{display:flex;flex-direction:column;justify-content:center}
.genisource-preview .ms-dark-tech>main>section>small{color:#8c78ef;font-size:8px;font-weight:800;letter-spacing:1px}
.genisource-preview .ms-dark-tech h2{margin:7px 0 6px;font-size:clamp(27px,4.2vw,46px);line-height:.95;letter-spacing:-2.2px}
.genisource-preview .ms-dark-tech h2 em{background:linear-gradient(90deg,#ddd5ff,#72e4c0);-webkit-background-clip:text;background-clip:text;color:transparent}
.genisource-preview .ms-dark-tech>main>section p{max-width:350px;margin:0;color:#8f98a7;font-size:9px;line-height:1.55}
.genisource-preview .ms-dark-tech>main>section>div{display:flex;align-items:center;gap:10px;margin-top:12px}
.genisource-preview .ms-dark-tech>main>section button{padding:7px 10px;border-radius:6px;background:#e9e4ff;color:#161122;font-size:8px;font-weight:800}
.genisource-preview .ms-dark-tech>main>section a{font-size:8px;color:#b3bbc5}
.genisource-preview .tech-console{align-self:center;border:1px solid #2b333f;border-radius:10px;background:rgba(18,23,31,.88);box-shadow:0 24px 55px rgba(0,0,0,.45);overflow:hidden}
.genisource-preview .tech-console>header{height:29px;display:flex;align-items:center;gap:7px;padding:0 9px;border-bottom:1px solid #2a313c;color:#8c95a3;font-size:7px}
.genisource-preview .tech-console>header>span{display:flex;gap:3px}
.genisource-preview .tech-console>header>span i{width:5px;height:5px;border-radius:50%;background:#414a56}
.genisource-preview .tech-console>header b{font-family:ui-monospace,monospace;font-size:8px;color:#c6ccd5}
.genisource-preview .tech-console>header em{margin-left:auto;padding:2px 5px;border-radius:99px;background:rgba(72,214,163,.08);color:#66dbae;border:1px solid rgba(72,214,163,.2)}
.genisource-preview .tech-code{padding:9px 10px;font-family:ui-monospace,"SF Mono",monospace}
.genisource-preview .tech-code>small{font-size:7px;color:#949da9}
.genisource-preview .tech-code>p{display:grid;grid-template-columns:16px 1fr auto;gap:7px;margin:7px 0 0;color:#aab2bf;font-size:7px}
.genisource-preview .tech-code>p span{color:#949da9}
.genisource-preview .tech-code>p b{color:#62d6aa;font-weight:500}
.genisource-preview .tech-code>p b.running{color:#aa96ff}
.genisource-preview .tech-output{display:grid;grid-template-columns:1fr auto;gap:3px 8px;margin-top:9px;padding:8px;border:1px solid #2a3340;border-radius:7px;background:#0e131a}
.genisource-preview .tech-output small{font-size:6px;color:#949da9}
.genisource-preview .tech-output strong{font-size:14px}
.genisource-preview .tech-output>i{grid-column:1/-1;height:3px;border-radius:99px;background:#242b36}
.genisource-preview .tech-output>i em{display:block;width:94.2%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#846cf0,#45d1a0)}
.genisource-preview .tech-output span{grid-column:1/-1;color:#949dab;font-size:6px}
.genisource-preview .ms-dark-tech>footer{display:flex;align-items:center;justify-content:space-around;border-top:1px solid #202631;color:#687281;font:7px ui-monospace,monospace}
.genisource-preview .ms-dark-tech>footer span:first-child{color:#9ca5b1}
.genisource-preview .ms-dark-tech>footer span i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#46e6a9}
.genisource-preview .ms-playful{display:grid;grid-template-rows:var(--ms-note-row) 42px minmax(0,1fr) 32px;background:#fff8d9;color:#27202f;border:2px solid #27202f;border-radius:17px;font-family:Manrope,"Arial Rounded MT Bold",sans-serif}
.genisource-preview .play-shape{position:absolute;z-index:0}
.genisource-preview .play-shape.s1{left:47%;top:23%;color:#f05d3d;font-size:21px;transform:rotate(12deg)}
.genisource-preview .play-shape.s2{right:4%;bottom:8%;width:40px;height:40px;border-radius:50%;background:#9be76c;opacity:.8}
.genisource-preview .ms-playful>header{display:flex;align-items:center;gap:22px;padding:0 18px;border-bottom:2px solid #27202f;background:#fffdf0}
.genisource-preview .ms-playful>header>b{display:flex;align-items:center;gap:5px;font-size:13px}
.genisource-preview .ms-playful>header>b>span{display:grid;place-items:center;width:22px;height:22px;border:2px solid #27202f;border-radius:8px 8px 11px 7px;background:#8c6cff;color:#fff;transform:rotate(-5deg)}
.genisource-preview .ms-playful>header nav{display:flex;gap:16px;font-size:8px}
.genisource-preview .ms-playful>header>div{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:8px}
.genisource-preview .ms-playful>header button{padding:7px 9px;border:2px solid #27202f;border-radius:9px;background:#ff6d4d;color:#27202f;box-shadow:3px 3px 0 #27202f;font-size:8px;font-weight:800}
.genisource-preview .ms-playful>main{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;min-height:0;padding:18px 20px 14px}
.genisource-preview .ms-playful>main>section{display:flex;flex-direction:column;justify-content:center}
.genisource-preview .ms-playful>main>section small{font-size:8px;font-weight:900;letter-spacing:1px;color:#7358c9}
.genisource-preview .ms-playful h2{margin:6px 0 5px;font-size:clamp(29px,4.7vw,52px);line-height:.88;letter-spacing:-2.5px}
.genisource-preview .ms-playful h2 em{color:#7657e8}
.genisource-preview .ms-playful>main>section p{max-width:310px;margin:0;font-size:9px;line-height:1.45}
.genisource-preview .ms-playful>main>section>div{display:flex;align-items:center;gap:11px;margin-top:11px}
.genisource-preview .ms-playful>main>section button{padding:7px 10px;border:2px solid #27202f;border-radius:9px;background:#27202f;color:#fff;font-size:8px;font-weight:800}
.genisource-preview .ms-playful>main>section a{font-size:8px;font-weight:800}
.genisource-preview .play-board{position:relative;align-self:center;height:84%;min-height:0;border:2px solid #27202f;border-radius:16px;background:#8b6cf6;box-shadow:7px 7px 0 #27202f;transform:rotate(1deg)}
.genisource-preview .play-note{position:absolute;padding:8px;border:2px solid #27202f;box-shadow:3px 3px 0 #27202f}
.genisource-preview .play-note small{display:block;font-size:6px;letter-spacing:.7px}
.genisource-preview .play-note b{display:block;font-size:9px;line-height:1.2}
.genisource-preview .play-note.yellow{left:8%;top:10%;width:47%;background:#ffdf58;transform:rotate(-3deg)}
.genisource-preview .play-note.yellow b{margin:4px 0 7px;font-size:11px}
.genisource-preview .play-note.yellow span{font-size:7px}
.genisource-preview .play-note.purple{right:6%;top:7%;width:34%;background:#ff8468;text-align:center;transform:rotate(3deg)}
.genisource-preview .play-face{display:grid;place-items:center;width:24px;height:24px;margin:0 auto 4px;border:2px solid #27202f;border-radius:50%;background:#fff;font-size:13px}
.genisource-preview .play-note.purple small{margin-top:2px}
.genisource-preview .play-note.white{left:13%;right:10%;bottom:8%;background:#fffdf0;transform:rotate(-1deg)}
.genisource-preview .play-note.white p{display:grid;grid-template-columns:8px 1fr;gap:5px;margin:5px 0 0;font-size:7px}
.genisource-preview .play-note.white p i{width:8px;height:8px;border:1.5px solid #27202f;border-radius:3px}
.genisource-preview .play-sticker{position:absolute;right:-9px;bottom:-8px;display:grid;place-items:center;width:47px;height:47px;border:2px solid #27202f;border-radius:50%;background:#a7ef73;font-size:7px;font-weight:900;text-align:center;transform:rotate(10deg)}
.genisource-preview .ms-playful>footer{display:flex;align-items:center;justify-content:space-around;border-top:2px solid #27202f;background:#fffdf0;font-size:7px}
.genisource-preview .ms-playful>footer span{color:#716d72}
.genisource-preview .ms-playful>footer b{font-size:8px}
.genisource-preview .ms-organic{display:grid;grid-template-rows:var(--ms-note-row) 40px minmax(0,1fr) 34px;background:#eee6d8;color:#243428;border-color:#d4c8b6;border-radius:14px;font-family:Manrope,Arial,sans-serif}
.genisource-preview .ms-organic:before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
.genisource-preview .ms-organic>header{display:flex;align-items:center;gap:24px;padding:0 19px;border-bottom:1px solid rgba(50,67,52,.18)}
.genisource-preview .ms-organic>header>b{font:600 13px Georgia,serif;letter-spacing:2px}
.genisource-preview .ms-organic>header nav{display:flex;gap:17px;font-size:8px}
.genisource-preview .ms-organic>header>div{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:8px}
.genisource-preview .ms-organic>main{display:grid;grid-template-columns:.84fr 1.16fr;gap:20px;min-height:0;padding:15px 19px 13px}
.genisource-preview .organic-copy{display:flex;flex-direction:column;justify-content:center}
.genisource-preview .organic-copy>small{font-size:7px;letter-spacing:1.1px;color:#7c6d51}
.genisource-preview .organic-copy h2{margin:6px 0 6px;font:500 clamp(28px,4.3vw,48px)/.94 Georgia,"Songti SC",serif;letter-spacing:-1.7px}
.genisource-preview .organic-copy h2 em{font-style:italic;color:#526348}
.genisource-preview .organic-copy>p{max-width:330px;margin:0;font:italic 8px/1.55 Georgia,serif;color:#6b6658}
.genisource-preview .organic-copy>div{display:flex;align-items:center;gap:12px;margin-top:11px}
.genisource-preview .organic-copy button{padding:7px 10px;border-radius:99px;background:#2c4a35;color:#fff;font-size:8px}
.genisource-preview .organic-copy a{font-size:8px;font-weight:700}
.genisource-preview .organic-copy footer{display:flex;gap:12px;margin-top:11px;padding-top:8px;border-top:1px solid rgba(50,67,52,.16);font-size:7px;color:#6c745f}
.genisource-preview .organic-copy footer i{color:#4e755a}
.genisource-preview .organic-photo{position:relative;min-width:0;overflow:hidden;border-radius:47% 47% 12px 12px;background:#455a46}
.genisource-preview .organic-photo>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.62) sepia(.08)}
.genisource-preview .organic-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(24,42,29,.62))}
.genisource-preview .organic-photo>div{position:absolute;z-index:1;left:13px;bottom:11px;color:#fff}
.genisource-preview .organic-photo>div small{display:block;font-size:6px;letter-spacing:1px;color:#d8e1d1}
.genisource-preview .organic-photo>div b{display:block;margin-top:3px;font:600 12px Georgia,serif}
.genisource-preview .organic-photo>div span{display:block;margin-top:2px;font-size:7px;color:#e2e8dd}
.genisource-preview .organic-photo>div em{display:block;margin-top:5px;font:600 9px Georgia,serif}
.genisource-preview .organic-photo>i{position:absolute;z-index:1;right:10px;bottom:10px;display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(235,229,215,.82);backdrop-filter:blur(8px);color:#344d39;font:500 10px Georgia,serif;text-align:center}
.genisource-preview .organic-photo>i small{font:5px Manrope,sans-serif;text-transform:uppercase}
.genisource-preview .organic-note{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid rgba(50,67,52,.18);font:italic 8px Georgia,serif}
.genisource-preview .organic-note b{font:600 7px Manrope,sans-serif;color:#77806d}
@media(max-width:720px){.genisource-preview .ms-demo>header nav{display:none}.genisource-preview .ms-saas>main, .genisource-preview .ms-dark-tech>main, .genisource-preview .ms-playful>main, .genisource-preview .ms-organic>main{gap:10px;padding:12px}.genisource-preview .ms-enterprise>main>section{padding:14px}.genisource-preview .commerce-copy{padding:12px}.genisource-preview .ms-demo h2{font-size:clamp(24px,6vw,34px)}}
@media(max-width:520px){.genisource-preview .ms-demo{border-radius:10px}.genisource-preview .ms-demo>header{height:32px!important;padding:0 10px!important;gap:8px!important}.genisource-preview .ms-demo>header>div>span, .genisource-preview .ms-demo>header>div>i, .genisource-preview .ms-demo>header nav{display:none}.genisource-preview .ms-demo>header button{padding:5px 7px!important}.genisource-preview .ms-demo>main{min-height:0}.genisource-preview .ms-saas{grid-template-rows:var(--ms-note-row) 32px minmax(0,1fr) 24px}.genisource-preview .ms-saas>main{grid-template-columns:.85fr 1.15fr;padding:10px;gap:8px}.genisource-preview .ms-saas .ms-copy h2{font-size:24px}.genisource-preview .ms-saas .ms-copy>p{display:none}.genisource-preview .ms-saas .ms-copy footer{margin-top:7px}.genisource-preview .saas-grid{grid-template-columns:1fr;padding:5px}.genisource-preview .saas-grid article:nth-child(2), .genisource-preview .saas-wide{display:none}.genisource-preview .ms-logo-row{font-size:6px}.genisource-preview .ms-enterprise{grid-template-rows:var(--ms-note-row) 32px minmax(0,1fr) 34px}.genisource-preview .ms-enterprise>main{grid-template-columns:.92fr 1.08fr}.genisource-preview .ms-enterprise>main>section{padding:10px}.genisource-preview .ms-enterprise>main>section h2{font-size:23px}.genisource-preview .ms-enterprise>main>section p{display:none}.genisource-preview .ms-enterprise>main>aside>div{left:7px;right:7px;bottom:7px;padding:6px}.genisource-preview .ms-enterprise>footer b{font-size:9px}.genisource-preview .ms-enterprise>footer span{display:none}.genisource-preview .ms-commerce{grid-template-rows:var(--ms-note-row) 32px minmax(0,1fr) 23px}.genisource-preview .ms-commerce>main{grid-template-columns:1.05fr .95fr}.genisource-preview .commerce-copy h2{font-size:23px}.genisource-preview .commerce-copy>p, .genisource-preview .commerce-rating span, .genisource-preview .commerce-copy footer{display:none}.genisource-preview .commerce-strip span:nth-child(n+3){display:none}.genisource-preview .ms-dark-tech{grid-template-rows:var(--ms-note-row) 32px minmax(0,1fr) 23px}.genisource-preview .ms-dark-tech>main{grid-template-columns:.8fr 1.2fr;padding:10px;gap:8px}.genisource-preview .ms-dark-tech h2{font-size:23px}.genisource-preview .ms-dark-tech>main>section p, .genisource-preview .tech-code>p:nth-of-type(n+3){display:none}.genisource-preview .tech-console>header b{max-width:95px;overflow:hidden;text-overflow:ellipsis}.genisource-preview .ms-dark-tech>footer span:nth-child(n+3){display:none}.genisource-preview .ms-playful{grid-template-rows:var(--ms-note-row) 32px minmax(0,1fr) 24px}.genisource-preview .ms-playful>main{grid-template-columns:.78fr 1.22fr;padding:9px;gap:8px}.genisource-preview .ms-playful h2{font-size:25px}.genisource-preview .ms-playful>main>section p, .genisource-preview .play-note.white, .genisource-preview .ms-playful>footer span{display:none}.genisource-preview .play-note.yellow{left:7%;top:10%;width:56%}.genisource-preview .play-note.purple{right:5%;top:25%;width:38%}.genisource-preview .play-board{height:82%}.genisource-preview .ms-organic{grid-template-rows:var(--ms-note-row) 32px minmax(0,1fr) 23px}.genisource-preview .ms-organic>main{grid-template-columns:.82fr 1.18fr;padding:9px;gap:8px}.genisource-preview .organic-copy h2{font-size:24px}.genisource-preview .organic-copy>p, .genisource-preview .organic-copy footer{display:none}.genisource-preview .organic-photo{border-radius:40% 40% 8px 8px}.genisource-preview .organic-note{font-size:7px}.genisource-preview .organic-note b{display:none}}
.genisource-preview .bauhaus-demo{
  max-width: 640px;
  margin: 0 auto;
}
.genisource-preview .bauhaus-page{
  background: #f4efe6;
  border: 2px solid #1d2129;
  border-radius: 10px;
  overflow: hidden;
}
.genisource-preview .bauhaus-top{
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 10px 18px;
  border-bottom: 2px solid #1d2129;
}
.genisource-preview .bauhaus-top b{
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
}
.genisource-preview .bauhaus-top span{
  font-size: 14px;
  color: var(--text-2);
}
.genisource-preview .bauhaus-main{
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 22px;
}
.genisource-preview .bauhaus-geo{
  position: relative;
  flex: none;
  width: 168px;
  height: 148px;
}
.genisource-preview .bauhaus-shape{
  position: absolute;
  display: block;
}
.genisource-preview .bauhaus-shape.circle{
  left: 0;
  top: 8px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: #e64433;
}
.genisource-preview .bauhaus-shape.square{
  right: 0;
  top: 0;
  width: 52px;
  height: 52px;
  background: #2b5fc7;
}
.genisource-preview .bauhaus-shape.triangle{
  right: 8px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 52px solid #f0b41e;
}
.genisource-preview .bauhaus-shape.bar{
  left: 10px;
  bottom: 18px;
  width: 76px;
  height: 12px;
  background: #1d2129;
}
.genisource-preview .bauhaus-copy{
  flex: 1;
  min-width: 0;
}
.genisource-preview .bauhaus-copy small{
  font-size: 12px;
  letter-spacing: 2px;
  color: var(--text-3);
}
.genisource-preview .bauhaus-copy h2{
  margin: 6px 0 4px;
  font-size: 24px;
  font-weight: 800;
}
.genisource-preview .bauhaus-copy p{
  margin: 0 0 12px;
  font-size: 16px;
  color: var(--text-2);
}
.genisource-preview .bauhaus-copy b{
  font-size: 14px;
  font-weight: 700;
  border-bottom: 2px solid #1d2129;
  padding-bottom: 2px;
}
.genisource-preview .bauhaus-copy i{
  font-style: normal;
}
.genisource-preview .bauhaus-legend{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  padding: 12px 22px;
  border-top: 2px solid #1d2129;
}
.genisource-preview .bauhaus-legend span{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
}
.genisource-preview .bauhaus-dot{
  display: inline-block;
  width: 14px;
  height: 14px;
}
.genisource-preview .bauhaus-dot.circle{
  border-radius: 50%;
  background: #e64433;
}
.genisource-preview .bauhaus-dot.triangle{
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 14px solid #f0b41e;
}
.genisource-preview .bauhaus-dot.square{
  background: #2b5fc7;
}
@media (max-width: 720px){.genisource-preview .bauhaus-main{
    flex-direction: column;
    align-items: flex-start;
  }}
.genisource-preview .deco-demo{
  max-width: 560px;
  margin: 0 auto;
}
.genisource-preview .deco-page{
  background: #14161c;
  border: 1px solid #c9a227;
  border-radius: 10px;
  overflow: hidden;
  color: #f2ead2;
}
.genisource-preview .deco-top{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 20px;
  border-bottom: 1px solid rgba(201, 162, 39, 0.5);
}
.genisource-preview .deco-top i{
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, #c9a227, transparent);
}
.genisource-preview .deco-top b{
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  color: #e8d9a8;
}
.genisource-preview .deco-arch{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 190px;
  margin: 16px 20px 8px;
}
.genisource-preview .deco-step{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid rgba(201, 162, 39, 0.75);
  border-bottom: none;
  border-radius: 999px 999px 0 0;
}
.genisource-preview .deco-step.s1{
  bottom: 0;
  width: 280px;
  height: 168px;
}
.genisource-preview .deco-step.s2{
  bottom: 0;
  width: 224px;
  height: 138px;
}
.genisource-preview .deco-step.s3{
  bottom: 0;
  width: 168px;
  height: 108px;
}
.genisource-preview .deco-sunburst{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 140px;
  height: 70px;
  border-radius: 70px 70px 0 0;
  background: repeating-conic-gradient(
    from -90deg at 50% 100%,
    rgba(201, 162, 39, 0.55) 0 6deg,
    transparent 6deg 16deg
  );
}
.genisource-preview .deco-title{
  position: relative;
  text-align: center;
  padding-bottom: 12px;
}
.genisource-preview .deco-title small{
  display: block;
  font-size: 12px;
  letter-spacing: 3px;
  color: #c9a227;
}
.genisource-preview .deco-title b{
  display: block;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 6px;
  margin: 6px 0;
}
.genisource-preview .deco-title span{
  font-size: 14px;
  color: #b9b2a2;
}
.genisource-preview .deco-legend{
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 10px 16px 14px;
  border-top: 1px solid rgba(201, 162, 39, 0.5);
}
.genisource-preview .deco-legend span{
  font-size: 14px;
  color: #e8d9a8;
}
@media (max-width: 720px){.genisource-preview .deco-step.s1{
    width: 230px;
  }.genisource-preview .deco-step.s2{
    width: 182px;
  }.genisource-preview .deco-step.s3{
    width: 134px;
  }.genisource-preview .deco-title b{
    letter-spacing: 3px;
  }}
.genisource-preview .deco-scene-arch .st.a{
  width: 240px;
  height: 118px;
}
.genisource-preview .deco-scene-arch .st.b{
  width: 184px;
  height: 94px;
}
.genisource-preview .deco-anat-steps .a{
  width: 44px;
  height: 30px;
}
.genisource-preview .deco-anat-steps .b{
  width: 30px;
  height: 21px;
}
.genisource-preview .branch-row{ display: flex; align-items: center; min-width: 0; }
.genisource-preview .branch-tag{ flex: none; font-size: 12px; padding: 1px 6px; border-radius: 4px; background: var(--brand-light); color: var(--brand); margin-right: 6px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.genisource-preview .branch-tag.green{ background: var(--green-light); color: var(--green); }
.genisource-preview .branch-dot{ flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 2px var(--brand-light); }
.genisource-preview .branch-dot.green{ background: #22c55e; box-shadow: 0 0 0 2px #dcfce7; }
.genisource-preview .branch-dot.red{ background: var(--red); box-shadow: 0 0 0 2px var(--red-light); }
.genisource-preview .branch-dot.merge{ background: #a855f7; box-shadow: 0 0 0 3px #f3e8ff; }
.genisource-preview .branch-link{ flex: 1; min-width: 6px; max-width: 26px; height: 2px; background: var(--border); }
.genisource-preview .merge-cf{ background: var(--bg); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12px; display: flex; flex-direction: column; width: 100%; text-align: left; }
.genisource-preview .merge-cf > span{ display: block; padding: 3px 10px; }
.genisource-preview .merge-cf-mark{ color: var(--warning); background: var(--warning-light); }
.genisource-preview .merge-cf-yours{ color: var(--green); background: var(--green-light); }
.genisource-preview .merge-cf-sep{ color: var(--text-3); background: var(--bg-soft); }
.genisource-preview .merge-cf-theirs{ color: var(--info); background: var(--info-light); }
.genisource-preview .pr-tab.on{ color: var(--text); font-weight: 600; border-color: #fd8c73; }
.genisource-preview .diff-stat .a{ color: var(--green); }
.genisource-preview .gd-stage.on{ border-color: var(--brand); background: var(--brand-light); }
.genisource-preview .gd-stage.on b{ color: var(--brand); }
.genisource-preview .gd-stage.on small{ color: color-mix(in srgb, var(--brand) 70%, var(--text-3)); }
.genisource-preview .gd-stage.green{ border-color: color-mix(in srgb, var(--green) 55%, var(--border)); background: var(--green-light); }
.genisource-preview .gd-stage.green b{ color: color-mix(in srgb, var(--green) 80%, #000); }
.genisource-preview .gd-stage.dim{ opacity: .45; }
.genisource-preview .gd-dots i.on{ background: var(--brand); }
.genisource-preview .gd-arrow.on{ color: var(--brand); font-weight: 700; }
.genisource-preview .gd-arrow.on code{ color: var(--brand); }
.genisource-preview .gd-arrow.green{ color: var(--green); font-weight: 700; }
.genisource-preview .gd-arrow.green code{ color: color-mix(in srgb, var(--green) 80%, #000); }
.genisource-preview .gd-tag.green{ color: color-mix(in srgb, var(--green) 80%, #000); background: var(--green-light); border-color: color-mix(in srgb, var(--green) 40%, var(--border)); }
.genisource-preview .gd-tag.gray{ color: var(--text-3); background: var(--bg-soft); border-color: var(--border-light); }
.genisource-preview .gd-dot.green{ background: var(--green); }
.genisource-preview .gd-dot.purple{ background: #7c5ce0; }
.genisource-preview .gd-dot.red{ background: var(--red); }
.genisource-preview .gd-link.green{ background: color-mix(in srgb, var(--green) 45%, var(--border)); }
.genisource-preview .gd-note .bad{ color: var(--red); font-weight: 650; }
.genisource-preview .gd-col.on{ border-color: var(--brand); background: var(--brand-light); }
.genisource-preview .gd-col.green{ border-color: color-mix(in srgb, var(--green) 55%, var(--border)); background: var(--green-light); }
.genisource-preview .gd-col.red{ border-color: color-mix(in srgb, var(--red) 45%, var(--border)); background: var(--red-light); }
.genisource-preview .git-story{
  --git-ink: var(--text);
  --git-blue: var(--brand);
  --git-blue-soft: var(--brand-light);
  --git-green: var(--green);
  --git-green-soft: var(--green-light);
  --git-purple: var(--code-keyword);
  width: min(100%, 650px);
  color: var(--git-ink);
}
.genisource-preview .git-story-main{ width: 100%; }
.genisource-preview .git-story.is-card{ min-height: 104px; display: grid; place-items: center; }
.genisource-preview .git-story.is-detail{
  display: grid;
  gap: 24px;
  width: 100%;
}
.genisource-preview .git-story.is-detail .git-story-main{
  min-height: 152px; display: grid; align-items: center;
  padding: 20px 22px; border: 1px solid #e8ebf0; border-radius: 14px;
  background: linear-gradient(180deg, #fff, #fbfcfe);
  box-shadow: 0 1px 0 rgba(27,31,36,.03);
}
.genisource-preview .git-story.is-detail :is(
  .git-branch-visual,
  .git-merge-visual,
  .git-worktree-visual,
  .git-stash-visual,
  .git-ignore-visual,
  .git-diff-visual
){
  width: 100%;
  max-width: none;
}
.genisource-preview .git-simple-flow, .genisource-preview .git-transfer-visual, .genisource-preview .git-review-visual{
  display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%;
}
.genisource-preview .git-motion{
  flex: 0 0 auto; min-width: 72px;
  display: grid; grid-template-columns: 1fr auto; grid-template-areas: "label arrow" "term arrow";
  align-items: center; column-gap: 8px; text-align: right;
}
.genisource-preview .git-motion span{ grid-area: label; color: var(--text-2); font-size: 11px; line-height: 1.3; white-space: nowrap; }
.genisource-preview .git-motion small{ grid-area: term; color: var(--text-3); font: 600 10px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.genisource-preview .git-motion i{ grid-area: arrow; color: var(--git-blue); font-size: 18px; font-style: normal; }
.genisource-preview .git-file-card, .genisource-preview .git-repo-card, .genisource-preview .git-folder-card, .genisource-preview .git-device-card, .genisource-preview .git-version-card{
  flex: 1 1 0; min-width: 0; min-height: 72px;
  display: flex; align-items: center; gap: 10px; padding: 12px;
  border: 1px solid #dfe3e8; border-radius: 11px; background: var(--bg);
}
.genisource-preview .git-file-card > span:last-child, .genisource-preview .git-repo-card > span:last-child, .genisource-preview .git-folder-card > span:last-child, .genisource-preview .git-device-card > span:last-child, .genisource-preview .git-version-card > span:nth-child(2){ min-width: 0; display: grid; gap: 2px; }
.genisource-preview .git-file-card b, .genisource-preview .git-repo-card b, .genisource-preview .git-folder-card b, .genisource-preview .git-device-card b, .genisource-preview .git-version-card b{ overflow: hidden; color: var(--git-ink); font-size: 12px; font-weight: 650; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.genisource-preview .git-file-card small, .genisource-preview .git-repo-card small, .genisource-preview .git-folder-card small, .genisource-preview .git-device-card small, .genisource-preview .git-version-card small{ color: var(--text-3); font-size: 10.5px; line-height: 1.4; }
.genisource-preview .git-file-card.is-change{ border-color: #f0c36a; background: var(--warning-light); }
.genisource-preview .git-file-card.is-change small{ color: var(--warning); }
.genisource-preview .git-file-mark{
  position: relative; flex: 0 0 auto; width: 28px; height: 34px;
  border: 1.5px solid #8c959f; border-radius: 5px; background: var(--bg);
}
.genisource-preview .git-file-mark::before{ content: ""; position: absolute; left: 6px; right: 6px; top: 10px; height: 1.5px; background: #afb8c1; box-shadow: 0 6px 0 #d0d7de, 0 12px 0 #d0d7de; }
.genisource-preview .git-file-mark::after{ content: ""; position: absolute; right: -1.5px; top: -1.5px; width: 8px; height: 8px; border-left: 1.5px solid #8c959f; border-bottom: 1.5px solid #8c959f; border-radius: 0 4px 0 3px; background: var(--bg-soft); }
.genisource-preview .git-version-card{ position: relative; border-color: #dfe3e8; background: var(--bg); }
.genisource-preview .git-version-card.is-new{ border-color: #d0d7de; background: var(--bg-soft); box-shadow: none; }
.genisource-preview .git-version-check{
  flex: 0 0 auto; width: 27px; height: 27px; display: grid; place-items: center;
  border-radius: 50%; color: var(--on-brand); background: var(--git-blue); font-size: 14px; font-weight: 700;
}
.genisource-preview .git-version-dots{ flex: 0 0 auto; display: flex; align-items: center; gap: 0; }
.genisource-preview .git-version-dots i{ position: relative; width: 17px; height: 2px; background: #b9c3cf; }
.genisource-preview .git-version-dots i::before{ content: ""; position: absolute; left: -1px; top: 50%; width: 6px; height: 6px; border-radius: 50%; background: #8c959f; transform: translateY(-50%); }
.genisource-preview .git-version-dots i:last-child{ width: 7px; }
.genisource-preview .git-version-dots i.is-current::before{ width: 8px; height: 8px; background: var(--git-green); box-shadow: 0 0 0 3px var(--git-green-soft); }
.genisource-preview .git-story--git .git-version-card .git-version-dots, .genisource-preview .git-story--commit .git-version-card .git-version-dots{ display: none; }
.genisource-preview .git-history-preview{ width: min(100%, 360px); display: grid; gap: 13px; }
.genisource-preview .git-history-preview > span{ color: var(--text-2); font-size: 10.5px; font-weight: 650; }
.genisource-preview .git-history-preview > div{ display: flex; align-items: center; padding-inline: 4px; }
.genisource-preview .git-history-preview > div i{ flex: 0 0 auto; width: 11px; height: 11px; border: 3px solid #fff; border-radius: 50%; background: var(--git-blue); box-shadow: 0 0 0 2px var(--git-blue); }
.genisource-preview .git-history-preview > div i.is-current{ width: 13px; height: 13px; background: var(--git-green); box-shadow: 0 0 0 2px var(--git-green), 0 0 0 6px var(--git-green-soft); }
.genisource-preview .git-history-preview > div b{ flex: 1; height: 3px; background: linear-gradient(90deg, #89a3ed, #b8c5ea); }
.genisource-preview .git-history-preview > small{ display: flex; justify-content: space-between; color: var(--text-3); font-size: 9.5px; }
.genisource-preview .git-repo-card.is-cloud{ border-color: #c7d1df; background: var(--bg-soft); }
.genisource-preview .git-repo-card.is-success{ border-color: #d0d7de; background: var(--bg-soft); }
.genisource-preview .git-repo-icon{ flex: 0 0 auto; width: 34px; height: 29px; display: flex; align-items: flex-end; justify-content: center; gap: 3px; padding-bottom: 5px; border: 1.5px solid #57606a; border-radius: 8px; background: var(--bg); }
.genisource-preview .git-repo-icon i{ width: 5px; height: 5px; border-radius: 50%; background: #57606a; }
.genisource-preview .git-repo-icon i:last-child{ background: var(--git-green); }
.genisource-preview .git-device-card{ background: var(--bg); }
.genisource-preview .git-device-screen{ flex: 0 0 auto; width: 48px; height: 34px; display: grid; place-items: center; border: 1.5px solid #57606a; border-radius: 5px; background: var(--bg-soft); }
.genisource-preview .git-device-screen::after{ content: ""; width: 24px; height: 3px; border-radius: 3px; background: #afb8c1; transform: translateY(14px); }
.genisource-preview .git-device-screen .git-version-dots{ transform: translateY(3px); }
.genisource-preview .git-device-screen .git-version-dots i{ width: 10px; }
.genisource-preview .git-folder-icon{ position: relative; flex: 0 0 auto; width: 39px; height: 28px; border: 1.5px solid #6e7781; border-radius: 5px; background: var(--bg-soft); }
.genisource-preview .git-folder-icon::before{ content: ""; position: absolute; left: 3px; top: -6px; width: 17px; height: 7px; border: 1.5px solid #6e7781; border-bottom: 0; border-radius: 4px 4px 0 0; background: var(--bg-soft); }
.genisource-preview .git-folder-card.is-green{ border-color: #d0d7de; background: var(--bg-soft); }
.genisource-preview .git-branch-visual{ position: relative; width: min(100%, 510px); padding: 2px 6px 0 92px; }
.genisource-preview .git-branch-caption{ position: absolute; left: 0; top: -1px; display: grid; gap: 1px; }
.genisource-preview .git-branch-caption.is-feature{ top: 67px; }
.genisource-preview .git-branch-caption span{ color: var(--git-blue); font-size: 11px; font-weight: 650; }
.genisource-preview .git-branch-caption.is-feature span{ color: var(--git-green); }
.genisource-preview .git-branch-caption small{ color: var(--text-3); font-size: 9.5px; }
.genisource-preview .git-branch-lane{ height: 32px; display: flex; align-items: center; }
.genisource-preview .git-branch-lane i{ position: relative; z-index: 1; flex: 0 0 auto; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: var(--git-blue); box-shadow: 0 0 0 2px var(--git-blue); }
.genisource-preview .git-branch-lane b{ flex: 1 1 0; height: 3px; background: #94aaf1; }
.genisource-preview .git-branch-lane.is-feature{ width: 62%; margin: 34px 0 0 38%; }
.genisource-preview .git-branch-lane.is-feature i{ background: var(--git-green); box-shadow: 0 0 0 2px var(--git-green); }
.genisource-preview .git-branch-lane.is-feature b{ background: #8bd2a7; }
.genisource-preview .git-branch-split{ position: absolute; left: calc(38% + 92px); top: 28px; width: 30px; height: 38px; border-left: 3px solid #8bd2a7; border-bottom: 3px solid #8bd2a7; border-radius: 0 0 0 12px; }
.genisource-preview .git-branch-split span{ position: absolute; left: 9px; top: 12px; width: max-content; color: #6e7781; font-size: 9.5px; }
.genisource-preview .git-merge-visual{ position: relative; width: min(100%, 500px); min-height: 124px; padding-right: 190px; display: grid; align-content: center; gap: 28px; }
.genisource-preview .git-merge-source{ display: grid; grid-template-columns: 56px 1fr; align-items: center; gap: 9px; }
.genisource-preview .git-merge-source span{ color: var(--git-blue); font-size: 11px; font-weight: 650; }
.genisource-preview .git-merge-source.is-feature span{ color: var(--git-green); }
.genisource-preview .git-merge-source > div{ display: flex; align-items: center; }
.genisource-preview .git-merge-source i{ flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: var(--git-blue); }
.genisource-preview .git-merge-source b{ flex: 1; height: 3px; background: #94aaf1; }
.genisource-preview .git-merge-source.is-feature i{ background: var(--git-green); }
.genisource-preview .git-merge-source.is-feature b{ background: #8bd2a7; }
.genisource-preview .git-merge-path{ position: absolute; left: calc(100% - 192px); top: 39px; width: 55px; height: 49px; border: 3px solid var(--git-purple); border-left: 0; border-radius: 0 24px 24px 0; }
.genisource-preview .git-merge-path i{ position: absolute; right: -6px; top: 18px; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: var(--git-purple); box-shadow: 0 0 0 3px #eadcfb; }
.genisource-preview .git-merge-result{ position: absolute; right: 0; top: 35px; width: 170px; min-height: 70px; display: flex; align-items: center; gap: 9px; padding: 10px; border: 1px solid #cbb6ee; border-radius: 11px; background: var(--code-keyword-light); }
.genisource-preview .git-merge-result > span:last-child{ display: grid; gap: 2px; }
.genisource-preview .git-merge-result b{ font-size: 11.5px; }
.genisource-preview .git-merge-result small{ color: var(--text-3); font-size: 9.5px; line-height: 1.35; }
.genisource-preview .git-merge-result .git-version-check{ background: var(--git-purple); }
.genisource-preview .git-remote-side .git-repo-card, .genisource-preview .git-remote-side .git-device-card{ min-height: 76px; }
.genisource-preview .git-remote-arrow.up{ color: var(--git-blue); }
.genisource-preview .git-remote-arrow.down{ color: var(--git-green); }
.genisource-preview .git-review-change, .genisource-preview .git-review-checks{ flex: 1 1 0; min-width: 0; min-height: 92px; display: grid; align-content: center; gap: 3px; padding: 12px; border: 1px solid #dfe3e8; border-radius: 11px; background: var(--bg); }
.genisource-preview .git-review-change > span{ color: var(--git-green); font-size: 10px; font-weight: 650; }
.genisource-preview .git-review-change b{ font-size: 12px; }
.genisource-preview .git-review-change small{ color: var(--text-3); font-size: 10px; }
.genisource-preview .git-review-checks{ border-color: #d0d7de; background: var(--bg-soft); }
.genisource-preview .git-review-checks span{ color: var(--text-2); font-size: 10.5px; }
.genisource-preview .git-review-checks span i{ color: var(--git-green); font-style: normal; font-weight: 700; }
.genisource-preview .git-review-checks b{ margin-top: 3px; color: var(--green); font-size: 11px; }
.genisource-preview .git-worktree-visual{ width: min(100%, 500px); margin: 0 auto; }
.genisource-preview .git-shared-history{ width: max-content; max-width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 12px; padding: 7px 12px; border: 1px solid #c7d1df; border-radius: 999px; background: var(--bg-soft); }
.genisource-preview .git-shared-history > span{ color: var(--text-2); font-size: 10.5px; font-weight: 650; }
.genisource-preview .git-worktree-lines{ width: 50%; height: 24px; margin: 0 auto; border-left: 1.5px solid #afb8c1; border-right: 1.5px solid #afb8c1; border-top: 1.5px solid #afb8c1; border-radius: 8px 8px 0 0; }
.genisource-preview .git-worktree-folders{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.genisource-preview .git-stash-visual{ width: min(100%, 560px); display: grid; grid-template-columns: 1fr auto 130px; align-items: center; gap: 12px; }
.genisource-preview .git-drawer{ position: relative; min-height: 78px; display: grid; align-content: center; gap: 2px; padding: 17px 12px 10px; border: 1px solid #b8a2df; border-radius: 7px 7px 11px 11px; background: var(--code-keyword-light); text-align: center; }
.genisource-preview .git-drawer-handle{ position: absolute; left: 10px; right: 10px; top: 8px; height: 4px; border-radius: 4px; background: #b8a2df; }
.genisource-preview .git-drawer b{ font-size: 11px; }
.genisource-preview .git-drawer small{ color: var(--text-3); font-size: 9.5px; }
.genisource-preview .git-clean-state{ grid-column: 1 / -1; justify-self: center; display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 8px; background: var(--git-green-soft); }
.genisource-preview .git-clean-state > i{ color: var(--git-green); font-style: normal; font-weight: 700; }
.genisource-preview .git-clean-state > span{ display: flex; align-items: baseline; gap: 8px; }
.genisource-preview .git-clean-state b{ color: var(--green); font-size: 10.5px; }
.genisource-preview .git-clean-state small{ color: var(--text-2); font-size: 9.5px; }
.genisource-preview .git-ignore-visual{ width: min(100%, 500px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, .8fr); gap: 14px; }
.genisource-preview .git-file-list{ overflow: hidden; border: 1px solid #dfe3e8; border-radius: 10px; background: var(--bg); }
.genisource-preview .git-file-list > span{ display: flex; align-items: center; gap: 7px; padding: 8px 10px; border-bottom: 1px solid #eef1f4; color: var(--text-2); font-size: 10.5px; }
.genisource-preview .git-file-list > span:last-child{ border-bottom: 0; }
.genisource-preview .git-file-list > span i{ width: 8px; height: 10px; border: 1px solid #8c959f; border-radius: 2px; }
.genisource-preview .git-file-list > span b{ margin-left: auto; color: var(--git-green); font-size: 9.5px; font-weight: 650; }
.genisource-preview .git-file-list > span.is-secret{ color: var(--warning); background: var(--warning-light); text-decoration: line-through; }
.genisource-preview .git-file-list > span.is-secret b{ color: var(--red); text-decoration: none; }
.genisource-preview .git-ignore-rule{ display: flex; align-items: center; gap: 9px; padding: 12px; border: 1px solid #d0d7de; border-radius: 10px; background: var(--bg-soft); }
.genisource-preview .git-shield{ flex: 0 0 auto; width: 30px; height: 34px; display: grid; place-items: center; border-radius: 8px 8px 13px 13px; color: var(--on-status); background: var(--git-green); font-size: 17px; font-weight: 650; }
.genisource-preview .git-ignore-rule > span:last-child{ display: grid; gap: 2px; }
.genisource-preview .git-ignore-rule b{ font: 650 11px/1.3 ui-monospace, Menlo, monospace; }
.genisource-preview .git-ignore-rule small{ color: var(--text-2); font-size: 9.5px; line-height: 1.4; }
.genisource-preview .git-diff-visual{ width: min(100%, 500px); display: flex; align-items: center; gap: 12px; }
.genisource-preview .git-diff-card{ flex: 1 1 0; min-width: 0; min-height: 96px; display: grid; align-content: center; gap: 5px; padding: 12px; border: 1px solid #dfe3e8; border-radius: 11px; background: var(--bg); }
.genisource-preview .git-diff-card > span{ color: var(--text-2); font-size: 10px; font-weight: 650; }
.genisource-preview .git-diff-card small{ color: var(--text-3); font-size: 9.5px; }
.genisource-preview .git-diff-card b{ display: flex; align-items: center; gap: 7px; padding: 6px 8px; border-radius: 6px; font-size: 11px; font-weight: 600; }
.genisource-preview .git-diff-card b i{ font-style: normal; font-size: 13px; }
.genisource-preview .git-diff-card.is-before{ border-color: #d0d7de; background: var(--bg); }
.genisource-preview .git-diff-card.is-before b{ color: var(--red); background: var(--red-light); }
.genisource-preview .git-diff-card.is-after{ border-color: #d0d7de; background: var(--bg); }
.genisource-preview .git-diff-card.is-after b{ color: var(--green); background: var(--green-light); }
.genisource-preview .git-diff-arrow{ flex: 0 0 auto; color: var(--git-blue); font-size: 18px; }
.genisource-preview .git-story.is-card .git-story-main{ min-height: 100px; display: grid; align-items: center; }
.genisource-preview .git-story.is-card .git-file-card, .genisource-preview .git-story.is-card .git-repo-card, .genisource-preview .git-story.is-card .git-folder-card, .genisource-preview .git-story.is-card .git-device-card, .genisource-preview .git-story.is-card .git-version-card{ min-height: 64px; padding: 9px 10px; }
.genisource-preview .git-story.is-card .git-file-card small, .genisource-preview .git-story.is-card .git-repo-card small, .genisource-preview .git-story.is-card .git-folder-card small, .genisource-preview .git-story.is-card .git-device-card small, .genisource-preview .git-story.is-card .git-version-card small{ display: none; }
.genisource-preview .git-story.is-card .git-motion{ min-width: 54px; }
.genisource-preview .git-story.is-card .git-motion span{ font-size: 9.5px; }
.genisource-preview .git-story.is-card .git-motion small{ font-size: 9px; }
.genisource-preview .git-story.is-card .git-version-dots{ display: none; }
.genisource-preview .git-story.is-detail .git-file-card b, .genisource-preview .git-story.is-detail .git-repo-card b, .genisource-preview .git-story.is-detail .git-folder-card b, .genisource-preview .git-story.is-detail .git-device-card b, .genisource-preview .git-story.is-detail .git-version-card b{ overflow: visible; white-space: normal; }
.genisource-preview .git-story.is-card .git-review-visual{ gap: 9px; }
.genisource-preview .git-story.is-card .git-review-visual .git-motion{ min-width: 50px; }
.genisource-preview .git-story.is-card .git-review-change, .genisource-preview .git-story.is-card .git-review-checks{ min-height: 78px; padding: 9px; }
.genisource-preview .git-story.is-card .git-clean-state{ display: none; }
.genisource-preview .git-story.is-card .git-stash-visual{ grid-template-columns: 1fr auto 105px; }
.genisource-preview .git-story.is-card .git-ignore-visual{ grid-template-columns: 1fr 115px; gap: 9px; }
.genisource-preview .git-story.is-card .git-ignore-rule small{ display: none; }
.genisource-preview .git-story.is-card .git-diff-card{ min-height: 78px; padding: 9px; }
@media (min-width: 1101px){.genisource-preview .catalog-layout .card-demo:not(.scaled-preview) > .git-story{ zoom: 1; }}
@media (max-width: 720px){.genisource-preview .detail-body:has(.git-story) .usage-grid, .genisource-preview .detail-body:has(.git-story) .usage-grid > *, .genisource-preview .detail-body:has(.git-story) .usage-box ul, .genisource-preview .detail-body:has(.git-story) .usage-box li, .genisource-preview .detail-body:has(.git-story) .usage-box .mk{ min-width: 0; max-width: 100%; }.genisource-preview .detail-body:has(.git-story) .usage-box{ width: 100%; min-width: 0; overflow: hidden; }.genisource-preview .detail-body:has(.git-story) .usage-box .mk > *{ min-width: 0; max-width: 100% !important; }.genisource-preview .detail-body:has(.git-story) .usage-box .terminal-win{ width: 100%; }.genisource-preview .detail-body:has(.git-story) .anat-stage .stash-demo{ max-width: 100%; flex-direction: column; }.genisource-preview .detail-body:has(.git-story) .anat-stage .stash-arr{ transform: rotate(90deg); }.genisource-preview .git-story.is-detail{ min-width: 0; max-width: 100%; }.genisource-preview .git-story.is-detail .git-story-main{ min-height: 0; padding: 18px 14px; }.genisource-preview .git-story.is-detail .git-simple-flow, .genisource-preview .git-story.is-detail .git-transfer-visual, .genisource-preview .git-story.is-detail .git-review-visual{ flex-direction: column; gap: 9px; }.genisource-preview .git-story.is-detail .git-simple-flow > .git-file-card, .genisource-preview .git-story.is-detail .git-simple-flow > .git-version-card, .genisource-preview .git-story.is-detail .git-simple-flow > .git-repo-card, .genisource-preview .git-story.is-detail .git-transfer-visual > .git-file-card, .genisource-preview .git-story.is-detail .git-transfer-visual > .git-version-card, .genisource-preview .git-story.is-detail .git-transfer-visual > .git-repo-card, .genisource-preview .git-story.is-detail .git-transfer-visual > .git-device-card, .genisource-preview .git-story.is-detail .git-transfer-visual > .git-folder-card, .genisource-preview .git-story.is-detail .git-review-change, .genisource-preview .git-story.is-detail .git-review-checks{ width: min(100%, 260px); flex: 0 0 auto; }.genisource-preview .git-story.is-detail .git-motion{
    min-width: 0; grid-template-columns: auto auto; grid-template-areas: "label term" "arrow arrow";
    justify-content: center; column-gap: 6px; text-align: center;
  }.genisource-preview .git-story.is-detail .git-motion span{ font-size: 10px; white-space: nowrap; }.genisource-preview .git-story.is-detail .git-motion i{ justify-self: center; line-height: 1; transform: rotate(90deg); }.genisource-preview .git-story.is-card .git-simple-flow, .genisource-preview .git-story.is-card .git-transfer-visual, .genisource-preview .git-story.is-card .git-review-visual{ gap: 8px; }.genisource-preview .git-motion{ min-width: 48px; }.genisource-preview .git-motion span{ font-size: 9px; white-space: normal; }.genisource-preview .git-file-card, .genisource-preview .git-repo-card, .genisource-preview .git-folder-card, .genisource-preview .git-device-card, .genisource-preview .git-version-card{ min-height: 62px; padding: 8px; }.genisource-preview .git-file-card small, .genisource-preview .git-repo-card small, .genisource-preview .git-folder-card small, .genisource-preview .git-device-card small, .genisource-preview .git-version-card small{ display: none; }.genisource-preview .git-file-mark, .genisource-preview .git-repo-icon, .genisource-preview .git-folder-icon, .genisource-preview .git-device-screen{ transform: scale(.82); margin-inline: -3px; }.genisource-preview .git-version-dots{ display: none; }.genisource-preview .git-story.is-card .git-simple-flow--commit .git-file-mark, .genisource-preview .git-story.is-card .git-simple-flow--commit .git-version-check{ display: none; }.genisource-preview .git-story.is-card .git-simple-flow--commit .git-file-card, .genisource-preview .git-story.is-card .git-simple-flow--commit .git-version-card{ justify-content: center; text-align: center; }.genisource-preview .git-merge-visual{ padding-right: 132px; }.genisource-preview .git-merge-result{ width: 122px; }.genisource-preview .git-merge-result small{ display: none; }.genisource-preview .git-branch-split span{ left: 2px; top: 8px; width: 25px; line-height: 1.15; white-space: normal; word-break: break-all; }.genisource-preview .git-story.is-detail .git-stash-visual{ grid-template-columns: minmax(0, 1fr); }.genisource-preview .git-story.is-detail .git-stash-visual > .git-motion{ justify-self: center; }.genisource-preview .git-story.is-detail .git-drawer{ width: min(100%, 260px); justify-self: center; }.genisource-preview .git-story.is-detail .git-clean-state{ grid-column: 1; }.genisource-preview .git-story.is-card .git-stash-visual{ grid-template-columns: 1fr auto 105px; }.genisource-preview .git-story.is-detail .git-ignore-visual{ grid-template-columns: minmax(0, 1fr); }.genisource-preview .git-story.is-card .git-ignore-visual{ grid-template-columns: 1fr 105px; gap: 8px; }.genisource-preview .git-ignore-rule small{ display: none; }}
.genisource-preview .tech-card-visual{
  width: min(420px, 100%);
  min-width: 0;
  color: var(--text);
  font-size: 11px;
}
.genisource-preview .tech-card-visual *, .genisource-preview .tech-card-visual *::before, .genisource-preview .tech-card-visual *::after{
  box-sizing: border-box;
}
.genisource-preview .tech-card-visual code, .genisource-preview .tech-card-visual button{
  font: inherit;
}
.genisource-preview .tech-card-visual button{
  border: 0;
  cursor: default;
}
.genisource-preview .tc-foot{
  color: var(--text-3);
  font-size: 10px;
  line-height: 1.35;
  text-align: center;
}
.genisource-preview .tc-stack{
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(105px, 0.65fr);
  align-items: center;
  gap: 10px;
}
.genisource-preview .tc-stack-files{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.genisource-preview .tc-stack-files span{
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .tc-stack-files small, .genisource-preview .tc-stack-output small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .tc-stack-files b{
  overflow: hidden;
  color: var(--text-2);
  font-size: 10px;
  text-overflow: ellipsis;
}
.genisource-preview .tc-stack-output{
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 7px;
}
.genisource-preview .tc-stack-output > i{
  color: var(--brand);
  font-style: normal;
}
.genisource-preview .tc-stack-output span{
  display: grid;
  gap: 4px;
  padding: 10px 8px;
  border-radius: 8px;
  color: var(--brand);
  background: var(--brand-light);
}
.genisource-preview .tc-stack-output b{
  font-size: 10px;
  line-height: 1.4;
}
.genisource-preview .tc-javascript{
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(100px, 0.55fr);
  align-items: center;
  gap: 11px;
}
.genisource-preview .tc-js-code{
  overflow: hidden;
  display: grid;
  padding: 6px 0;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .tc-js-code code{
  overflow: hidden;
  padding: 4px 8px;
  color: var(--text-3);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .tc-js-code code.active{
  color: var(--brand);
  background: var(--brand-light);
}
.genisource-preview .tc-js-result{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 5px;
}
.genisource-preview .tc-js-result button{
  padding: 6px 8px;
  border-radius: 6px;
  color: white;
  background: var(--brand);
}
.genisource-preview .tc-js-result i{
  color: var(--brand);
  font-style: normal;
}
.genisource-preview .tc-js-result .ok{
  padding: 6px;
  border-radius: 6px;
  color: var(--green);
  background: var(--green-light);
  text-align: center;
}
.genisource-preview .tc-typescript{
  display: grid;
  grid-template-columns: minmax(90px, 0.55fr) minmax(0, 1.45fr);
  align-items: center;
  gap: 9px 12px;
}
.genisource-preview .tc-ts-code{
  display: grid;
  gap: 5px;
  padding: 9px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .tc-ts-code code{
  font-size: 13px;
}
.genisource-preview .tc-ts-code code u{
  color: var(--red);
  text-decoration-style: wavy;
}
.genisource-preview .tc-ts-code small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .tc-ts-compare{
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 6px;
}
.genisource-preview .tc-ts-compare span{
  display: grid;
  gap: 5px;
  padding: 8px;
  border-radius: 7px;
}
.genisource-preview .tc-ts-compare small{
  font-size: 8px;
}
.genisource-preview .tc-ts-compare b{
  font-size: 9px;
  line-height: 1.35;
}
.genisource-preview .tc-ts-compare .js{
  color: var(--text-2);
  background: var(--bg-soft);
}
.genisource-preview .tc-ts-compare .ts{
  color: var(--red);
  background: var(--red-light);
}
.genisource-preview .tc-typescript .tc-foot{
  grid-column: 1 / -1;
}
.genisource-preview .tc-python{
  display: grid;
  grid-template-columns: 1fr 1.2fr auto 0.8fr;
  align-items: center;
  gap: 6px;
}
.genisource-preview .tc-python-files{
  display: grid;
  gap: 3px;
}
.genisource-preview .tc-python-files span{
  overflow: hidden;
  padding: 4px 6px;
  border: 1px solid var(--border);
  border-radius: 5px;
  background: var(--bg);
  color: var(--text-2);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .tc-python-script, .genisource-preview .tc-python-output{
  display: grid;
  gap: 5px;
  padding: 9px 7px;
  border-radius: 7px;
}
.genisource-preview .tc-python-script{
  border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .tc-python-script code{
  color: var(--brand);
  font-weight: 700;
}
.genisource-preview .tc-python-script small, .genisource-preview .tc-python-output small{
  color: var(--text-3);
  font-size: 8px;
  line-height: 1.35;
}
.genisource-preview .tc-python > i{
  color: var(--brand);
  font-style: normal;
}
.genisource-preview .tc-python-output{
  color: var(--green);
  background: var(--green-light);
}
.genisource-preview .tc-react{
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(105px, 0.65fr);
  align-items: center;
  gap: 9px 12px;
}
.genisource-preview .tc-react-code{
  overflow: hidden;
  display: grid;
  gap: 2px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .tc-react-code code{
  overflow: hidden;
  padding: 4px 5px;
  color: var(--brand);
  background: var(--brand-light);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .tc-react-preview{
  display: grid;
  gap: 6px;
  padding: 9px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .tc-react-preview small{
  color: var(--text-2);
  font-size: 9px;
}
.genisource-preview .tc-react-preview button{
  padding: 5px 7px;
  border-radius: 5px;
  color: white;
  background: var(--brand);
}
.genisource-preview .tc-react-preview span{
  color: var(--green);
  font-size: 9px;
}
.genisource-preview .tc-react .tc-foot{
  grid-column: 1 / -1;
}
.genisource-preview .tc-vue{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 7px 9px;
}
.genisource-preview .tc-vue-ref, .genisource-preview .tc-vue-preview{
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .tc-vue-ref small, .genisource-preview .tc-vue-preview small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .tc-vue-ref code{
  overflow: hidden;
  color: var(--green);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .tc-vue-bind{
  display: grid;
  justify-items: center;
  gap: 3px;
  color: var(--text-3);
}
.genisource-preview .tc-vue-bind i{
  font-size: 8px;
  font-style: normal;
}
.genisource-preview .tc-vue-bind code{
  color: var(--green);
  font-size: 9px;
}
.genisource-preview .tc-vue-preview button{
  padding: 5px 7px;
  border-radius: 5px;
  color: white;
  background: #15803d;
}
.genisource-preview .tc-vue .tc-foot{
  grid-column: 1 / -1;
}
.genisource-preview .tc-next{
  display: grid;
  gap: 7px;
}
.genisource-preview .tc-next-url{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.genisource-preview .tc-next-url small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .tc-next-url code{
  padding: 4px 8px;
  border-radius: 6px;
  color: var(--brand);
  background: var(--brand-light);
  font-weight: 700;
}
.genisource-preview .tc-next-route{
  display: grid;
  grid-template-columns: 1.2fr auto 1fr auto 1fr;
  align-items: center;
  gap: 5px;
}
.genisource-preview .tc-next-route section{
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--bg);
}
.genisource-preview .tc-next-route section.server{
  border-color: color-mix(in srgb, var(--brand) 35%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .tc-next-route section.page{
  border-color: color-mix(in srgb, var(--green) 35%, var(--border));
  background: var(--green-light);
}
.genisource-preview .tc-next-route small{
  color: var(--text-3);
  font-size: 8px;
}
.genisource-preview .tc-next-route span, .genisource-preview .tc-next-route b, .genisource-preview .tc-next-route code{
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .tc-next-route span.active, .genisource-preview .tc-next-route section.server b{
  color: var(--brand);
}
.genisource-preview .tc-next-route section.page b, .genisource-preview .tc-next-route section.page span{
  color: var(--green);
}
.genisource-preview .tc-next-route > i{
  color: var(--brand);
  font-size: 9px;
  font-style: normal;
}
.genisource-preview .tc-tailwind{
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 7px 10px;
  align-items: center;
}
.genisource-preview .tc-tailwind-classes{
  grid-column: 1;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.genisource-preview .tc-tailwind-classes code{
  padding: 4px 6px;
  border-radius: 5px;
  color: var(--brand);
  background: var(--brand-light);
  font-weight: 650;
}
.genisource-preview .tc-tailwind-rules{
  grid-column: 1;
  display: grid;
  gap: 3px;
}
.genisource-preview .tc-tailwind-rules span{
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 4px;
  padding: 3px 6px;
  border-left: 2px solid var(--brand);
  background: var(--bg-soft);
}
.genisource-preview .tc-tailwind-rules b{
  color: var(--brand);
  font-size: 9px;
}
.genisource-preview .tc-tailwind-rules small{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .tc-tailwind article{
  grid-column: 2;
  grid-row: 1 / 3;
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg);
}
.genisource-preview .tc-tailwind article small{
  color: var(--brand);
  font-size: 9px;
}
.genisource-preview .tc-tailwind article b{
  line-height: 1.35;
}
.genisource-preview .tc-tailwind article span{
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .tc-tailwind .tc-foot{
  grid-column: 1 / -1;
}
.genisource-preview .tc-shadcn{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 7px 9px;
}
.genisource-preview .tc-shadcn > i{
  color: var(--brand);
  font-size: 9px;
  font-style: normal;
}
.genisource-preview .tc-shadcn-command, .genisource-preview .tc-shadcn-file{
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .tc-shadcn-command small, .genisource-preview .tc-shadcn-file small, .genisource-preview .tc-shadcn-preview small{
  color: var(--text-3);
  font-size: 8px;
}
.genisource-preview .tc-shadcn-command code, .genisource-preview .tc-shadcn-file code{
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .tc-shadcn-file{
  border-color: color-mix(in srgb, var(--brand) 35%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .tc-shadcn-file code{
  color: var(--brand);
}
.genisource-preview .tc-shadcn-file span{
  color: var(--brand);
  font-size: 8px;
}
.genisource-preview .tc-shadcn-preview{
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
.genisource-preview .tc-shadcn-preview button{
  padding: 5px 9px;
  border-radius: 6px;
  color: white;
  background: var(--text);
}
.genisource-preview .tc-shadcn .tc-foot{
  grid-column: 1 / -1;
}
@media (max-width: 560px){.genisource-preview .tc-stack, .genisource-preview .tc-javascript, .genisource-preview .tc-react{
    grid-template-columns: minmax(0, 1fr);
  }.genisource-preview .tc-stack-output{
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }.genisource-preview .tc-stack-output > i{
    transform: rotate(90deg);
  }.genisource-preview .tc-typescript{
    grid-template-columns: minmax(0, 1fr);
  }.genisource-preview .tc-typescript .tc-foot{
    grid-column: 1;
  }.genisource-preview .tc-python{
    grid-template-columns: 1fr 1fr;
  }.genisource-preview .tc-python > i{
    display: none;
  }.genisource-preview .tc-next-route{
    grid-template-columns: 1fr auto 1fr;
  }.genisource-preview .tc-next-route section.page{
    grid-column: 1 / -1;
  }.genisource-preview .tc-next-route > i:nth-of-type(2){
    display: none;
  }}
.genisource-preview .prd-mini{
  width: min(300px, 100%);
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg);
  box-shadow: var(--shadow-card);
}
.genisource-preview .prd-mini-head{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border-light);
  background: var(--bg-soft);
}
.genisource-preview .prd-mini-head b{
  color: var(--brand);
  font-size: 12px;
}
.genisource-preview .prd-mini-head span{
  overflow: hidden;
  color: var(--text-3);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .prd-mini-secs{
  display: grid;
  gap: 6px;
  padding: 10px 12px;
}
.genisource-preview .prd-mini-secs span{
  position: relative;
  padding: 5px 9px 5px 22px;
  border-radius: 6px;
  color: var(--text-2);
  background: var(--bg-soft);
  font-size: 11px;
}
.genisource-preview .prd-mini-secs span::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--border);
  transform: translateY(-50%);
}
.genisource-preview .prd-mini-secs span.on{
  color: var(--brand);
  background: var(--brand-light);
  font-weight: 650;
}
.genisource-preview .prd-mini-secs span.on::before{
  background: var(--brand);
}
.genisource-preview .mvp-mini{
  display: flex;
  gap: 8px;
  width: min(340px, 100%);
}
.genisource-preview .mvp-mini-col{
  flex: 1;
  min-width: 0;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 4px;
  padding: 12px 8px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg);
  text-align: center;
}
.genisource-preview .mvp-mini-col small{
  color: var(--text-3);
  font-size: 10px;
}
.genisource-preview .mvp-mini-col b{
  color: var(--text);
  font-size: 16px;
  font-weight: 700;
}
.genisource-preview .mvp-mini-col > span{
  color: var(--text-3);
  font-size: 10px;
  line-height: 1.5;
}
.genisource-preview .mvp-mini-col.lean{
  border-color: color-mix(in srgb, var(--brand) 34%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .mvp-mini-col.lean small, .genisource-preview .mvp-mini-col.lean b{
  color: var(--brand);
}
.genisource-preview .uf-mini{
  width: min(340px, 100%);
  display: grid;
  justify-items: center;
  gap: 7px;
}
.genisource-preview .uf-mini-main{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex-wrap: wrap;
}
.genisource-preview .uf-mini-main > i{
  color: var(--text-3);
  font-size: 10px;
  font-style: normal;
}
.genisource-preview .uf-node{
  padding: 5px 9px;
  border: 1px solid var(--border);
  border-radius: 7px;
  color: var(--text-2);
  background: var(--bg);
  font-size: 11px;
  white-space: nowrap;
}
.genisource-preview .uf-judge{
  padding: 5px 10px;
  border: 1px solid color-mix(in srgb, var(--brand) 34%, var(--border));
  border-radius: 7px;
  color: var(--brand);
  background: var(--brand-light);
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}
.genisource-preview .uf-node.ok{
  border-color: color-mix(in srgb, var(--green) 40%, var(--border));
  color: var(--green);
  background: var(--green-light);
}
.genisource-preview .uf-mini-branch{
  color: var(--text-3);
  font-size: 10px;
}
.genisource-preview .product-mini{
  width: min(340px, 100%);
  color: var(--text);
  font-size: 11px;
}
.genisource-preview .story-mini{
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg);
  box-shadow: var(--shadow-card);
}
.genisource-preview .story-mini small{
  color: var(--brand);
  font-size: 10px;
  font-weight: 700;
}
.genisource-preview .story-mini b{
  font-size: 12px;
}
.genisource-preview .story-mini span{
  color: var(--text-3);
}
.genisource-preview .use-case-mini{
  display: grid;
  grid-template-columns: auto 1fr auto auto 1.25fr;
  gap: 6px;
  align-items: center;
}
.genisource-preview .use-case-mini small{
  padding: 5px 7px;
  border-radius: 6px;
  color: var(--brand);
  background: var(--brand-light);
  font-weight: 700;
}
.genisource-preview .use-case-mini span, .genisource-preview .use-case-mini b{
  padding: 7px 8px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--bg);
  font-size: 10px;
}
.genisource-preview .use-case-mini i{
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .backlog-mini{
  display: grid;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg);
}
.genisource-preview .backlog-mini span{
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 5px 10px;
  border-bottom: 1px solid var(--border-light);
}
.genisource-preview .backlog-mini span:last-child{
  border-bottom: 0;
}
.genisource-preview .backlog-mini b{
  display: grid;
  place-items: center;
  width: 19px;
  height: 19px;
  border-radius: 5px;
  color: var(--brand);
  background: var(--brand-light);
  font-size: 10px;
}
.genisource-preview .roadmap-mini{
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 5px;
  align-items: stretch;
}
.genisource-preview .roadmap-mini > span{
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 62px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg);
  text-align: center;
}
.genisource-preview .roadmap-mini > span:first-child{
  border-color: color-mix(in srgb, var(--brand) 35%, var(--border));
  background: var(--brand-light);
}
.genisource-preview .roadmap-mini small{
  color: var(--brand);
  font-size: 9px;
  font-weight: 800;
}
.genisource-preview .roadmap-mini > i{
  align-self: center;
  color: var(--text-3);
  font-style: normal;
}
.genisource-preview .journey-mini{
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
  align-items: center;
  gap: 4px;
}
.genisource-preview .journey-mini::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 8%;
  right: 8%;
  height: 2px;
  background: var(--border);
}
.genisource-preview .journey-mini span, .genisource-preview .journey-mini i{
  z-index: 1;
}
.genisource-preview .journey-mini span{
  padding: 5px 7px;
  border-radius: 6px;
  background: var(--bg);
}
.genisource-preview .journey-mini i{
  color: var(--brand);
  font-size: 9px;
  font-style: normal;
  text-align: center;
}
.genisource-preview .journey-mini span.low{
  color: var(--warning);
  background: var(--orange-light);
}
.genisource-preview .ab-mini{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 7px;
  align-items: center;
}
.genisource-preview .ab-mini > span{
  display: grid;
  place-items: center;
  min-height: 56px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--text);
  background: var(--bg);
  font-size: 18px;
  font-weight: 750;
}
.genisource-preview .ab-mini > span:nth-of-type(2){
  color: var(--brand);
  border-color: color-mix(in srgb, var(--brand) 35%, var(--border));
}
.genisource-preview .ab-mini small{
  color: var(--text-3);
  font-size: 9px;
  font-weight: 500;
}
.genisource-preview .ab-mini i{
  color: var(--text-3);
  font-size: 10px;
  font-style: normal;
}
.genisource-preview .ab-mini b{
  grid-column: 1 / -1;
  color: var(--text-3);
  font-size: 10px;
  text-align: center;
}
.genisource-preview .funnel-mini{
  display: grid;
  justify-items: center;
  gap: 4px;
}
.genisource-preview .funnel-mini span{
  width: var(--w);
  min-width: 90px;
  padding: 5px 8px;
  border-radius: 5px;
  color: var(--text);
  background: var(--brand-light);
  font-size: 10px;
  text-align: center;
}
.genisource-preview .funnel-mini span:nth-child(3), .genisource-preview .funnel-mini span:nth-child(4){
  background: color-mix(in srgb, var(--brand) 21%, var(--bg));
}
.genisource-preview .gantt-mini{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(4, 22px);
  gap: 3px 0;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent calc(8.333% - 1px),
      var(--border-light) calc(8.333% - 1px),
      var(--border-light) 8.333%
    ),
    var(--bg);
}
.genisource-preview .gantt-mini small{
  grid-column: 1 / -1;
  color: var(--text-3);
  font-size: 9px;
}
.genisource-preview .gantt-mini span{
  grid-column: var(--start) / span var(--span);
  align-self: center;
  padding: 4px 6px;
  overflow: hidden;
  border-radius: 4px;
  color: var(--brand);
  background: var(--brand-light);
  font-size: 9px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genisource-preview .gantt-mini span:nth-of-type(2){
  color: var(--bg);
  background: var(--brand);
}
.genisource-preview .gantt-mini span:nth-of-type(3){
  color: var(--green);
  background: var(--green-light);
}
.genisource-preview .md-demo{ display: flex; align-items: stretch; gap: 8px; width: 100%; }
.genisource-preview .md-col{ flex: 1; min-width: 0; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; gap: 5px; }
.genisource-preview .md-tag{ font-size: 12px; letter-spacing: .6px; color: var(--text-3); }
.genisource-preview .md-arrow{ align-self: center; flex: none; color: var(--text-3); font-size: 14px; }
.genisource-preview .md-src{ display: flex; flex-direction: column; gap: 3px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12px; color: var(--text-2); }
.genisource-preview .md-out{ display: flex; flex-direction: column; gap: 4px; }
.genisource-preview .md-l{ display: block; line-height: 1.5; }
.genisource-preview .md-mark{ color: var(--brand); }
.genisource-preview .md-h{ font-size: 14px; font-weight: 700; color: var(--text); }
.genisource-preview .md-p{ font-size: 12px; color: var(--text-2); }
.genisource-preview .md-li{ font-size: 12px; color: var(--text-2); padding-left: 12px; position: relative; }
.genisource-preview .md-li::before{ content: ""; position: absolute; left: 2px; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: var(--text-3); }
.genisource-preview .md-code{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; background: var(--bg-soft); border: 1px solid var(--border-light); border-radius: 4px; padding: 2px 6px; color: var(--text-2); }
.genisource-preview .html-demo{ display: flex; align-items: stretch; gap: 8px; width: 100%; }
.genisource-preview .html-tree{ flex: 1.1; min-width: 0; display: flex; flex-direction: column; gap: 3px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; }
.genisource-preview .html-node{ background: var(--bg); border: 1px solid var(--border); border-radius: 4px; padding: 2px 7px; color: var(--brand); white-space: nowrap; overflow: hidden; }
.genisource-preview .html-node em{ color: var(--text-3); font-style: normal; font-family: inherit; }
.genisource-preview .html-d1{ margin-left: 14px; }
.genisource-preview .html-d2{ margin-left: 28px; }
.genisource-preview .html-arrow{ align-self: center; flex: none; color: var(--text-3); font-size: 14px; }
.genisource-preview .html-page{ flex: 1; min-width: 0; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; display: flex; flex-direction: column; gap: 5px; }
.genisource-preview .terminal-win{ width: 100%; background: #1f2430; border-radius: 8px; overflow: hidden; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12px; line-height: 1.55; color: #d7dae0; }
.genisource-preview .terminal-bar{ display: flex; align-items: center; gap: 5px; padding: 6px 9px; background: #2a303c; }
.genisource-preview .terminal-bar i{ width: 7px; height: 7px; border-radius: 50%; background: #454c5c; }
.genisource-preview .terminal-bar span{ font-size: 12px; color: var(--code-muted); margin-left: 4px; }
.genisource-preview .terminal-body{ padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; text-align: left; }
.genisource-preview .terminal-p{ color: #4ade80; }
.genisource-preview .terminal-c{ color: #ffffff; }
.genisource-preview .terminal-g{ color: #4ade80; }
.genisource-preview .terminal-d{ color: var(--code-muted); }
.genisource-preview .npm-demo{ display: flex; align-items: center; gap: 8px; width: 100%; }
.genisource-preview .npm-card{ flex: 1; min-width: 0; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; gap: 4px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; color: var(--text-2); }
.genisource-preview .npm-tag{ font-size: 12px; color: var(--text-3); letter-spacing: .3px; }
.genisource-preview .npm-k{ color: var(--brand); }
.genisource-preview .npm-arrow{ flex: none; font-size: 12px; color: var(--text-3); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-align: center; }
.genisource-preview .env-var-demo{ display: flex; flex-direction: column; gap: 8px; width: 100%; }
.genisource-preview .env-var-file{ background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; gap: 4px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12px; }
.genisource-preview .env-var-tag{ font-size: 12px; color: var(--text-3); letter-spacing: .3px; }
.genisource-preview .env-var-key{ color: var(--brand); font-weight: 600; }
.genisource-preview .env-var-file i{ color: var(--text-3); font-style: normal; }
.genisource-preview .env-var-row{ display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.genisource-preview .env-var-code{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; background: var(--bg-soft); border: 1px solid var(--border-light); border-radius: 5px; padding: 3px 8px; color: var(--text-2); }
.genisource-preview .env-var-shield{ font-size: 12px; color: #16a34a; }
.genisource-preview .deploy-demo{ display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; width: 100%; }
.genisource-preview .deploy-step{ flex: none; max-width: 100%; overflow: hidden; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 7px 12px; font-size: 12px; color: var(--text-2); white-space: nowrap; }
.genisource-preview .deploy-arrow{ flex: none; color: var(--text-3); font-size: 12px; font-style: normal; }
.genisource-preview .deploy-step.deploy-on{ border-color: color-mix(in srgb, var(--brand) 34%, var(--border)); color: var(--brand); background: var(--brand-light); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; font-weight: 650; text-overflow: ellipsis; }
.genisource-preview .db-demo{ display: flex; align-items: center; gap: 10px; width: 100%; }
.genisource-preview .db-table{ flex: 1; min-width: 0; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; font-size:12px; }
.genisource-preview .db-title{ display: block; padding: 4px 9px; background: var(--bg-soft); border-bottom: 1px solid var(--border-light); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12px; color: var(--text-2); }
.genisource-preview .db-grid{ display: grid; grid-template-columns: 24px 1fr 1fr; }
.genisource-preview .db-th{ padding: 3px 9px; font-weight: 600; color: var(--text); background: var(--bg-soft); border-bottom: 1px solid var(--border-light); font-size:12px; }
.genisource-preview .db-td{ padding: 3px 9px; color: var(--text-2); border-bottom: 1px solid var(--border-light); }
.genisource-preview .db-crud{ display: flex; flex-direction: column; gap: 4px; }
.genisource-preview .db-op{ font-size: 12px; padding: 2px 8px; border-radius: 4px; background: var(--brand-light); color: var(--brand); border: 1px solid var(--brand); text-align: center; }
.genisource-preview .gitflow-node.on{ border-color: var(--brand); background: var(--brand-light); }
.genisource-preview .gitflow-node.on b{ color: var(--brand); }
.genisource-preview .gitflow-node.dim{ opacity: .5; }
.genisource-preview .gitflow-arrow.on{ color: var(--brand); font-weight: 700; }
.genisource-preview .gitflow-arrow.on small{ color: var(--brand); }
.genisource-preview .gitflow-dots i.on{ background: var(--brand); }
.genisource-preview .gitflow-dots i.green{ background: #16a34a; }
.genisource-preview .gitflow-br-tag.green{ color: var(--green); background: var(--green-light); border-color: #bbf7d0; }
.genisource-preview .gitflow-br-dot.green{ background: #16a34a; }
.genisource-preview .gitflow-br-line.green{ background: #bbf7d0; }
.genisource-preview .gitflow-col.on{ border-color: var(--brand); background: var(--brand-light); }
.genisource-preview .gitflow-box.on{ border-color: var(--brand); background: var(--brand-light); }
.genisource-preview .gitflow-tag.green{ color: var(--green); background: var(--green-light); border-color: #bbf7d0; }
.genisource-preview .td-tick.is-pass{ color: var(--td-ink); }
.genisource-preview .td-tick.is-pass i{ color: var(--on-status); background: var(--td-pass); }
.genisource-preview .td-tick.is-fail{ color: var(--td-alert); font-weight: 700; }
.genisource-preview .td-tick.is-fail i{ color: var(--on-status); background: var(--td-alert); }
.genisource-preview .td-network-pane b.is-live{ color: #8dd4ae; }
.genisource-preview .td-table-row.is-new{ background: var(--td-pass-soft); }
.genisource-preview .td-receipt main .is-change{ color: var(--td-alert); text-decoration: underline; text-underline-offset: 4px; }
.genisource-preview .td-receipt main .is-pass{ color: var(--td-pass); }
.genisource-preview .td-job-list > div.is-current > i{ color: var(--on-status); background: var(--td-pass); }
.genisource-preview .td-fixture li.is-current{ color: var(--td-ink); font-weight: 700; }
.genisource-preview .td-fixture li.is-current::before{ color: var(--on-status); background: var(--td-pass); }
.genisource-preview .td-lint-layout pre em.is-error{ color: var(--on-status); background: var(--td-alert); }
.genisource-preview .td-metric-chart > i.is-high{ height: 72%; background: var(--td-alert); }
.genisource-preview .td-version-lanes .is-canary .td-traffic-meter i{ min-width: 0; background: #7f8994; }
.genisource-preview .td-environment-pools > section.is-live{ opacity: 1; box-shadow: 0 0 0 2px var(--td-ink); }
.genisource-preview .td-environment-pools > section.is-green > header{ background: var(--td-pass); }
.genisource-preview .td-environment-pools > section.is-green > p{ background: var(--td-pass-soft); }
.genisource-preview .testing-delivery-preview{
  width: min(100%, 410px);
  min-height: 154px;
  margin: auto;
  padding: 0;
  color: var(--td-ink, #20242a);
  background: transparent;
  font-family: ui-sans-serif, system-ui, sans-serif;
}
.genisource-preview .testing-delivery-preview > strong{ display: none; }
.genisource-preview .testing-delivery-preview :is(header, p, h4, ol, dl){ margin: 0; }
.genisource-preview .testing-delivery-preview :is(small, span, em, code, b, strong, button, dt, dd, p, li){ font-size: 13px; line-height: 1.35; }
.genisource-preview .testing-delivery-preview button{ pointer-events: none; }
.genisource-preview .tdv-sheet, .genisource-preview .tdv-login, .genisource-preview .tdv-code, .genisource-preview .tdv-browser, .genisource-preview .tdv-probes, .genisource-preview .tdv-receipt, .genisource-preview .tdv-terminal, .genisource-preview .tdv-pr, .genisource-preview .tdv-jobs, .genisource-preview .tdv-stage-site, .genisource-preview .tdv-tree, .genisource-preview .tdv-request, .genisource-preview .tdv-table, .genisource-preview .tdv-runs, .genisource-preview .tdv-editor, .genisource-preview .tdv-monitor, .genisource-preview .tdv-rollback, .genisource-preview .tdv-flag, .genisource-preview .tdv-release-split, .genisource-preview .tdv-environment-switch{
  width: 100%;
  overflow: hidden;
  border: 1px solid #cfd4da;
  border-radius: 8px;
  background: var(--bg);
}
.genisource-preview .tdv-sheet{ padding: 14px 16px; }
.genisource-preview .tdv-sheet header, .genisource-preview .tdv-receipt header, .genisource-preview .tdv-probes header, .genisource-preview .tdv-pr header, .genisource-preview .tdv-monitor header, .genisource-preview .tdv-flag header{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.genisource-preview .tdv-sheet header b{ font-size: 15px; }
.genisource-preview .tdv-sheet header em, .genisource-preview .tdv-probes header em, .genisource-preview .tdv-pr header em{ padding: 3px 6px; border-radius: 4px; color: var(--td-pass); background: var(--td-pass-soft); font-style: normal; font-weight: 750; }
.genisource-preview .tdv-sheet p{ padding: 5px 0; color: var(--td-pass); border-bottom: 1px solid #edf0f2; }
.genisource-preview .tdv-login{ display: grid; grid-template-columns: 1fr auto; gap: 9px 10px; padding: 16px; }
.genisource-preview .tdv-login :is(small, span){ grid-column: 1 / -1; padding: 8px 9px; border: 1px solid #d5d9de; border-radius: 5px; color: var(--text-2); background: var(--bg); }
.genisource-preview .tdv-login button{ padding: 7px 13px; border: 0; border-radius: 5px; color: #fff; background: #20242a; }
.genisource-preview .tdv-login em{ align-self: center; color: var(--td-alert); font-style: normal; }
.genisource-preview .tdv-code, .genisource-preview .tdv-terminal, .genisource-preview .tdv-editor{ padding: 14px 16px; color: #e7ebef; background: #24282d; font-family: ui-monospace, monospace; }
.genisource-preview .tdv-code{ display: grid; gap: 7px; }
.genisource-preview .tdv-code span{ color: #aeb7c1; }
.genisource-preview .tdv-code b{ color: #91d5ac; }
.genisource-preview .tdv-code small{ color: var(--text-2); }
.genisource-preview .tdv-integration{ display: grid; grid-template-columns: .8fr 1.2fr .8fr; width: 100%; min-height: 150px; overflow: hidden; border: 1px solid #cfd4da; border-radius: 8px; background: var(--bg); }
.genisource-preview .tdv-integration > :is(span, code, b){ display: grid; place-items: center; padding: 12px; border-right: 1px solid #d9dde1; text-align: center; }
.genisource-preview .tdv-integration code{ color: #dbe1e8; background: #24282d; font-family: ui-monospace, monospace; }
.genisource-preview .tdv-integration b{ color: var(--td-pass); background: var(--td-pass-soft); }
.genisource-preview .tdv-integration small{ grid-column: 1 / -1; align-self: end; padding: 9px 12px; color: var(--text-2); border-top: 1px solid #d9dde1; }
.genisource-preview .tdv-browser header, .genisource-preview .tdv-stage-site header, .genisource-preview .tdv-request header, .genisource-preview .tdv-table header, .genisource-preview .tdv-runs header{ padding: 9px 12px; color: var(--text-2); border-bottom: 1px solid #d9dde1; background: var(--bg-hover); font: 13px/1.3 ui-monospace, monospace; }
.genisource-preview .tdv-browser ol{ display: grid; grid-template-columns: repeat(3, 1fr); padding: 15px 12px 10px; list-style: none; }
.genisource-preview .tdv-browser li{ color: var(--td-pass); text-align: center; }
.genisource-preview .tdv-browser strong{ display: block; padding: 8px 12px 14px; font: 800 22px/1.2 ui-monospace, monospace; text-align: center; }
.genisource-preview .tdv-probes{ padding: 13px 15px; }
.genisource-preview .tdv-probes header b{ font-size: 15px; }
.genisource-preview .tdv-probes > span{ display: block; padding: 5px 0; color: var(--td-pass); border-top: 1px solid #eceef0; }
.genisource-preview .tdv-receipt{ padding: 13px 15px; }
.genisource-preview .tdv-receipt header b{ font-size: 17px; }
.genisource-preview .tdv-receipt p{ display: flex; justify-content: space-between; padding: 5px 0; }
.genisource-preview .tdv-receipt p em{ color: var(--td-pass); font-style: normal; font-weight: 800; }
.genisource-preview .tdv-receipt small{ display: block; margin-top: 5px; padding-top: 7px; color: var(--td-alert); border-top: 1px solid #e2e5e8; }
.genisource-preview .tdv-terminal{ display: grid; gap: 6px; }
.genisource-preview .tdv-terminal code{ color: #fff; }
.genisource-preview .tdv-terminal span{ color: #9da7b1; }
.genisource-preview .tdv-terminal b{ margin-top: 2px; color: #91d5ac; }
.genisource-preview .tdv-terminal small{ color: #c1c8d0; }
.genisource-preview .tdv-terminal em{ justify-self: start; padding: 2px 5px; color: #91d5ac; background: #35453c; font-style: normal; }
.genisource-preview .tdv-pr{ padding: 12px 14px; }
.genisource-preview .tdv-pr > p{ display: inline-block; margin-right: 10px; color: var(--td-pass); }
.genisource-preview .tdv-pr button{ display: block; width: 100%; margin-top: 10px; padding: 7px; border: 0; border-radius: 5px; color: var(--on-status); background: var(--td-pass); font-weight: 750; }
.genisource-preview .tdv-jobs{ padding: 7px 14px; }
.genisource-preview .tdv-jobs p{ display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid #eceef0; }
.genisource-preview .tdv-jobs p:last-child{ border-bottom: 0; }
.genisource-preview .tdv-jobs i{ display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; color: var(--on-status); background: var(--td-pass); font-style: normal; }
.genisource-preview .tdv-jobs p:last-child i{ color: var(--text-2); background: var(--bg-hover); }
.genisource-preview .tdv-jobs em{ color: #7d6542; font-style: normal; }
.genisource-preview .tdv-stage-site header{ display: flex; justify-content: space-between; }
.genisource-preview .tdv-stage-site header b{ padding: 2px 5px; color: var(--text-2); background: var(--bg-hover); }
.genisource-preview .tdv-stage-site > em{ display: block; padding: 6px 12px; color: var(--text-2); background: var(--bg-hover); font-style: normal; text-align: center; }
.genisource-preview .tdv-stage-site h4{ padding: 16px 15px 3px; font-size: 17px; }
.genisource-preview .tdv-stage-site p{ padding: 2px 15px 15px; color: var(--text-2); }
.genisource-preview .tdv-tree{ display: grid; justify-items: center; gap: 12px; padding: 15px; }
.genisource-preview .tdv-tree > b{ padding: 7px 12px; color: var(--td-pass); background: var(--td-pass-soft); }
.genisource-preview .tdv-tree > div{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; width: 100%; }
.genisource-preview .tdv-tree span{ padding: 8px; color: var(--td-pass); background: var(--td-pass-soft); text-align: center; }
.genisource-preview .tdv-tree span.is-gap{ color: var(--text-2); background: repeating-linear-gradient(135deg, #f1f2f3 0 6px, #e5e7e9 6px 7px); }
.genisource-preview .tdv-tree small{ color: var(--td-alert); }
.genisource-preview .tdv-request dl{ display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 0; padding: 8px 12px 12px; }
.genisource-preview .tdv-request :is(dt, dd){ margin: 0; padding: 6px 0; border-bottom: 1px solid #eceef0; font-family: ui-monospace, monospace; }
.genisource-preview .tdv-request dt{ color: var(--text-2); }
.genisource-preview .tdv-request dd.is-pass{ color: var(--td-pass); font-weight: 750; }
.genisource-preview .tdv-table header, .genisource-preview .tdv-table p{ display: grid; grid-template-columns: .8fr 1.5fr .7fr; gap: 8px; }
.genisource-preview .tdv-table p{ padding: 12px; background: var(--td-pass-soft); }
.genisource-preview .tdv-table p em{ color: var(--text-2); font-style: normal; }
.genisource-preview .tdv-table small{ display: block; padding: 9px 12px; color: var(--text-2); text-align: center; }
.genisource-preview .tdv-runs p{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 5px 12px; }
.genisource-preview .tdv-runs p span{ padding: 5px 7px; color: var(--td-pass); background: var(--td-pass-soft); }
.genisource-preview .tdv-runs p span.is-fail{ color: var(--td-alert); background: var(--td-alert-soft); }
.genisource-preview .tdv-runs small{ display: block; padding: 8px 12px 12px; color: var(--text-2); }
.genisource-preview .tdv-editor{ display: grid; gap: 3px; }
.genisource-preview .tdv-editor code{ display: grid; grid-template-columns: 26px minmax(0, 1fr); padding: 4px 6px; }
.genisource-preview .tdv-editor code i{ color: var(--text-2); font-style: normal; }
.genisource-preview .tdv-editor code.is-error{ color: #fff; background: #6a3439; }
.genisource-preview .tdv-editor b{ margin-top: 7px; padding: 7px; color: #ffd5d5; background: #4b2f32; }
.genisource-preview .tdv-monitor{ padding: 13px 15px; }
.genisource-preview .tdv-monitor header span{ font-weight: 700; }
.genisource-preview .tdv-monitor header b{ color: var(--td-alert); font-size: 19px; }
.genisource-preview .tdv-monitor > div{ display: flex; align-items: flex-end; gap: 8px; height: 72px; border-bottom: 1px solid #d9dde1; }
.genisource-preview .tdv-monitor > div i{ flex: 1; height: 20%; background: #717b86; }
.genisource-preview .tdv-monitor > div i.is-high{ height: 80%; background: var(--td-alert); }
.genisource-preview .tdv-monitor > em{ display: block; padding-top: 7px; color: var(--td-alert); font-style: normal; }
.genisource-preview .tdv-rollback{ padding: 10px 14px; }
.genisource-preview .tdv-rollback p{ display: flex; justify-content: space-between; padding: 8px; border-bottom: 1px solid #eceef0; }
.genisource-preview .tdv-rollback p.is-live{ color: var(--td-pass); background: var(--td-pass-soft); }
.genisource-preview .tdv-rollback p em{ font-style: normal; }
.genisource-preview .tdv-rollback footer{ padding: 10px 8px 3px; color: var(--text-2); }
.genisource-preview .tdv-rollback footer b{ color: var(--td-pass); }
.genisource-preview .tdv-flag{ padding: 12px 14px; }
.genisource-preview .tdv-flag header b{ padding: 3px 7px; border-radius: 99px; color: var(--on-status); background: var(--td-pass); }
.genisource-preview .tdv-flag section{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }
.genisource-preview .tdv-flag p{ display: grid; gap: 6px; padding: 11px; background: var(--bg-hover); }
.genisource-preview .tdv-flag p:first-child{ color: #fff; background: #303840; }
.genisource-preview .tdv-flag small{ color: inherit; opacity: .72; }
.genisource-preview .tdv-release-split{ padding: 12px 14px; }
.genisource-preview .tdv-release-split header, .genisource-preview .tdv-environment-switch > header{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.genisource-preview .tdv-release-split header span, .genisource-preview .tdv-environment-switch > header span{ color: var(--text-2); }
.genisource-preview .tdv-release-split p{ display: grid; grid-template-columns: 90px minmax(0, 1fr) 36px; align-items: center; gap: 8px; min-height: 34px; }
.genisource-preview .tdv-release-split p i{ display: block; width: var(--share); min-width: 3px; height: 8px; background: #5f6872; }
.genisource-preview .tdv-release-split p.is-canary i{ background: var(--td-alert); }
.genisource-preview .tdv-release-split p em{ font-style: normal; text-align: right; }
.genisource-preview .tdv-release-split footer{ margin-top: 8px; padding-top: 8px; color: var(--text-2); border-top: 1px solid #eceef0; }
.genisource-preview .tdv-release-split footer b{ color: var(--td-alert); }
.genisource-preview .tdv-environment-switch{ padding: 12px 14px; }
.genisource-preview .tdv-environment-switch > header b{ color: var(--td-pass); }
.genisource-preview .tdv-environment-switch section{ display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 9px; }
.genisource-preview .tdv-environment-switch section > i{ color: var(--text-2); font-style: normal; }
.genisource-preview .tdv-environment-switch section p{ display: grid; gap: 4px; padding: 10px; color: #fff; background: var(--td-blue, #365f86); }
.genisource-preview .tdv-environment-switch section p.is-live{ background: var(--td-pass); }
.genisource-preview .tdv-environment-switch section p small{ opacity: .72; }
.genisource-preview .tdv-environment-switch section p em{ font-style: normal; opacity: .82; }
.genisource-preview .tdv-environment-switch footer{ padding-top: 9px; color: var(--text-2); text-align: center; }
.genisource-preview .td-contract-step > .td-badge.is-fail{ color: var(--td-alert); }
/* ---- inset panel polish (overrides the subset above) ------------------- */
/* doubled class beats the generated `.genisource-preview .card-demo` rule */
.genisource-preview .card-demo.card-demo {
  border-radius: 12px;
  box-shadow: var(--shadow-card);
}

/* ---- card-width responsive scale (overrides the subset above) ---------- */
.genisource-preview .card-demo.scaled-preview { padding: 10px; }

/* canvas 400x225 */
.genisource-preview .card-demo.scaled-preview.diagram-preview { --preview-scale: 0.62; }
/* canvas 560x315 */
.genisource-preview .card-demo.scaled-preview.site-preview { --preview-scale: 0.44; }
/* canvas 640x360 */
.genisource-preview .card-demo.scaled-preview.style-preview { --preview-scale: 0.38; }

@container (min-width: 300px) {
  .genisource-preview .card-demo.scaled-preview.diagram-preview { --preview-scale: 0.72; }
  .genisource-preview .card-demo.scaled-preview.site-preview { --preview-scale: 0.5; }
  .genisource-preview .card-demo.scaled-preview.style-preview { --preview-scale: 0.44; }
}
@container (min-width: 360px) {
  .genisource-preview .card-demo.scaled-preview.diagram-preview { --preview-scale: 0.84; }
  .genisource-preview .card-demo.scaled-preview.site-preview { --preview-scale: 0.6; }
  .genisource-preview .card-demo.scaled-preview.style-preview { --preview-scale: 0.52; }
}
@container (min-width: 430px) {
  .genisource-preview .card-demo.scaled-preview.diagram-preview { --preview-scale: 0.95; }
  .genisource-preview .card-demo.scaled-preview.site-preview { --preview-scale: 0.72; }
  .genisource-preview .card-demo.scaled-preview.style-preview { --preview-scale: 0.62; }
}
@container (min-width: 520px) {
  .genisource-preview .card-demo.scaled-preview.diagram-preview { --preview-scale: 1.12; }
  .genisource-preview .card-demo.scaled-preview.site-preview { --preview-scale: 0.85; }
  .genisource-preview .card-demo.scaled-preview.style-preview { --preview-scale: 0.74; }
}

/* ---- inset inside the term card -------------------------------------- */
.genisource-preview {
  padding: 12px 14px 14px;
}
.genisource-preview .card-demo.card-demo {
  border-radius: 12px;
  box-shadow: var(--shadow-card);
}

/* ---- keep the grid rhythm -------------------------------------------- */
/* A handful of demos (mini-program mockups, product scenes) are 400-740px
   tall on genisource itself, which would stretch their card far past its
   neighbours. Clip them to roughly the same band the 16:9 scaled previews
   occupy, following the same width ladder. */
.genisource-preview .card-demo.card-demo:not(.scaled-preview) { max-height: 150px; }
@container (min-width: 300px) {
  .genisource-preview .card-demo.card-demo:not(.scaled-preview) { max-height: 180px; }
}
@container (min-width: 360px) {
  .genisource-preview .card-demo.card-demo:not(.scaled-preview) { max-height: 210px; }
}
@container (min-width: 430px) {
  .genisource-preview .card-demo.card-demo:not(.scaled-preview) { max-height: 240px; }
}
@container (min-width: 520px) {
  .genisource-preview .card-demo.card-demo:not(.scaled-preview) { max-height: 280px; }
}