.tpl-preview{isolation:isolate;min-height:100svh;position:relative;overflow:clip}.tpl-frame{width:min(100% - 2rem,76rem);margin-inline:auto}.tpl-meta{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.6875rem;line-height:1}.tpl-hairline{border-color:color-mix(in oklab, currentColor 18%, transparent)}.tpl-preview a{text-underline-offset:.25em}.tpl-mechanical{--mech-paper:#f3f0e8;--mech-ink:#1d1b17;--mech-line:#224e74;--mech-red:#a9482f;background:var(--mech-paper);color:var(--mech-ink)}.dark .tpl-mechanical{--mech-paper:#10100f;--mech-ink:#ece9e0;--mech-line:#8db4d1;--mech-red:#e07b5d}.tpl-mechanical .tpl-sheet{border-color:color-mix(in oklab, var(--mech-ink) 24%, transparent)}.tpl-mechanical .tpl-sheet-fill{background:color-mix(in oklab, var(--mech-paper) 88%, #fff 12%)}.dark .tpl-mechanical .tpl-sheet-fill{background:color-mix(in oklab, var(--mech-paper) 88%, #fff 4%)}.tpl-electrical{--el-bg:#06100c;--el-fg:#d8ffe3;--el-green:#8bffb0;--el-cyan:#6ee7f9;--el-dim:#6f8f7b;background:radial-gradient(circle at 18% 0%, #0d2a1e 0%, transparent 34rem), var(--el-bg);color:var(--el-fg);font-family:var(--font-tech), "Noto Sans SC", "Microsoft YaHei", var(--font-sans)}.tpl-civil .tpl-serif,.tpl-medicine .tpl-serif,.tpl-business .tpl-serif{font-family:"Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", var(--font-editorial), serif;letter-spacing:-.025em;font-weight:400}.tpl-design{font-family:var(--font-tech), "Noto Sans SC", "Microsoft YaHei", var(--font-sans)}.tpl-design .tpl-display{font-family:var(--font-display), "Noto Sans SC", "Microsoft YaHei", sans-serif}.tpl-design .tpl-meta{font-family:var(--font-mono)}.tpl-electrical .tpl-card{border:1px solid color-mix(in oklab, var(--el-green) 24%, transparent);background:color-mix(in oklab, var(--el-bg) 82%, #fff 18%)}.tpl-electrical .tpl-grid{background-image:linear-gradient(color-mix(in oklab, var(--el-green) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--el-green) 10%, transparent) 1px, transparent 1px);background-size:40px 40px}.tpl-electrical .tpl-scanlines:after{content:"";pointer-events:none;opacity:.28;background:repeating-linear-gradient(#0000 0 3px,#00000042 3px 4px);background:repeating-linear-gradient(#0000 0 3px,lab(0% 0 0/.26) 3px 4px);position:absolute;inset:0}.tpl-wave{stroke-dasharray:520;animation:4.8s linear infinite tpl-wave}.tpl-blink{animation:1.2s step-end infinite tpl-blink}.tpl-civil{--cv-bg:#f3eee3;--cv-ink:#211f1a;--cv-blue:#224e74;--cv-clay:#ad6048;background:linear-gradient(90deg, color-mix(in oklab, var(--cv-blue) 8%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in oklab, var(--cv-blue) 8%, transparent) 1px, transparent 1px), var(--cv-bg);color:var(--cv-ink);background-size:48px 48px}.tpl-civil .tpl-card{border:1px solid color-mix(in oklab, var(--cv-ink) 22%, transparent);background:color-mix(in oklab, var(--cv-bg) 88%, #fff 12%)}.tpl-load-line{stroke-dasharray:8 8;animation:5s linear infinite tpl-load}.tpl-medicine{--md-bg:#f4f8f5;--md-ink:#142b28;--md-green:#0d4a41;--md-red:#833033;--md-mint:#dceee5;background:radial-gradient(circle at 100% 0%, #e4f1e9 0%, transparent 36rem), var(--md-bg);color:var(--md-ink)}.tpl-medicine .tpl-card{border:1px solid color-mix(in oklab, var(--md-green) 20%, transparent);background:color-mix(in oklab, #fff 74%, var(--md-mint) 26%)}.tpl-ecg{stroke-dasharray:760;animation:4.2s linear infinite tpl-ecg}.tpl-pulse{animation:4.2s ease-in-out infinite tpl-pulse}.tpl-business{--bz-bg:#f2ede3;--bz-ink:#151412;--bz-green:#143b2d;--bz-brass:#a57e45;--bz-red:#8a3030;background:linear-gradient(90deg, color-mix(in oklab, var(--bz-ink) 5%, transparent) 1px, transparent 1px), var(--bz-bg);color:var(--bz-ink);background-size:25% 100%}.tpl-business .tpl-card{border:1px solid color-mix(in oklab, var(--bz-ink) 20%, transparent);background:color-mix(in oklab, #fff 54%, var(--bz-bg) 46%)}.tpl-chart-draw{stroke-dasharray:1200;animation:2.8s cubic-bezier(.22,1,.36,1) both tpl-chart}.tpl-chart-dot{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite tpl-dot}.tpl-scan-line{animation:4.8s cubic-bezier(.45,0,.2,1) infinite tpl-scan}.tpl-ecg-scan{animation:4.8s cubic-bezier(.45,0,.2,1) infinite tpl-ecg-scan}.tpl-hover-pause:hover .tpl-marquee{animation-play-state:paused}.tpl-design{--ds-bg:#f1ede3;--ds-ink:#111;--ds-blue:#2b4cff;--ds-coral:#ff5b4c;--ds-lime:#d9ff4a;background:var(--ds-bg);color:var(--ds-ink)}.tpl-design .tpl-display{letter-spacing:-.075em;font-weight:700;line-height:.82}.tpl-design .tpl-marquee{animation:18s linear infinite tpl-marquee}.tpl-design .tpl-spin-slow{animation:16s linear infinite tpl-spin}.tpl-design .tpl-sticker{box-shadow:4px 4px 0 var(--ds-ink)}@keyframes tpl-wave{to{stroke-dashoffset:-1040px}}@keyframes tpl-blink{50%{opacity:0}}@keyframes tpl-load{to{stroke-dashoffset:-32px}}@keyframes tpl-ecg{to{stroke-dashoffset:-1520px}}@keyframes tpl-pulse{0%,to{opacity:.35;transform:scale(1)}12%{opacity:1;transform:scale(1.35)}32%{opacity:.45;transform:scale(1)}}@keyframes tpl-chart{0%{stroke-dashoffset:1200px}to{stroke-dashoffset:0}}@keyframes tpl-dot{0%,to{r:3;opacity:.55}50%{r:5.5;opacity:1}}@keyframes tpl-scan{0%{opacity:0;transform:translate(-8px)}12%,82%{opacity:.7}to{opacity:0;transform:translate(448px)}}@keyframes tpl-ecg-scan{0%{opacity:0;transform:translate(-4px)}15%,80%{opacity:.8}to{opacity:0;transform:translate(316px)}}@keyframes tpl-marquee{to{transform:translate(-50%)}}@keyframes tpl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tpl-preview *,.tpl-preview :before,.tpl-preview :after{animation:none!important}}