:root{--brand:#A85465;--brand-deep:#7E3D4B;--on-brand:#FFFFFF;--accent:#06B6D4;--bg:#FBF9FC;--ink:#1E1622;--card:#FFFFFF;--line:rgba(30,22,34,0.09);--muted:rgba(30,22,34,0.62);--danger:#B4452F;--pine:var(--brand);--pine-deep:var(--brand-deep);--pollen:var(--accent);--moss:#DFB8BE;--shadow-xs:0 1px 2px rgba(30,22,34,.05);--shadow-sm:0 1px 2px rgba(30,22,34,.04),0 2px 8px rgba(30,22,34,.06);--shadow-md:0 2px 4px rgba(30,22,34,.05),0 10px 24px rgba(30,22,34,.09);--shadow-lg:0 16px 40px rgba(30,22,34,.14);--line-strong:rgba(30,22,34,.16);--tint:color-mix(in srgb,var(--brand) 7%,transparent);--tint-hover:color-mix(in srgb,var(--brand) 12%,transparent);--ring:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent);--r-sm:8px;--r-md:10px;--r-lg:14px;--t:.15s ease}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-noto-sans-tc),sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font:inherit}.admin-shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.admin-shell:has(.admin-nav.is-collapsed){grid-template-columns:60px 1fr}.admin-nav{background:var(--pine-deep);color:#F2F5F0;padding:16px 12px;display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden}.admin-nav-head{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 14px}.admin-nav .brand{font-weight:700;font-size:1.15rem;letter-spacing:.02em;white-space:nowrap}.admin-collapse-btn{background:rgba(255,255,255,.1);color:#fff;border:none;cursor:pointer;width:28px;height:28px;border-radius:8px;font-size:.9rem;flex-shrink:0}.admin-collapse-btn:hover{background:rgba(255,255,255,.2)}.admin-mobile-close{display:none}.admin-nav-search{position:relative;padding:0 10px 10px}.admin-nav-search input{width:100%;box-sizing:border-box;padding:7px 10px;font-size:.84rem;border:1px solid var(--line);border-radius:var(--r-md,8px);background:var(--card);color:var(--ink)}.admin-nav-search input:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.admin-nav-search-count{position:absolute;right:18px;top:50%;transform:translateY(-50%);margin-top:-5px;font-size:.72rem;color:var(--muted);pointer-events:none}.admin-nav-empty{padding:10px 14px;font-size:.8rem;line-height:1.7;color:var(--muted)}.admin-nav-scroll{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.admin-nav-scroll::-webkit-scrollbar{width:5px}.admin-nav-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:9px}.admin-nav-group{margin-bottom:6px}.admin-group-label{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer;font-size:.92rem;font-weight:700;letter-spacing:.03em;color:rgba(242,245,240,.92);padding:12px 12px 7px;font-family:inherit}.admin-group-label:hover{color:#fff}.admin-fold-caret{transition:transform .2s;font-size:.8rem}.admin-fold-caret.is-folded{transform:rotate(-90deg)}.admin-group-icon{font-size:1.1rem}.admin-group-items{display:flex;flex-direction:column;gap:2px}.admin-nav a{display:block;padding:8px 12px 8px 22px;border-radius:10px;font-size:.86rem;color:rgba(242,245,240,.72);text-decoration:none;white-space:nowrap;transition:background var(--t),color var(--t)}.admin-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.admin-nav a.active{background:var(--pine);color:#fff;font-weight:600;box-shadow:0 2px 10px rgba(230,21,122,.35)}.admin-nav-footer{padding:12px;font-size:.78rem;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-nav-footer.is-link{display:flex;align-items:center;justify-content:space-between;gap:8px;color:inherit;text-decoration:none;border-radius:10px;margin:0 6px 6px;padding:10px 12px;transition:background .15s,opacity .15s}.admin-nav-footer.is-link:hover{background:rgba(255,255,255,.08);opacity:1}.admin-nav-footer-text{overflow:hidden;text-overflow:ellipsis}.admin-nav-footer-icon{flex-shrink:0;font-size:.82rem}.admin-nav.is-collapsed .admin-group-label{justify-content:center;padding:10px 0 6px;font-size:0;cursor:default;pointer-events:none;border-top:1px solid rgba(255,255,255,.08);margin-top:6px}.admin-nav.is-collapsed .admin-group-icon{font-size:.95rem;opacity:.55}.admin-nav.is-collapsed .admin-fold-caret{display:none}.admin-nav.is-collapsed .admin-group-items a,.admin-nav.is-collapsed .admin-nav a{display:flex;align-items:center;justify-content:center;padding:10px 0;margin:1px 6px;border-radius:10px}.admin-item-icon{font-size:1.15rem;line-height:1}.admin-scrim,.admin-topbar{display:none}.admin-main{padding:34px 40px;max-width:1100px;min-width:0}.admin-main h1{font-size:1.5rem;margin-bottom:4px}.admin-main .sub{color:var(--muted);font-size:.92rem;margin-bottom:26px}@media (max-width:820px){.admin-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.admin-shell:has(.admin-nav.is-collapsed){grid-template-columns:1fr}.admin-topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--pine-deep);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:30}.admin-hamburger{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0}.admin-topbar-brand{font-weight:700}.admin-nav{position:fixed;top:0;left:0;z-index:50;width:260px;transform:translateX(-100%);transition:transform .25s ease}.admin-nav.is-mobile-open{transform:translateX(0)}.admin-nav.is-collapsed{width:260px}.admin-nav.is-collapsed .admin-nav a{justify-content:flex-start;text-align:left;padding:8px 12px 8px 22px;margin:0}.admin-nav.is-collapsed .admin-group-label{justify-content:space-between;padding:12px 12px 7px;font-size:.92rem;pointer-events:auto;cursor:pointer;border-top:none;margin-top:0}.admin-collapse-btn{display:none}.admin-mobile-close{display:block;background:rgba(255,255,255,.1);color:#fff;border:none;cursor:pointer;width:28px;height:28px;border-radius:8px}.admin-scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:40}.admin-main{padding:20px 16px}}.sec{margin-bottom:22px}.sec-title{font-size:1.15rem;font-weight:700;margin-bottom:14px;letter-spacing:-.01em}.sec-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-sm)}.sec-card h3{font-size:1rem;margin-bottom:6px}.form-body{display:grid;grid-gap:12px;gap:12px}.form-body .form-row{display:grid;grid-gap:5px;gap:5px}.form-body label{font-size:.85rem;font-weight:500}.form-body input[type=text],.form-body select,.form-body textarea{width:100%;padding:8px 11px;font:inherit;font-size:.9rem;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink)}.form-body textarea{resize:vertical;min-height:80px}.form-body input:focus-visible,.form-body textarea:focus-visible{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.form-check{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;line-height:1.7;cursor:pointer;min-height:32px}.form-check input{width:16px;height:16px;margin-top:3px;flex-shrink:0}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.panel h2{font-size:1.05rem;margin-bottom:14px;letter-spacing:-.01em}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:22px}@media (max-width:820px){.stat-row{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:400px){.stat-row{grid-template-columns:1fr}}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-sm);transition:transform var(--t),box-shadow var(--t)}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat .label{font-size:.78rem;color:var(--muted);font-weight:600;letter-spacing:.02em}.stat .value{font-size:1.8rem;font-weight:700;color:var(--pine-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.25}.rec-list{display:flex;flex-direction:column;gap:10px}.rec{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.rec-main{min-width:0}.rec-title{font-weight:600;font-size:.95rem;line-height:1.55}.rec-meta{margin-top:6px;font-size:.78rem;color:var(--muted);line-height:1.7;display:flex;flex-wrap:wrap;gap:4px 14px}.rec-meta code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.rec-side{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.rec-amount{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media (max-width:560px){.rec{flex-direction:column;gap:12px}.rec-side{text-align:left;align-items:flex-start;flex-direction:row;align-items:center;gap:12px}}.pager{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.85rem}.pager-count{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pager-nav{display:flex;align-items:center;gap:10px}.pager-pos{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th{text-align:left;font-weight:600;color:var(--muted);padding:9px 10px;border-bottom:1px solid var(--line-strong);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}table.data td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}table.data tbody tr{transition:background var(--t)}table.data tbody tr:hover td{background:var(--tint)}table.data tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:.01em;background:var(--bg);border:1px solid var(--line);white-space:nowrap}.badge.green{background:rgba(230,21,122,.1);color:var(--pine);border-color:rgba(230,21,122,.25)}.badge.amber{background:rgba(228,161,27,.12);color:#8a6206;border-color:rgba(228,161,27,.3)}.badge.red{background:rgba(180,69,47,.1);color:var(--danger);border-color:rgba(180,69,47,.25)}.btn{display:inline-block;padding:9px 20px;border-radius:999px;border:none;font-weight:600;font-size:.92rem;letter-spacing:.01em;transition:background var(--t),box-shadow var(--t),transform var(--t),color var(--t)}.btn:focus-visible{outline:2px solid var(--pine);outline-offset:2px;box-shadow:var(--ring)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-deep);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;border:1.5px solid var(--brand);color:var(--brand)}.btn-ghost:hover{background:var(--tint-hover)}.btn-danger{background:transparent;border:1.5px solid var(--danger);color:var(--danger)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.field{margin-bottom:14px}.field label{display:block;font-size:.84rem;font-weight:600;color:var(--muted);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:9px 12px;border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--card);color:var(--ink);transition:border-color var(--t),box-shadow var(--t)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--pine);box-shadow:var(--ring)}.field .err{color:var(--danger);font-size:.8rem;margin-top:4px}.block-label{display:block;font-size:.84rem;font-weight:600;color:var(--muted);margin-bottom:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.alert{border-radius:var(--r-md);padding:12px 16px;font-size:.88rem;margin-bottom:16px;border-left-width:3px}.alert.error{background:rgba(180,69,47,.08);color:var(--danger);border:1px solid rgba(180,69,47,.2);border-left:3px solid var(--danger)}.alert.ok{background:var(--tint);color:var(--pine);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent);border-left:3px solid var(--pine)}.alert.warn{background:rgba(228,161,27,.12);color:#8a6206;border:1px solid rgba(228,161,27,.3);border-left:3px solid #e4a11b}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:40px 20px;color:var(--muted)}.empty-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:6px;border-radius:999px;background:var(--tint);font-size:1.35rem}.empty-title{font-weight:600;color:var(--ink);font-size:.95rem}.empty-sub{font-size:.86rem;max-width:30em;line-height:1.7}.empty .btn{margin-top:10px}.skeleton{position:relative;overflow:hidden;background:var(--line);border-radius:var(--r-sm)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--card) 65%,transparent),transparent);animation:skeleton-shimmer 1.4s infinite}.skeleton-line{height:12px;margin-bottom:10px}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.section-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px 0;margin-bottom:18px;scrollbar-width:none;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.section-nav::-webkit-scrollbar{display:none}.section-nav a{flex:0 0 auto;padding:6px 13px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--muted);white-space:nowrap;border:1px solid var(--line);background:var(--card);transition:color var(--t),background var(--t),border-color var(--t),box-shadow var(--t)}.section-nav a:hover{color:var(--ink);border-color:var(--line-strong)}.section-nav a.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-sm)}.section-target{scroll-margin-top:72px}@media (max-width:820px){.section-nav{top:48px}.section-target{scroll-margin-top:116px}}.chip-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.chip-row+.chip-row{margin-top:10px}.chip-label{font-size:.8rem;margin-right:2px}.chip,.chip-label{color:var(--muted);font-weight:600}.chip{display:inline-block;padding:5px 13px;border-radius:999px;font-size:.82rem;white-space:nowrap;background:var(--card);border:1px solid var(--line);transition:color var(--t),background var(--t),border-color var(--t),box-shadow var(--t)}.chip:hover{color:var(--ink);border-color:var(--line-strong)}.chip.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-sm)}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}td.tnum,th.tnum{text-align:right}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.82rem;margin:18px 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:400px;margin:0}.auth-brand{font-weight:700;color:var(--brand);letter-spacing:.02em;margin-bottom:16px}.buy-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow-sm);padding:20px 22px;margin:18px 0 8px}.buy-price{font-size:1.9rem;font-weight:700;color:var(--brand-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.buy-progress{height:8px;background:var(--line);border-radius:999px;overflow:hidden}.buy-progress>div{height:100%;background:var(--brand)}.section-card{border:1.5px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px;background:#fff}.section-card .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-card .head .name{font-weight:700;font-size:.95rem}.section-card .head .ops{display:flex;gap:6px}.icon-btn{border:1px solid var(--line);background:var(--bg);border-radius:var(--r-sm);width:30px;height:30px;font-size:.85rem;transition:border-color var(--t),color var(--t),background var(--t)}.icon-btn:hover{border-color:var(--pine);color:var(--pine);background:var(--tint)}.list-item{border:1px dashed var(--moss);border-radius:10px;padding:12px;margin-bottom:8px;background:var(--bg)}.block-picker{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.block-choice{position:relative;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;padding:9px 11px;cursor:pointer;text-align:left;font:inherit;font-size:.86rem;font-weight:650;color:inherit;transition:border-color var(--t),box-shadow var(--t)}.block-choice:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.block-choice:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.block-tip{position:absolute;z-index:30;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);width:200px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(30,22,34,.16);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t),transform var(--t),visibility var(--t)}.block-choice:focus-visible .block-tip,.block-choice:hover .block-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.block-tip-wire{display:block;border-radius:6px;overflow:hidden;margin-bottom:6px}.block-tip-desc{font-size:.74rem;font-weight:400;line-height:1.6;color:var(--muted)}@media (hover:none){.block-tip{position:static;transform:none;opacity:1;visibility:visible;width:auto;padding:4px 0 0;border:0;background:none;box-shadow:none}.block-tip-wire{display:none}.block-tip-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.wizard-q{font-size:1.15rem;font-weight:700;margin-bottom:14px}.wizard-progress{height:6px;background:var(--line);border-radius:999px;margin-bottom:22px;overflow:hidden}.wizard-progress>div{height:100%;background:var(--pollen);transition:width .3s ease}.hero{max-width:1080px;margin:0 auto;padding:84px 24px 64px;text-align:center}.hero .eyebrow{display:inline-block;font-size:.85rem;letter-spacing:.04em;color:var(--brand-deep);background:rgba(230,21,122,.08);padding:6px 16px;border-radius:999px;margin-bottom:22px}.hero h1{font-size:clamp(2rem,5.2vw,3.4rem);line-height:1.25;letter-spacing:-.01em;margin-bottom:20px}.hero h1 em{font-style:normal;color:var(--brand)}.hero .lede{font-size:clamp(1rem,1.9vw,1.15rem);line-height:2;color:var(--muted);margin-bottom:32px}.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.features,.growth{max-width:1080px;margin:0 auto;padding:64px 24px}.features h2,.growth h2{font-size:clamp(1.4rem,3vw,2rem);text-align:center;margin-bottom:36px;letter-spacing:-.01em}.stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:18px;gap:18px}.stage{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 22px;box-shadow:var(--shadow-sm);transition:transform var(--t),box-shadow var(--t)}.stage:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stage .tag{font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--brand);margin-bottom:10px}.stage h3{font-size:1.05rem;margin-bottom:8px}.stage p{font-size:.9rem;line-height:1.8;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px;box-shadow:var(--shadow-sm);transition:transform var(--t),box-shadow var(--t)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card h3{font-size:1.1rem;margin-bottom:10px}.card p{font-size:.92rem;line-height:1.85;color:var(--muted)}@media (max-width:720px){.hero{padding:56px 20px 44px}.features,.growth{padding:44px 20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}.btn:active,.card:hover,.course-card:hover,.stage:hover,.stat:hover{transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-main-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px}.preview-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.84rem;font-weight:600;border:1.5px solid var(--brand);border-radius:999px;background:transparent;color:var(--brand);cursor:pointer;transition:background var(--t,.16s),color var(--t,.16s)}.preview-toggle:hover{background:var(--brand);color:#fff}.preview-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}@media (max-width:520px){.preview-toggle-text{display:none}}.preview-panel{position:fixed;right:0;top:0;bottom:0;width:min(660px,46vw);background:var(--bg);border-left:1px solid var(--line);box-shadow:var(--shadow-md);z-index:60;display:flex;flex-direction:column}@media (max-width:900px){.preview-panel{width:100vw;left:0}}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.preview-devices{display:flex;gap:2px;background:var(--line);border-radius:999px;padding:2px}.preview-devices button{border:none;background:transparent;cursor:pointer;padding:5px 14px;font-size:.82rem;border-radius:999px;color:var(--muted)}.preview-devices button.is-on{background:var(--card);color:var(--brand);font-weight:650;box-shadow:var(--shadow-xs)}.preview-actions{display:flex;gap:4px;align-items:center}.preview-actions a,.preview-actions button{border:1px solid var(--line);background:var(--card);border-radius:var(--r-md,8px);cursor:pointer;width:30px;height:30px;display:grid;place-items:center;font-size:.9rem;color:var(--ink);text-decoration:none}.preview-actions a:hover,.preview-actions button:hover{border-color:var(--brand);color:var(--brand)}.preview-note{padding:8px 14px;font-size:.76rem;line-height:1.7;color:var(--muted);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.preview-note strong{color:var(--ink)}.preview-dims{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.preview-stage{flex:1 1;overflow:auto;padding:14px;display:flex;justify-content:center;align-items:flex-start;background:repeating-conic-gradient(from 0deg,rgba(30,22,34,.035) 0 25%,transparent 0 50%) 0 0 /16px 16px}.preview-frame{overflow:hidden;border-radius:10px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm)}.preview-frame iframe{border:0;display:block}.tpl-grid{display:grid;grid-gap:14px;gap:14px;margin-bottom:8px;grid-template-columns:repeat(auto-fill,minmax(212px,1fr))}.tpl-card{border:1px solid var(--line);border-radius:var(--r-lg,14px);background:var(--card);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--t,.16s),box-shadow var(--t,.16s)}.tpl-card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.tpl-thumb{padding:10px;background:var(--bg);border-bottom:1px solid var(--line)}.tpl-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1 1}.tpl-body strong{font-size:.95rem}.tpl-best{font-size:.8rem}.tpl-best,.tpl-flow{color:var(--muted);line-height:1.6;margin:0}.tpl-flow{font-size:.74rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tpl-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:4px}.tpl-actions .btn{font-size:.82rem;padding:6px 16px}.tpl-confirm{margin-top:10px;padding:10px 12px;border-radius:var(--r-md,8px);background:color-mix(in srgb,var(--danger) 7%,transparent);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);display:grid;grid-gap:8px;gap:8px}.tpl-confirm p{font-size:.8rem;line-height:1.65;margin:0}.tpl-confirm label{font-size:.78rem;display:flex;align-items:center;gap:6px}.tpl-modal-scrim{position:fixed;inset:0;z-index:70;background:rgba(30,22,34,.5);display:grid;place-items:center;padding:20px}.tpl-modal{background:var(--card);border-radius:var(--r-lg,14px);box-shadow:var(--shadow-md);padding:18px 20px;width:min(720px,100%);max-height:88vh;overflow-y:auto}.tpl-modal header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.tpl-modal header strong{font-size:1.05rem}.tpl-modal header button{border:none;background:none;cursor:pointer;font-size:1rem;color:var(--muted);padding:4px 8px}.tpl-desc{font-size:.84rem;color:var(--muted);line-height:1.75;margin:0 0 14px}.tpl-modal-body{display:grid;grid-gap:18px;gap:18px;align-items:start;grid-template-columns:1fr}@media (min-width:560px){.tpl-modal-body{grid-template-columns:300px 1fr}}.tpl-modal-wire{background:var(--bg);border-radius:var(--r-md,8px);padding:10px}.tpl-block-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:7px;gap:7px}.tpl-block-list li{display:flex;align-items:center;gap:9px;font-size:.86rem;color:var(--ink)}.tpl-block-num{flex-shrink:0;width:21px;height:21px;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand);font-size:.72rem;font-weight:700;display:grid;place-items:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tpl-note{font-size:.8rem;color:var(--muted);line-height:1.75;margin:16px 0 12px;padding-top:12px;border-top:1px solid var(--line)}.fn-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 14px}.fn-tab{border:1.5px solid var(--line);border-radius:999px;background:var(--card);padding:6px 15px;cursor:pointer;font:inherit;font-size:.85rem;color:inherit;display:flex;align-items:center;gap:6px;transition:border-color var(--t),background var(--t)}.fn-tab.is-on,.fn-tab:hover{border-color:var(--brand)}.fn-tab.is-on{background:var(--tint);font-weight:650}.fn-tab em{font-style:normal;font-size:.72rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fn-strip{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px;gap:5px;align-items:end;padding:10px;border-bottom:1px solid var(--line)}.fn-strip-item{display:grid;grid-gap:3px;gap:3px;justify-items:center;min-width:0}.fn-strip-item svg{display:block;width:100%;height:auto}.fn-strip-more{align-self:center;text-align:center;font-size:.74rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fn-strip-name{font-style:normal;font-size:.66rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fn-strip-name.is-main{color:var(--brand);font-weight:700}.fn-wizard{border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;margin:0 0 8px;display:grid;grid-gap:5px;gap:5px}.fn-wizard legend{font-size:.8rem;font-weight:650;padding:0 4px}.fn-wizard-help{font-size:.72rem;color:var(--muted);line-height:1.6;margin:0}.fn-wizard-opt{display:flex;gap:7px;align-items:flex-start;font-size:.78rem;line-height:1.6;cursor:pointer}.fn-wizard-opt input{margin-top:3px;flex-shrink:0}.fn-wizard-opt em{display:block;font-style:normal;font-size:.7rem;color:var(--muted);line-height:1.55}.fn-goal{font-size:.82rem;color:var(--muted);line-height:1.75;margin:0 0 14px;display:flex;gap:12px;flex-wrap:wrap}.fn-goal strong{color:var(--ink)}.tpl-modal.is-wide{width:min(1000px,100%)}.fn-pages{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.fn-page{border:1px solid var(--line);border-radius:var(--r-md,10px);padding:10px;display:grid;grid-gap:7px;gap:7px;align-content:start}.fn-page.is-main{border-color:var(--brand);border-width:2px}.fn-page h4{font-size:.88rem;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0}.fn-page-num{flex-shrink:0;width:20px;height:20px;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand);font-size:.7rem;font-weight:700;display:grid;place-items:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fn-main-badge{font-style:normal;font-size:.66rem;font-weight:600;background:var(--brand);color:var(--on-brand);border-radius:999px;padding:2px 8px}.fn-page-wire{border-radius:var(--r-sm);padding:8px}.fn-page-purpose{font-size:.76rem}.fn-page-blocks,.fn-page-purpose{color:var(--muted);line-height:1.7;margin:0}.fn-page-blocks{list-style:none;padding:0;font-size:.72rem}.fn-page-blocks li:before{content:"· "}.fn-page-needs{font-size:.72rem;line-height:1.7;margin:0;padding:6px 8px;border-radius:var(--r-sm);background:rgba(228,161,27,.12);color:#8a6206}.fn-page-path{font-size:.7rem;color:var(--muted);margin:0}.fn-flow{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.fn-flow-card{border:1px solid var(--line);border-radius:var(--r-md,10px);background:var(--card);padding:10px;text-decoration:none;color:inherit;display:grid;grid-gap:6px;gap:6px;align-content:start;transition:border-color var(--t),box-shadow var(--t)}.fn-flow-card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.fn-flow-card.is-main{border-color:var(--brand);border-width:2px}.fn-flow-card strong{font-size:.86rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fn-flow-wire{border-radius:var(--r-sm);padding:6px;display:block}.fn-flow-purpose{font-size:.74rem;color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fn-flow-meta{font-size:.7rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.theme-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.theme-card{border:1.5px solid var(--line);border-radius:var(--r-lg,14px);background:var(--card);padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:7px;align-items:stretch;text-align:left;font:inherit;color:inherit;transition:border-color var(--t,.16s),box-shadow var(--t,.16s)}.theme-card:hover{border-color:var(--brand)}.theme-card:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}.theme-card.is-on{border-color:var(--brand);border-width:2px;box-shadow:var(--shadow-sm)}.theme-card svg{width:100%;height:auto}.theme-name{font-size:.88rem;font-weight:650;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.theme-name em{font-style:normal;font-size:.7rem;font-weight:500;color:var(--brand)}.theme-desc{font-size:.74rem;color:var(--muted);line-height:1.6}.tpl-applied{font-style:normal;font-size:.68rem;font-weight:600;margin-left:6px;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand);vertical-align:middle}.custom-theme{margin-top:14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-lg,14px);background:var(--bg)}.custom-theme h3{font-size:.98rem;margin:0 0 4px}.custom-theme-fields{display:grid;grid-gap:14px;gap:14px;margin:14px 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.custom-theme-fields label{display:grid;grid-gap:6px;gap:6px;font-size:.84rem;font-weight:600}.color-row{display:flex;gap:8px;align-items:center}.color-row input[type=color]{width:40px;height:34px;padding:0;background:none;cursor:pointer;flex-shrink:0}.color-row input[type=color],.color-row input[type=text]{border:1px solid var(--line);border-radius:var(--r-md,8px)}.color-row input[type=text]{flex:1 1;min-width:0;padding:7px 10px;font-size:.84rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--card);color:var(--ink)}.custom-theme-derived{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:.76rem;color:var(--muted);margin-bottom:12px}.derived-chip{display:inline-flex;align-items:center;gap:5px;font-family:ui-monospace,Menlo,monospace}.derived-chip i{width:13px;height:13px;border-radius:3px;display:inline-block;border:1px solid var(--line)}.custom-theme-ok{font-size:.8rem;color:var(--brand);line-height:1.7;margin:0 0 12px}.custom-theme-errors{margin:0 0 12px;padding:10px 12px 10px 30px;border-radius:var(--r-md,8px);background:color-mix(in srgb,var(--danger) 7%,transparent);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);font-size:.8rem;line-height:1.75;color:var(--danger);display:grid;grid-gap:6px;gap:6px}.mail-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.mail-lib-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card);display:flex;flex-direction:column}.mail-lib-shot{position:relative;height:220px;overflow:hidden;border-bottom:1px solid var(--line);background:var(--bg)}.mail-lib-shot iframe{position:absolute;top:0;left:0;width:680px;height:1100px;border:0;transform:scale(.36);transform-origin:top left;pointer-events:none}.mail-lib-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1 1}.mail-lib-body h3{margin:0;font-size:.98rem}.mail-lib-body p{margin:0 0 6px;font-size:.8rem;color:var(--muted);line-height:1.6;flex:1 1}.mail-lib-body .btn{align-self:flex-start}@media (max-width:640px){.mail-lib{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.mail-lib-shot{height:180px}.mail-lib-shot iframe{transform:scale(.28)}}