:root{--app-bg: #020617;--panel: #0f172a;--line: rgba(148, 163, 184, .12);--muted: #94a3b8;--text: #e2e8f0}html,body{height:100%;background:var(--app-bg);color:var(--text)}.brand-logo{display:block;height:36px;width:124px;object-fit:cover;object-position:center;background:#000;flex-shrink:0}#sidebar{min-height:0}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b838;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.grain:before{content:"";pointer-events:none;position:fixed;inset:0;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sidebar-scroll{scrollbar-gutter:stable}details.nav-section>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}details.nav-section>summary::-webkit-details-marker{display:none}.field,.field-area{width:100%;background:#020617a6;border:1px solid rgba(148,163,184,.14);color:#f8fafc;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.field:focus,.field-area:focus{border-color:#38bdf88c;box-shadow:0 0 0 3px #38bdf826}.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}.skip-link{position:absolute;left:16px;top:12px;z-index:120;padding:8px 12px;border-radius:10px;background:#0f172a;color:#e2e8f0;border:1px solid rgba(56,189,248,.4);font-size:12px;font-weight:600;transform:translateY(-160%)}.skip-link:focus{transform:none}button:focus-visible,.info-btn:focus-visible,.icon-btn:focus-visible,.choice:focus-visible,.chip:focus-visible,.grad-chip:focus-visible,.style-mini:focus-visible,.slide-item:focus-visible,summary:focus-visible,a:focus-visible,[type=color]:focus-visible,label.choice:has(:focus-visible),label:has(>input.sr-only:focus-visible){outline:2px solid #38bdf8;outline-offset:2px}.field-area{min-height:92px;resize:vertical}.gen-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;border-radius:8px;border:1px solid rgba(56,189,248,.28);background:#38bdf814;color:#e0f2fe;font-size:11px;font-weight:600;line-height:1.2;padding:5px 8px}.gen-btn:hover{background:#38bdf824}.gen-btn:disabled,.gen-btn.is-busy{opacity:.72;cursor:wait}.pro-badge{display:inline-block;border-radius:999px;background:#0369a1;color:#e0f2fe;font-size:9px;font-weight:700;letter-spacing:.06em;line-height:1.4;padding:1px 5px;text-transform:uppercase}.switch{position:relative;width:40px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#1e293b;border:1px solid rgba(148,163,184,.2);border-radius:999px;transition:.16s ease}.switch span:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#cbd5e1;border-radius:50%;transition:.16s ease}.switch input:checked+span{background:#0369a1;border-color:#38bdf8}.switch input:checked+span:after{transform:translate(18px);background:#e0f2fe}.slide-item{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid rgba(148,163,184,.1);background:#02061773;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.slide-item:hover{border-color:#94a3b847}.slide-item.is-active{border-color:#38bdf880;background:#0ea5e914;box-shadow:0 0 0 1px #38bdf826}.slide-item{cursor:grab}.slide-item.is-dragging{opacity:.45}.slide-item.is-drop-before{box-shadow:inset 0 2px #38bdf8}.slide-item.is-drop-after{box-shadow:inset 0 -2px #38bdf8}.slide-item .grip{color:#64748b;cursor:grab}.thumb{width:40px;height:40px;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:6px 5px 5px;font-size:9px;font-weight:700;letter-spacing:.04em;color:#e2e8f0;position:relative}.thumb.is-portrait{height:50px}.thumb-bar{display:block;height:3px;border-radius:99px;background:#f8fafc73}.thumb-bar.short{width:62%}.thumb-num{position:absolute;top:4px;left:5px;font-size:9px;opacity:.9}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:#94a3b8;border:1px solid transparent;background:transparent}.icon-btn:hover{color:#f8fafc;background:#94a3b81a;border-color:#94a3b81f}.icon-btn:disabled{opacity:.35;pointer-events:none}.choice{border:1px solid rgba(148,163,184,.14);background:#02061766;border-radius:12px;padding:10px;text-align:left;color:#e2e8f0;transition:.16s ease}.choice:hover{border-color:#94a3b84d}.choice.is-on{border-color:#38bdf880;box-shadow:0 0 0 1px #38bdf82e;background:#0ea5e914}.swatch{height:44px;border-radius:10px;border:2px solid transparent;position:relative;overflow:hidden}.swatch.is-on{border-color:#e2e8f0}.swatch.is-on:after{content:"";position:absolute;inset:6px auto auto 6px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #00000040}.canvas-glow{box-shadow:0 0 0 1px #94a3b829,0 0 0 8px #0f172aa6,0 0 90px #38bdf829,0 40px 90px #0000008c}#preview-shell[data-frame=canvas] .mock-li-head,#preview-shell[data-frame=canvas] .mock-li-foot,#preview-shell[data-frame=canvas] .mock-notch,#preview-shell[data-frame=canvas] .mock-home{display:none}#preview-shell[data-frame=iphone]{max-width:420px}#preview-shell[data-frame=iphone] .mock-li-head,#preview-shell[data-frame=iphone] .mock-li-foot{display:none}#preview-shell[data-frame=iphone] .mock-phone{background:#070b14;border:2px solid #334155;border-radius:48px;padding:12px 11px 14px;box-shadow:0 30px 70px #0000008c,inset 0 0 0 1px #94a3b81f}#preview-shell[data-frame=iphone] .mock-notch{width:118px;height:22px;margin:0 auto 8px;background:#020617;border-radius:99px}#preview-shell[data-frame=iphone] .canvas-glow{border-radius:28px;box-shadow:none}#preview-shell[data-frame=iphone] .mock-home{width:108px;height:5px;margin:10px auto 2px;background:#64748b;border-radius:99px}#preview-shell[data-frame=linkedin] .mock-notch,#preview-shell[data-frame=linkedin] .mock-home{display:none}#preview-shell[data-frame=linkedin]{width:100%;max-width:560px;background:#1b1f23;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #0006}#preview-shell[data-frame=linkedin] .canvas-glow{border-radius:0;box-shadow:none}.mock-li-head,.mock-li-foot{display:flex;align-items:center;gap:10px;padding:12px 14px;color:#e2e8f0;font-size:12px}.mock-li-head{border-bottom:1px solid rgba(255,255,255,.06)}.mock-li-foot{border-top:1px solid rgba(255,255,255,.06);justify-content:space-around;color:#94a3b8;font-weight:600}.mock-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#0369a1);flex-shrink:0}.mock-li-name{font-weight:700;font-size:13px}.mock-li-meta{color:#94a3b8;font-size:11px}.style-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.style-bar input[type=number]{width:68px;padding:6px 8px;font-size:12px}.style-bar input[type=color]{width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}.style-mini{width:28px;height:28px;border-radius:7px;border:1px solid rgba(148,163,184,.16);color:#94a3b8;background:#02061780;font-size:11px;font-weight:700}.style-mini.is-on{border-color:#38bdf88c;color:#e0f2fe;background:#0ea5e91f}.block-card{padding:10px;border-radius:12px;border:1px solid rgba(148,163,184,.12);background:#02061759;margin-bottom:8px}#preview-host,#preview-shell,#canvas-frame,.mock-phone{max-width:100%;min-width:0}#preview-viewport{position:relative;overflow:hidden;min-width:0;min-height:0}#preview-stage{position:absolute;top:0;left:0;overflow:hidden;transform-origin:top left;will-change:transform}#preview-viewport.is-empty,#preview-stage.is-empty{position:relative;inset:auto;width:100%;height:auto;min-height:240px;transform:none}#export-root{position:fixed;left:-14000px;top:0;width:1080px;pointer-events:none;z-index:-1}.slide{position:relative;width:1080px;height:1080px;overflow:hidden;color:var(--fg);background:var(--bg);font-family:var(--body);isolation:isolate}.slide.is-portrait{height:1350px}.slide.is-story{height:1920px}.slide.is-pin{height:1620px}.slide.is-wide{width:1920px;height:1080px}.slide-orbs,.slide-vignette,.slide-watermark{position:absolute;inset:0;pointer-events:none}.slide-orbs{background:radial-gradient(720px 520px at 108% -8%,var(--orb-a),transparent 58%),radial-gradient(640px 480px at -12% 108%,var(--orb-b),transparent 60%)}.slide-vignette{background:radial-gradient(120% 90% at 50% 40%,transparent 40%,var(--vignette) 100%)}.slide-watermark{display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:180px;letter-spacing:-.04em;color:var(--fg);opacity:.045;transform:rotate(-18deg) scale(1.15);white-space:nowrap;-webkit-user-select:none;user-select:none}.slide-frame{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:88px 88px 72px;box-sizing:border-box}.slide.is-portrait .slide-frame,.slide.is-story .slide-frame,.slide.is-pin .slide-frame{padding:104px 92px 80px}.slide.is-wide .slide-frame{padding:72px 120px 64px}.slide-kicker{display:inline-flex;align-items:center;gap:14px;font-family:var(--body);font-size:22px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 28px}.slide-kicker:before{content:"";width:36px;height:3px;border-radius:99px;background:var(--accent)}.slide-title,.slide-body,.slide-sub,.slide-kicker,.slide-quote,.text-block,.check-text,.ba-text,.stat-value,.stat-label,.quote-attr,.cta-btn{overflow-wrap:anywhere;word-break:break-word}.slide-title{font-family:var(--display);font-weight:700;letter-spacing:-.035em;line-height:.98;margin:0 0 28px;color:var(--fg)}.empty-note{font-size:12px;line-height:1.5;color:#64748b}.empty-canvas{min-height:240px;display:grid;place-items:center;padding:32px 24px;text-align:center;color:#94a3b8;font-size:14px;line-height:1.5}.tpl-title .slide-title{font-size:92px;max-width:920px}.tpl-content .slide-title,.tpl-checklist .slide-title{font-size:58px;max-width:900px}.tpl-cta .slide-title{font-size:76px;text-align:center;max-width:860px;margin-left:auto;margin-right:auto}.slide-sub{font-size:30px;line-height:1.45;color:var(--muted);margin:0;max-width:820px;font-weight:400}.slide-body{font-size:28px;line-height:1.5;color:var(--muted);margin:0;white-space:pre-wrap;max-width:880px}.slide-quote{margin-top:36px;padding:22px 26px;border-left:4px solid var(--accent);background:var(--card);border-radius:0 16px 16px 0;font-size:26px;line-height:1.45;color:var(--fg);font-style:italic;font-family:var(--display)}.slide-main{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.tpl-title .slide-main{justify-content:flex-end;padding-bottom:48px}.tpl-cta .slide-main{align-items:center;text-align:center}.check-list{display:flex;flex-direction:column;gap:18px;margin-top:12px}.check-item{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:flex-start;padding:20px 22px;border-radius:18px;background:var(--card);border:1px solid var(--border)}.check-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.check-text{font-size:26px;line-height:1.35;color:var(--fg);padding-top:8px;font-weight:500}.cta-btn{margin-top:36px;display:inline-flex;align-items:center;justify-content:center;min-width:280px;padding:22px 40px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-family:var(--body);font-size:26px;font-weight:700;letter-spacing:-.02em;box-shadow:0 16px 40px var(--accent-glow)}.tpl-cta .slide-sub{text-align:center;max-width:720px}.tpl-quote .slide-title{font-size:62px;font-style:italic;line-height:1.12;max-width:900px}.quote-mark{font-family:var(--display);font-size:120px;line-height:.65;color:var(--accent);margin:0 0 8px}.quote-attr{margin-top:28px;font-size:24px;color:var(--muted);font-weight:600}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:26px 24px}.stat-value{font-family:var(--display);font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--fg)}.stat-label{margin-top:10px;font-size:20px;color:var(--muted);font-weight:500}.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.ba-col{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:26px 24px}.ba-label{font-size:16px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:12px}.ba-text{font-size:26px;line-height:1.4;color:var(--fg);white-space:pre-wrap}.text-blocks{display:flex;flex-direction:column;gap:14px;margin-top:22px}.text-block{font-size:28px;line-height:1.4;color:var(--fg);white-space:pre-wrap;margin:0}.slide-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:28px;min-height:48px;font-size:20px;color:var(--muted);font-weight:500}.handle-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--fg);font-size:20px;font-weight:600}.handle-dot{width:22px;height:22px;border-radius:50%;background:var(--accent)}.page-num{letter-spacing:.04em;font-variant-numeric:tabular-nums}.theme-midnight{--bg: linear-gradient(158deg, #070b14 0%, #0f172a 46%, #1e293b 100%);--fg: #f8fafc;--muted: #cbd5e1;--accent: #7dd3fc;--accent-soft: rgba(125, 211, 252, .12);--accent-glow: rgba(56, 189, 248, .28);--on-accent: #0b1220;--card: rgba(15, 23, 42, .55);--border: rgba(148, 163, 184, .16);--orb-a: rgba(56, 189, 248, .22);--orb-b: rgba(99, 102, 241, .16);--vignette: rgba(2, 6, 23, .45)}.theme-emerald{--bg: linear-gradient(158deg, #022c22 0%, #064e3b 48%, #0f766e 100%);--fg: #ecfdf5;--muted: #a7f3d0;--accent: #6ee7b7;--accent-soft: rgba(110, 231, 183, .14);--accent-glow: rgba(16, 185, 129, .32);--on-accent: #022c22;--card: rgba(6, 78, 59, .45);--border: rgba(167, 243, 208, .16);--orb-a: rgba(52, 211, 153, .26);--orb-b: rgba(45, 212, 191, .16);--vignette: rgba(2, 44, 34, .42)}.theme-sunset{--bg: linear-gradient(158deg, #1c1917 0%, #7c2d12 52%, #c2410c 100%);--fg: #fff7ed;--muted: #fed7aa;--accent: #fdba74;--accent-soft: rgba(253, 186, 116, .14);--accent-glow: rgba(234, 88, 12, .35);--on-accent: #1c1917;--card: rgba(67, 20, 7, .38);--border: rgba(253, 186, 116, .18);--orb-a: rgba(251, 146, 60, .28);--orb-b: rgba(244, 63, 94, .14);--vignette: rgba(28, 25, 23, .4)}.theme-crisp{--bg: linear-gradient(158deg, #ffffff 0%, #f1f5f9 48%, #e2e8f0 100%);--fg: #0f172a;--muted: #334155;--accent: #0f766e;--accent-soft: rgba(15, 118, 110, .1);--accent-glow: rgba(15, 118, 110, .2);--on-accent: #f8fafc;--card: rgba(255, 255, 255, .62);--border: rgba(15, 23, 42, .08);--orb-a: rgba(14, 165, 233, .16);--orb-b: rgba(15, 118, 110, .12);--vignette: rgba(148, 163, 184, .18)}.theme-crisp .slide-watermark{opacity:.05}.slide-photo-bg,.slide-photo-scrim{position:absolute;inset:0;pointer-events:none}.slide-photo-bg{z-index:0}.slide-photo-bg img{width:100%;height:100%;object-fit:cover;display:block}.slide-photo-scrim{z-index:1;background:linear-gradient(180deg,#02061747,#0206179e)}.theme-crisp .slide-photo-scrim{background:linear-gradient(180deg,#fff3,#f1f5f994)}.slide.has-photo .slide-orbs{opacity:.28}.slide-logo{position:absolute;top:56px;right:56px;z-index:4;height:72px;max-width:220px;object-fit:contain;pointer-events:none}.slide.is-portrait .slide-logo,.slide.is-story .slide-logo,.slide.is-pin .slide-logo{top:68px;right:64px}.media-preview{height:56px;min-height:56px;max-height:56px;border-radius:10px;border:1px dashed rgba(148,163,184,.2);background:#02061780;overflow:hidden;display:grid;place-items:center;color:#64748b;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.media-preview img{width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:cover;display:block}.media-preview.is-logo img{object-fit:contain;padding:6px;background:#0f172a66}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;margin:0;padding:0}.store-card,.yours-card{list-style:none;border-radius:14px;border:1px solid rgba(148,163,184,.12);background:#02061773;overflow:hidden}.store-card{padding:8px}.store-thumb{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:10px;background:#020617;container-type:inline-size}.store-thumb-inner{position:absolute;top:0;left:0;width:1080px;height:1080px;transform-origin:top left;transform:scale(calc(100cqi / 1080));pointer-events:none}.store-card-meta{padding:8px 2px 2px}.store-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.store-card-name{min-width:0;font-size:12px;font-weight:600;line-height:1.3;color:#f1f5f9}.store-card-kind{margin:3px 0 8px;font-size:10px;color:#64748b}.store-use{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:8px;border:1px solid rgba(56,189,248,.28);background:#38bdf814;color:#e0f2fe;font-size:11px;font-weight:600;line-height:1.2;padding:6px 8px}.store-use:hover{background:#38bdf824}.free-badge{display:inline-block;flex-shrink:0;border-radius:999px;background:#94a3b829;color:#cbd5e1;font-size:9px;font-weight:700;letter-spacing:.06em;line-height:1.4;padding:1px 5px;text-transform:uppercase}.yours-card{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;padding:8px}.yours-card .store-thumb{width:72px;border-radius:8px}.yours-card-actions{display:flex;align-items:center;gap:4px;margin-top:6px}.yours-card-actions .store-use{width:auto;flex:1}.deck-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid rgba(148,163,184,.1);background:#02061766}.deck-item.is-active{border-color:#38bdf866;background:#0ea5e914}.hex-row{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:center}.hex-row input[type=color]{width:36px;height:36px;padding:0;border:0;background:transparent;cursor:pointer}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{width:22px;height:22px;border-radius:999px;border:2px solid rgba(255,255,255,.15);padding:0}.chip.is-on{box-shadow:0 0 0 2px #38bdf8}.grad-chip{height:28px;flex:1;min-width:36px;border-radius:8px;border:2px solid transparent}.grad-chip.is-on{border-color:#e2e8f0}#custom-preview{height:48px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:13px;font-weight:700}.info-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:transparent;color:#94a3b8;padding:0;flex-shrink:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1;font-style:italic}.info-btn:hover,.info-btn[aria-expanded=true]{color:#e2e8f0;border-color:#38bdf873}#info-pop{position:fixed;z-index:90;max-width:240px;padding:8px 10px;border-radius:10px;background:#0f172a;border:1px solid rgba(148,163,184,.2);box-shadow:0 12px 32px #00000073;color:#cbd5e1;font-size:12px;line-height:1.45;font-weight:400;letter-spacing:0;text-transform:none}#info-pop[hidden]{display:none}.guide-steps{margin:16px 0 0;padding:0;list-style:none;counter-reset:step}.guide-steps li{position:relative;margin:0 0 12px;padding:0 0 0 36px;color:#cbd5e1;font-size:14px;line-height:1.5}.guide-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:999px;background:#38bdf81f;color:#7dd3fc;font-size:12px;font-weight:700;display:grid;place-items:center}.how-panel{max-height:min(86vh,720px);overflow:auto}.how-section{margin-top:18px}.how-section h3{margin:0 0 6px;font-size:13px;font-weight:600;color:#f8fafc}.how-section p,.how-section li{margin:0 0 8px;font-size:13px;line-height:1.5;color:#cbd5e1}.how-section ul{margin:0;padding:0 0 0 18px}.how-section strong{color:#e2e8f0;font-weight:600}.fp-inter{--display: Inter, ui-sans-serif, system-ui, sans-serif;--body: Inter, ui-sans-serif, system-ui, sans-serif}.fp-playfair{--display: "Playfair Display", Georgia, serif;--body: "Source Sans 3", Inter, sans-serif}.fp-mono{--display: "JetBrains Mono", ui-monospace, monospace;--body: Inter, ui-sans-serif, system-ui, sans-serif}.toast{position:fixed;right:24px;bottom:24px;z-index:80;min-width:260px;max-width:380px;padding:14px 16px;border-radius:14px;background:#0f172a;border:1px solid rgba(56,189,248,.28);box-shadow:0 20px 50px #0006;color:#e2e8f0;font-size:13px;transform:translateY(12px);opacity:0;pointer-events:none;transition:.22s ease}.toast.show{opacity:1;transform:none}.drawer-head,.mobile-dock,.mobile-sheet{display:none}.modal-backdrop{position:fixed;inset:0;background:#020617b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:70;display:none;align-items:center;justify-content:center;padding:24px}.modal-backdrop.open{display:flex}@media(max-width:1023px){html,body{height:100%;overflow:hidden}body.drawer-open,body.sheet-open{overflow:hidden}header{position:relative;z-index:55;height:auto;min-height:56px;flex-wrap:nowrap;gap:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.brand-tagline,#btn-export,.header-export-tip,#preview-nav,#preview-keys{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:2;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid rgba(148,163,184,.12);background:#0f172a}.drawer-title{font-size:15px;font-weight:700;color:#f8fafc}.drawer-sub{margin-top:2px;font-size:12px;color:#94a3b8}#sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;width:min(400px,92vw);max-width:420px;transform:translate(-105%);transition:transform .22s ease;box-shadow:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}#sidebar.open{transform:none;box-shadow:16px 0 40px #00000059}#sidebar-scrim{z-index:45;background:#0206179e}#preview-pane{padding:12px 12px 16px}#preview-host{touch-action:pan-y;width:100%;max-width:100%}#aspect-bar{margin-bottom:10px;gap:8px}#aspect-bar .choice{min-width:72px}.mobile-dock{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:8px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));border-top:1px solid rgba(148,163,184,.12);background:#0f172af5}.mobile-dock-btn,.mobile-dock-icon{min-height:48px;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:#0206178c;color:#e2e8f0;font-size:14px;font-weight:600}.mobile-dock-btn{flex:1;padding:0 12px}.mobile-dock-icon{width:48px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-dock-btn-on{border-color:#38bdf866;background:#38bdf8;color:#0b1220}.mobile-dock-label{min-width:56px;text-align:center;font-size:13px;font-weight:600;color:#e2e8f0}.mobile-dock-icon:disabled{opacity:.35}.mobile-sheet{display:block;position:fixed;inset:0;z-index:60}.mobile-sheet[hidden]{display:none}.mobile-sheet-scrim{position:fixed;inset:0;z-index:60;background:#0206179e;border:0}.mobile-sheet-panel{position:fixed;left:0;right:0;bottom:0;z-index:61;padding:10px 16px max(16px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:#0f172a;border:1px solid rgba(148,163,184,.16);border-bottom:0;box-shadow:0 -16px 40px #00000059}.mobile-sheet-handle{width:40px;height:4px;margin:0 auto 12px;border-radius:99px;background:#94a3b859}.mobile-sheet-title{margin:0;font-size:16px;font-weight:700;color:#f8fafc}.mobile-sheet-copy{margin:6px 0 14px;font-size:13px;color:#94a3b8}.mobile-sheet-grid{display:grid;gap:8px}.mobile-sheet-item,.mobile-sheet-cancel{min-height:48px;width:100%;border-radius:12px;font-size:15px;font-weight:600}.mobile-sheet-item{border:1px solid rgba(56,189,248,.24);background:#38bdf814;color:#e0f2fe}.mobile-sheet-cancel{margin-top:10px;border:1px solid rgba(148,163,184,.16);background:transparent;color:#cbd5e1}#btn-sidebar,.icon-btn{width:44px;height:44px}.info-btn{width:28px;height:28px;font-size:12px}.choice{min-height:48px;padding:12px;font-size:14px}[data-platform]{font-size:14px}.switch{width:48px;height:28px}.switch span:after{width:22px;height:22px}.switch input:checked+span:after{transform:translate(22px)}.slide-item{min-height:60px;padding:12px}.field,.field-area{font-size:16px;padding:12px}.gen-btn,.store-use{min-height:44px;width:100%;justify-content:center;font-size:13px}details.nav-section>summary{min-height:52px;font-size:13px}#btn-quick-start,#btn-full-guide,#btn-deck-save,#btn-deck-saveas,#btn-deck-new,#btn-tpl-save,#btn-split,#btn-add,#btn-duplicate,#btn-startover{min-height:48px;font-size:14px}.chip{width:28px;height:28px}.toast{left:16px;right:16px;bottom:calc(72px + env(safe-area-inset-bottom));min-width:0;max-width:none}.modal-backdrop{padding:16px;align-items:flex-end}.modal-backdrop>div{max-height:min(88vh,720px);overflow:auto}button,.choice,.store-use,.gen-btn{touch-action:manipulation}}@media(max-width:639px){.store-grid{grid-template-columns:1fr}#preview-shell .mock-li-head,#preview-shell .mock-li-foot,#preview-shell[data-frame=iphone] .mock-notch,#preview-shell[data-frame=iphone] .mock-home{display:none}#preview-shell[data-frame=iphone]{max-width:100%}#preview-shell[data-frame=iphone] .mock-phone{padding:6px;border-radius:22px}#preview-shell[data-frame=linkedin]{border-radius:12px}}@media(min-width:640px)and (max-width:1023px){#sidebar{width:min(420px,80vw)}}