@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-CJuje-Rk.woff2) format("woff2-variations")}:root{--pp-font-labels: "Pretendard Variable", sans-serif;--pp-editor-focus: #2272eb;--pp-editor-hover: rgba(34, 114, 235, .4);--pp-tool-bg: oklch(18% .006 60);--pp-tool-ink: oklch(99.5% .005 85);--pp-tool-hover: oklch(34% .006 60);--pp-tool-shadow: oklch(18% .006 60 / .2);--pp-image-placeholder: oklch(86% .005 85);--pp-preserved-2: rgba(20, 22, 26, .82);--pp-preserved-3: #fff}.pp-page{width:var(--w, 860px);margin:0 auto;font-family:var(--font);font-size:var(--fs, 16px);line-height:1.6;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}.pp-page *{box-sizing:border-box}.pp-page :where(h1,h2,h3,h4,p,ol,ul,dl,dd,figure,blockquote){margin:0;padding:0}.pp-page :where(h1,h2,h3,h4){color:inherit}.pp-page ol,.pp-page ul{list-style:none}.pp-block{position:relative;background:var(--b-bg);color:var(--b-ink);padding:var(--space, 5em) var(--gutter, 3.5em)}.pp-banner{padding:1.1em var(--gutter);border-bottom:1px solid var(--b-line)}.pp-banner .pp-center{display:flex;align-items:center;justify-content:space-between;gap:1.5em;text-align:left}.pp-image{padding:0}.pp-hero{padding:4.5em var(--gutter) 0}.pp-hero-in{padding:0;min-width:0}.pp-hero>.pp-hero-in:last-child{padding-bottom:4.5em}.pp-hero--center,.pp-center{text-align:center}.pp-h1{font-size:var(--h1-size, 3.2em);line-height:1.19;font-weight:var(--tw);letter-spacing:var(--track);white-space:pre-line;margin:.38em 0 .48em}.pp-h2{font-size:var(--h2-size, 2.1em);line-height:1.3;font-weight:var(--tw);letter-spacing:var(--track);white-space:pre-line;margin-bottom:.7em}.pp-h3{font-size:1.18em;line-height:1.45;font-weight:600;letter-spacing:-.025em;margin-bottom:.5em}.pp-lead{font-size:1.05em;line-height:1.85;color:var(--b-muted);white-space:pre-line}.pp-p{font-size:1.04em;line-height:1.85;font-weight:400;color:var(--b-muted);white-space:pre-line}.pp-eyebrow{font-family:var(--pp-font-labels);font-size:.7em;letter-spacing:0;font-weight:550;color:var(--b-accent);margin-bottom:1.4em}.pp-badge{display:inline-block;border:1px solid var(--b-line);color:var(--b-ink);padding:.3em .7em;border-radius:2px;font-family:var(--pp-font-labels);font-weight:500;font-size:.7em;margin-bottom:1.4em}.pp-caption{padding:1em var(--gutter) 1.5em;font-size:.78em;color:var(--b-muted);text-align:left;letter-spacing:.02em}.pp-banner-text{font-size:.8em;font-weight:600;letter-spacing:0}.pp-banner-sub{font-size:.72em;color:var(--b-muted)}.pp-btn{display:inline-flex;align-items:center;gap:2.8em;margin-top:2em;padding:1em 1.6em;border-radius:3px;background:var(--b-btn);color:var(--b-btn-ink);font-family:var(--pp-font-labels);font-size:.95em;font-weight:550}.pp-btn:after{content:"";font-size:1.2em;font-weight:400}.pp-cta .pp-p{margin-top:.4em}.pp-img{position:relative;overflow:hidden;border-radius:var(--r);background:var(--b-line)}.pp-hero .pp-img{border-radius:var(--r);margin-top:3.2em}.pp-image .pp-img{border-radius:0}.pp-img img{display:block;width:100%;height:100%;object-fit:cover}.pp-img--auto img{height:auto}.pp-ph{display:grid;place-items:center;text-align:center;cursor:pointer;border:1px dashed var(--b-muted);border-radius:var(--r);color:var(--b-muted);background:var(--b-bg)}.pp-hero .pp-ph{margin:3em 0 0;border-radius:var(--r)}.pp-image .pp-ph{margin:0 var(--gutter)}.pp-ph>span{display:grid;gap:.15em;justify-items:center}.pp-ph b{font-size:1.05em}.pp-ph small{font-size:.85em}.pp-block[data-busy] .pp-ph{animation:pp-pulse 1.4s ease-in-out infinite}.pp-img[data-busy]:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--b-bg) 55%,transparent);animation:pp-pulse 1.4s ease-in-out infinite}@keyframes pp-pulse{50%{opacity:.45}}.pp-swap{position:absolute;right:.8em;bottom:.8em;opacity:0;border:0;border-radius:.6em;padding:.5em .9em;font:inherit;font-size:.85em;font-weight:700;cursor:pointer;background:var(--pp-preserved-2);color:var(--pp-preserved-3);transition:opacity .15s}.pp-img:hover .pp-swap{opacity:1}.pp-usp-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.1em;margin-top:3em}.pp-usp-list li{min-width:0;display:flex;flex-direction:column;gap:1.4em;padding:1.2em 0 0;border-top:1px solid var(--b-line)}.pp-usp-list li:nth-child(n+4){margin-top:1em}.pp-num{font-family:var(--pp-font-labels);font-size:.8em;line-height:1;font-weight:500;letter-spacing:0;color:var(--b-accent)}.pp-num--dot{display:block;background:transparent;color:var(--b-accent);font-size:.85em;margin-bottom:1.7em}.pp-usp .pp-p{font-size:.94em}.pp-feat{display:flex;flex-direction:column;gap:2.8em}.pp-feat--flip{flex-direction:column-reverse}.pp-feat-text{display:block}.pp-feature .pp-ph{width:100%}.pp-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 2.8em;margin-top:2.5em}.pp-spec-grid>div{padding:1.4em 0;border-top:1px solid var(--b-line)}.pp-spec-grid dt{font-size:.78em;color:var(--b-muted);margin-bottom:.5em}.pp-spec-grid dd{font-size:1.05em;font-weight:500}ol.pp-steps{display:grid;grid-template-columns:repeat(var(--n, 3),minmax(0,1fr));gap:2em;margin-top:3em}.pp-steps>li{min-width:0;padding-top:1.4em;border-top:1px solid var(--b-line)}.pp-steps .pp-p{font-size:.94em}.pp-cmp{display:grid;grid-template-columns:1.1fr 1fr 1fr;margin-top:2em;border-radius:var(--r);overflow:hidden;border:1px solid var(--b-line)}.pp-cmp>b{padding:1em 1.2em;font-size:1.05em}.pp-cmp>b.pp-cmp-us,.pp-cmp-row>.pp-cmp-us{background:var(--b-bg)}.pp-cmp>b.pp-cmp-us{background:var(--b-btn);color:var(--b-btn-ink)}.pp-cmp-row{display:contents}.pp-cmp-row>span{padding:1em 1.2em;border-top:1px solid var(--b-line);font-size:1.02em}.pp-cmp-row>span:first-child{font-weight:700}.pp-cmp-them{color:var(--b-muted)}.pp-reviews{display:grid;gap:1.2em;margin-top:2em}.pp-reviews figure{padding:1.8em 0;border-top:1px solid var(--b-line)}.pp-stars{font-size:.8em;color:var(--b-accent);letter-spacing:0;margin-bottom:1em}.pp-reviews figcaption{margin-top:.6em;font-size:.9em;color:var(--b-muted)}.pp-faq{display:grid;gap:0;margin-top:1.6em}.pp-qa{padding:1.4em 0;border-top:1px solid var(--b-line)}.pp-qa:first-child{border-top:0}.pp-q{font-size:1.05em;font-weight:600;line-height:1.7}.pp-q:before{content:"Q";font-family:var(--pp-font-labels);font-size:.78em;color:var(--b-accent);margin-right:1em}.pp-a{margin-top:.9em;color:var(--b-muted);font-size:1em;line-height:1.85;white-space:pre-line;padding-left:1.7em}.pp-notice{display:grid;gap:.5em;margin-top:.8em}.pp-notice li{font-size:.88em;line-height:1.85;color:var(--b-muted);padding-left:1em;position:relative}.pp-notice li:before{content:"";position:absolute;left:0;top:.75em;width:.35em;height:.35em;border-radius:50%;background:var(--b-muted)}.pp-page[data-template=clean] .pp-hero,.pp-page[data-template=dark] .pp-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:2.2em;padding:4.5em var(--gutter)}.pp-page[data-template=clean] .pp-hero>.pp-img,.pp-page[data-template=dark] .pp-hero>.pp-img{margin:0}.pp-page[data-template=clean] .pp-hero>.pp-ph,.pp-page[data-template=dark] .pp-hero>.pp-ph{margin:0}.pp-page[data-template=clean] .pp-hero-in:only-child,.pp-page[data-template=dark] .pp-hero-in:only-child{grid-column:1 / -1;padding-bottom:0}.pp-page[data-template=clean] .pp-feat,.pp-page[data-template=dark] .pp-feat,.pp-page[data-template=mono] .pp-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3em}.pp-page[data-template=clean] .pp-feat--flip>.pp-feat-text,.pp-page[data-template=dark] .pp-feat--flip>.pp-feat-text,.pp-page[data-template=mono] .pp-feat--flip>.pp-feat-text{order:2}.pp-page[data-template=clean] .pp-feat-text,.pp-page[data-template=dark] .pp-feat-text,.pp-page[data-template=mono] .pp-feat-text{min-width:0}.pp-page[data-template=clean] .pp-cta .pp-center,.pp-page[data-template=dark] .pp-cta .pp-center,.pp-page[data-template=mono] .pp-cta .pp-center{text-align:left}.pp-page[data-template=clean] .pp-cta :is(.pp-h2,.pp-p),.pp-page[data-template=dark] .pp-cta :is(.pp-h2,.pp-p),.pp-page[data-template=mono] .pp-cta :is(.pp-h2,.pp-p){margin-left:0}.pp-page[data-template=dark] .pp-hero{padding-top:5.5em;padding-bottom:5.5em}.pp-page[data-template=dark] .pp-feature{border-top:1px solid var(--b-line)}.pp-page[data-template=dark] .pp-badge{border-color:var(--b-muted)}.pp-page[data-template=warm] .pp-hero,.pp-page[data-template=natural] .pp-hero{padding-top:4.8em}.pp-page[data-template=warm] .pp-hero .pp-img,.pp-page[data-template=natural] .pp-hero .pp-img{margin-top:3.6em}.pp-page[data-template=warm] .pp-hero .pp-eyebrow,.pp-page[data-template=natural] .pp-hero .pp-eyebrow{margin-top:.6em}.pp-page[data-template=warm] .pp-feat-text,.pp-page[data-template=natural] .pp-feat-text{max-width:33em;margin:0 auto;width:100%}.pp-page[data-template=warm] .pp-feature .pp-h2{max-width:12em}.pp-page[data-template=warm] .pp-usp-list{grid-template-columns:1fr;gap:0}.pp-page[data-template=warm] .pp-usp-list li{display:grid;grid-template-columns:2em 1fr;gap:1em;padding:1.8em 0}.pp-page[data-template=warm] .pp-usp-list li>div{display:grid;grid-template-columns:1fr 1.4fr;gap:2em}.pp-page[data-template=warm] .pp-num{padding-top:.45em}.pp-page[data-template=natural] .pp-hero-in{max-width:34em;margin:0 auto}.pp-page[data-template=natural] .pp-usp>.pp-h2,.pp-page[data-template=natural] .pp-steps>.pp-h2{text-align:center;margin-left:auto;margin-right:auto}.pp-page[data-template=natural] .pp-usp-list{gap:2.4em}.pp-page[data-template=mono] .pp-hero-in{border-top:1px solid var(--b-line);padding-top:2em}.pp-page[data-template=mono] .pp-hero .pp-h1{max-width:10em}.pp-page[data-template=mono] .pp-hero .pp-badge{border:0;padding:0;float:right;margin-top:.3em}.pp-page[data-template=mono] .pp-hero .pp-img{border-radius:0;margin-top:3.6em}.pp-page[data-template=mono] .pp-feature{border-top:1px solid var(--b-line)}.pp-page[data-template=mono] .pp-usp-list .pp-num{color:var(--b-muted)}.pp-page[data-template=pop] .pp-hero{padding-top:3.8em}.pp-page[data-template=pop] .pp-hero .pp-h1{line-height:1.08;max-width:11em}.pp-page[data-template=pop] .pp-hero .pp-lead{max-width:28em}.pp-page[data-template=pop] .pp-badge{border-color:var(--b-accent);color:var(--b-accent)}.pp-page[data-template=pop] .pp-feature{border-top:1px solid var(--b-line)}.pp-page[data-template=pop] .pp-feat{gap:2.5em}.pp-page[data-template=pop] .pp-feat-text{max-width:38em}.pp-page[data-template=pop] .pp-h2{line-height:1.15}.pp-page[data-template=pop] .pp-cta .pp-center{text-align:left}.pp-page[data-template=pop] .pp-cta :is(.pp-h2,.pp-p){margin-left:0}.pp-editable .pp-block{cursor:pointer}.pp-editable .pp-block:hover:not([data-selected]){box-shadow:inset 0 0 0 .14em var(--pp-editor-hover)}.pp-block[data-selected]{box-shadow:inset 0 0 0 .24em var(--pp-editor-focus)}.pp-ed{outline:none;cursor:default;-webkit-user-select:none;user-select:none;border-radius:.2em;transition:background-color .15s,box-shadow .15s}.pp-editable :is(.pp-ed,.pp-img,.pp-ph):hover:not([data-picked]):not([data-editing]){outline:1px solid var(--pp-editor-hover);outline-offset:3px}.pp-ed[data-editing]{cursor:text;-webkit-user-select:text;user-select:text;background:color-mix(in srgb,currentColor 7%,transparent);box-shadow:0 0 0 .14em var(--pp-editor-focus)}.pp-ed[data-text-target]{outline:2px solid var(--pp-editor-focus);outline-offset:4px}.pp-editable [data-picked]:not([data-editing]){outline:1px solid var(--pp-editor-focus);outline-offset:0}.pp-editable .pp-img{cursor:default}.pp-btn.pp-ed:hover,.pp-btn.pp-ed:focus{background:var(--b-btn)}.pp-ed:empty:before{content:attr(data-ph);color:var(--b-muted)}.pp-btn.pp-ed:empty:before{color:var(--b-btn-ink)}.pp-badge.pp-ed:empty,.pp-banner-sub.pp-ed:empty{display:none}.pp-tools{position:absolute;top:.8em;right:.8em;z-index:5;display:flex;flex-wrap:wrap;max-width:min(310px,calc(100% - 16px));gap:.15em;padding:.25em;background:var(--pp-tool-bg);border-radius:.7em;box-shadow:0 .4em 1.4em var(--pp-tool-shadow)}.pp-tools button{display:grid;place-items:center;width:2.3em;height:2.3em;border:0;border-radius:.5em;background:transparent;color:var(--pp-tool-ink);cursor:pointer;font-size:1em}.pp-tools button:hover:not(:disabled){background:var(--pp-tool-hover)}.pp-tools button:disabled{opacity:.55;cursor:not-allowed;background:var(--pp-tool-hover);color:var(--pp-tool-ink)}.pp-tools .pp-tool-rewrite{display:flex;align-items:center;gap:.4em;width:auto;padding:0 .7em;font-size:.82em}.pp-tools .pp-tool-label{align-self:center;padding:0 .6em 0 .5em;color:var(--pp-tool-ink);font-size:.78em;font-weight:650;opacity:.75;white-space:nowrap}.pp-img[data-picked] .pp-swap{display:none}@media(prefers-reduced-motion:reduce){.pp-block[data-busy] .pp-ph,.pp-img[data-busy]:after{animation:none}}.pp-page h1,.pp-page h2,.pp-page h3{text-wrap:balance}.pp-page p,.pp-page li,.pp-page dd{text-wrap:pretty}.pp-h1{max-width:13em}.pp-h2{max-width:16em}.pp-lead{max-width:21em}.pp-p{max-width:24em}.pp-a{max-width:26em}.pp-notice li{max-width:34em}.pp-center .pp-h1,.pp-center .pp-h2,.pp-center .pp-lead,.pp-center .pp-p,.pp-hero--center .pp-h1,.pp-hero--center .pp-lead,.pp-hero--center .pp-p{margin-left:auto;margin-right:auto}:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #f2f4f6;--surface-3: #f9fafb;--ink: #191f28;--body: #333d4b;--muted: #6b7684;--line: #e5e8eb;--accent: #3182f6;--accent-ink: #ffffff;--accent-soft: #e8f3ff;--danger: #f04452;--dark-cell: #191f28;--r-ctl: 12px;--r-card: 24px;--font: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;color-scheme:light;--action: #2270e9;--action-hover: #1b64da;--action-soft: #e8f3ff;--focus: #1b64da;--field-rule: #8993a1;--on-dark: #ffffff;--success: #227859;--success-soft: #eaf7f0;--disabled-fill: #e5e8eb;--disabled-ink: #6b7684;--story-shadow: 0 24px 72px -36px rgba(25, 31, 40, .26);--story-line: #e6ecf4;--story-well: #f5f8fc;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--font-body: var(--font);--font-display: var(--font);--legacy-color-1: #d93644;--legacy-color-2: #fff;--legacy-color-3: #136c43;--legacy-color-4: #b0b8c1;--legacy-color-5: #b52a35;--legacy-color-6: #244e7d;--legacy-color-7: #e6f6ee;--legacy-color-8: #f8f9fa;--legacy-color-9: #dadce0;--legacy-color-10: #1f1f1f;--legacy-color-11: #02b351;--legacy-color-12: #03c75a;--legacy-color-13: #f5dc00;--legacy-color-14: rgba(0, 0, 0, .85);--legacy-color-15: #fee500;--legacy-color-16: #e5e8eb;--legacy-color-17: #1a35552e;--legacy-color-18: #1d314a33;--legacy-color-19: #1a35551a;--legacy-color-20: #e8edf3;--legacy-color-21: #1a355512;--legacy-color-22: #ff9f0a;--legacy-color-23: #191f28;--legacy-color-24: #00a96d;--legacy-color-25: #f04452;--legacy-color-26: rgba(25, 31, 40, .3);--legacy-color-27: rgba(25, 31, 40, .25);--legacy-color-28: #d1d6db;--legacy-color-29: rgba(25, 31, 40, .22);--legacy-color-30: rgba(10, 14, 30, .6);--legacy-color-31: #f4f5f7;--legacy-color-32: #ffffff70;--legacy-color-33: #27694e;--legacy-color-34: #eaf7f0;--legacy-color-35: #657385;--legacy-color-36: #c4d9f6;--legacy-color-37: #233751;--legacy-color-38: #eef5ff;--legacy-color-39: #2464ba;--legacy-color-40: #e2e8ef;--legacy-color-41: #334155;--legacy-color-42: #526377;--legacy-color-43: #f3f5f8;--legacy-color-44: #a12d24;--legacy-color-45: #fff2f0;--legacy-color-46: #27364a;--legacy-color-47: #edf1f6;--legacy-color-48: #fafbfd;--legacy-color-49: #e5eaf1;--legacy-color-50: #f7f8f9;--legacy-color-51: #657183;--legacy-color-52: rgba(25, 31, 40, .14);--legacy-color-53: #edf0f4;--legacy-color-54: #697789;--legacy-color-55: #f5f7f9;--legacy-color-56: #183b6012;--legacy-color-57: #e1e6ed;--legacy-color-58: #ffffffed;--legacy-color-59: #1c355510;--legacy-color-60: white;--legacy-color-61: #98a4b3;--legacy-color-62: #8894a3;--legacy-color-63: #b8d4fb;--legacy-color-64: #dde3ea;--legacy-color-65: #e9edf2;--legacy-color-66: #8b97a6;--legacy-color-67: #5e6b7b;--legacy-color-68: #7892b3;--legacy-color-69: #9aa9bb;--legacy-color-70: #cbd4df;--legacy-color-71: #7b8fa7;--legacy-color-72: #d4dce6;--legacy-color-73: #a6b8cd;--legacy-color-74: #657b99;--legacy-color-75: #dfe9f5;--legacy-color-76: #8594a8;--legacy-color-77: #dfe5ec;--legacy-color-78: #7493ba;--legacy-color-79: #c1cad6;--legacy-color-80: #8a97a7;--legacy-color-81: #f2f4f7;--legacy-color-82: #f1f6fc;--legacy-color-83: #28374a;--legacy-color-84: #1b5ca511;--legacy-color-85: #8eb9f5;--legacy-color-86: #dfe6ee;--legacy-color-87: #f7f9fb;--legacy-color-88: #e4e9ef;--legacy-color-89: #e9f2ff;--legacy-color-90: #13263d55;--legacy-color-91: #142d4938;--legacy-color-92: #e3e8ef;--legacy-color-93: #e3e9f1;--legacy-color-94: #426282;--legacy-color-95: #edf4fe;--legacy-color-96: #d9e7fa;--legacy-color-97: #e5effc;--legacy-color-98: #eef4fc;--legacy-color-99: #3d4e63;--legacy-color-100: #617185;--legacy-color-101: #f5f7fa;--legacy-color-102: #243b5312;--legacy-color-103: #23364d;--legacy-color-104: #f0f3f7;--legacy-color-105: #f4f6f8;--legacy-color-106: #3a4553;--legacy-color-107: #94a0ae;--legacy-color-108: #f1f3f5;--legacy-color-109: #bac2cd;--legacy-color-110: #a7cbff;--legacy-color-111: #f0f6ff;--legacy-color-112: #f7f8fa;--legacy-color-113: rgba(25, 31, 40, .28);--legacy-color-114: #3aa681;--legacy-color-115: #f6f7f9;--legacy-color-116: rgba(20, 22, 26, .8);--legacy-color-117: rgba(25, 31, 40, .35);--legacy-color-118: #8b95a1;--legacy-color-119: #1b64da}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{overflow-x:clip;margin:0;background:var(--bg);color:var(--body);font-family:var(--font);font-size:16px;line-height:1.55;word-break:keep-all;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);font-size:.92rem;margin:8px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:0;border-radius:var(--r-ctl);font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .15s,background-color .15s,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--legacy-color-119)}.btn-ghost{background:var(--surface-2);color:var(--body)}.btn-ghost:hover:not(:disabled){background:var(--legacy-color-16)}.btn-invert{background:var(--accent-ink);color:var(--accent)}.btn-sm{height:36px;padding:0 14px;font-size:.9rem;border-radius:10px}.btn-lg{height:56px;padding:0 28px;font-size:1.05rem;border-radius:16px}.btn-block{width:100%}.file-btn{cursor:pointer}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border:0;border-radius:var(--r-ctl);background:transparent;color:var(--ink);cursor:pointer;text-decoration:none}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.navlink{color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem}.navlink:hover{color:var(--ink)}.field{display:grid;gap:6px;margin:0 0 18px;border:0;padding:0;min-width:0}.field>span,.field>legend{font-size:.9rem;font-weight:600;color:var(--muted);padding:0}.field small{color:var(--muted);font-size:.82rem}input[type=text],input:not([type]),input[list],select,textarea,.hex{width:100%;min-height:52px;padding:0 16px;border:1.5px solid transparent;border-radius:14px;background:var(--surface-2);color:var(--ink);transition:background-color .15s,border-color .15s}textarea{padding:14px 16px;resize:vertical;line-height:1.5}select{padding-right:10px}::placeholder{color:var(--legacy-color-118);opacity:1}input:focus,select:focus,textarea:focus{background:var(--surface);border-color:var(--accent);outline:0}.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chips-row{display:flex;flex-wrap:wrap;gap:6px}.chip{height:38px;padding:0 16px;border:0;border-radius:999px;background:var(--surface-2);color:var(--body);font-size:.92rem;font-weight:600;cursor:pointer;transition:background-color .15s,color .15s,transform .15s}.chip:hover{background:var(--legacy-color-16)}.chip:active{transform:scale(.96)}.chip.on{background:var(--accent);color:var(--accent-ink)}.check{display:flex;gap:8px;align-items:center;font-size:.9rem;margin:4px 0 14px;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--accent)}.shell{min-height:100dvh}.appbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--surface-2);background:var(--surface)}.appbar nav{display:flex;align-items:center;gap:20px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem;letter-spacing:-.03em;color:var(--ink);text-decoration:none}.center-msg{display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;padding:24px}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.section{padding-block:120px}.section h2:not([class]){font-size:clamp(1.8rem,3.4vw,2.9rem);letter-spacing:-.04em;line-height:1.25;font-weight:800;margin-bottom:12px}.sub{color:var(--muted);font-size:1.15rem;margin-bottom:40px;max-width:52ch}.lnav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--surface-2)}.lnav-in{height:64px;display:flex;align-items:center;gap:32px}.lnav-links{display:flex;gap:24px;margin:0 auto 0 16px}.lnav-links a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem;white-space:nowrap}.lnav-links a:hover{color:var(--ink)}.lnav-cta{display:flex;align-items:center;gap:16px}.hero{display:grid;justify-items:center;gap:44px;padding-top:56px;padding-bottom:72px}.hero-copy{text-align:center}.hero-copy h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.18;letter-spacing:-.045em;font-weight:800;margin-bottom:20px}.hero-copy p{font-size:1.25rem;color:var(--muted);font-weight:500;max-width:40ch;margin-inline:auto}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.hero-preview{--view: min(72dvh, 680px);width:484px;max-width:100%;position:relative;height:var(--view);overflow:hidden;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);box-shadow:0 24px 64px -28px var(--legacy-color-113)}.hero-roll{animation:none}.hero-roll .pp-page{zoom:.56}@keyframes roll{0%{transform:translateY(0)}to{transform:translateY(calc(-100% + var(--view)))}}.how{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.how-head{position:sticky;top:112px}.how-head p{color:var(--muted);font-size:1.1rem;max-width:30ch}.how-list{list-style:none;margin:0;padding:0 0 0 32px;border-left:2px solid var(--surface-2);display:grid;gap:40px}.how-list h3{font-size:1.4rem;letter-spacing:-.03em;margin-bottom:6px}.how-list p{color:var(--muted);max-width:46ch}.samples{padding-inline:0}.sample-grid{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-play: cubic-bezier(.45, .05, .35, 1);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin:0;padding:0;list-style:none}.sample-item[data-reveal]{transform:translateY(64px) scale(.94);transition:transform .95s var(--ease-out) calc(var(--col, 0) * .11s)}.sample-item[data-reveal][data-in]{transform:none}.sample-card{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 30%;--drift: 0px;--slide: 0px;--dur: 4s;display:block;color:inherit;text-decoration:none;border-radius:32px;outline:none}.sample-inner{padding:12px;border-radius:32px;background:var(--surface-3);box-shadow:0 0 0 1px var(--story-line);transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s var(--ease-out),box-shadow .5s var(--ease-out),background-color .3s;will-change:transform}.sample-card:hover .sample-inner,.sample-card:focus-visible .sample-inner{background:var(--surface);box-shadow:0 0 0 1px var(--story-line),var(--story-shadow)}.sample-card:focus-visible .sample-inner{outline:2px solid var(--focus);outline-offset:3px}.sample-card[aria-busy=true]{cursor:progress}.sample-frame{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:22px;background:var(--surface-2);isolation:isolate;clip-path:inset(0 round 22px);transition:clip-path 1.1s var(--ease-out) calc(var(--col, 0) * .11s + .12s)}.sample-item[data-reveal]:not([data-in]) .sample-frame{clip-path:inset(0 0 100% 0 round 22px)}.sample-slide{transform-origin:50% 0;translate:0 calc(var(--drift) * -1);scale:1;transform:translateY(0);transition:transform .9s var(--ease-out),scale 1.3s var(--ease-out) calc(var(--col, 0) * .11s + .12s)}.sample-item[data-reveal]:not([data-in]) .sample-slide{scale:1.12}.sample-card[data-playing] .sample-slide{transform:translateY(calc(var(--slide) * -1));transition:transform var(--dur) var(--ease-play)}.sample-zoom{width:max-content;pointer-events:none}.sample-glare{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(255,255,255,.34),transparent 62%);transition:opacity .4s}.sample-card:hover .sample-glare{opacity:1}.sample-index,.sample-hint{position:absolute;z-index:2;display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:#ffffffdb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);font-size:.76rem;font-weight:650;box-shadow:0 6px 18px -10px #191f2866}.sample-index{top:14px;left:14px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.sample-hint{left:14px;bottom:16px;transition:opacity .3s,transform .5s var(--ease-out)}.sample-card[data-playing] .sample-hint{opacity:0;transform:translateY(6px)}.sample-progress{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;height:3px;overflow:hidden;border-radius:2px;background:#ffffff80;opacity:0;transition:opacity .3s}.sample-progress i{display:block;width:100%;height:100%;background:var(--action);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}.sample-card[data-playing] .sample-progress{opacity:1}.sample-card[data-playing] .sample-progress i{transform:scaleX(1);transition:transform var(--dur) var(--ease-play)}.sample-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:18px 10px 8px}.sample-name{display:flex;align-items:center;gap:8px;min-width:0;color:var(--ink);font-size:1.1rem;font-weight:750;letter-spacing:-.025em}.sample-dot{flex:none;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #191f2824}.sample-go{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 14px;border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:.85rem;font-weight:650;white-space:nowrap;transition:background-color .3s,color .3s}.sample-go svg{transition:transform .45s var(--ease-out)}.sample-card:hover .sample-go,.sample-card:focus-visible .sample-go{background:var(--action);color:var(--on-dark)}.sample-card:hover .sample-go svg,.sample-card:focus-visible .sample-go svg{transform:translate(3px)}.sample-desc{grid-column:1 / -1;margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:40px}.cell{grid-column:span 2;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:260px;padding:32px;border-radius:var(--r-card);border:0}.cell h3{font-size:1.4rem;letter-spacing:-.03em}.cell p{opacity:.8;max-width:40ch}.cell-a{grid-column:span 4;min-height:320px;background:var(--accent);color:var(--accent-ink)}.cell-a h3{color:inherit}.cell-a h3{font-size:clamp(1.6rem,2.6vw,2.2rem);max-width:14ch;line-height:1.2}.cell-b{background:var(--accent-soft)}.cell-c{background:var(--surface-3)}.cell-d{background:var(--dark-cell);color:var(--legacy-color-31)}.cell-d h3{color:inherit}.cell-e{background:var(--surface-2)}.swatches{display:flex;gap:6px;margin-top:10px}.swatches i{width:22px;height:22px;border-radius:50%;display:inline-block}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chips span{padding:3px 10px;border:1px solid currentColor;border-radius:8px;font-size:.85rem;opacity:.75}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{display:flex;flex-direction:column;gap:10px;padding:32px;border:0;border-radius:var(--r-card);background:var(--surface-3)}.plan h3{font-size:1.15rem}.price{font-size:2rem;font-weight:800;letter-spacing:-.03em}.plan-note{color:var(--muted);font-size:.95rem}.plan ul{list-style:none;margin:10px 0 20px;padding:0;display:grid;gap:10px;flex:1}.plan li{display:flex;align-items:flex-start;gap:8px;font-size:.97rem}.plan li svg{flex:none;margin-top:4px;color:var(--accent)}.plan-hot{background:var(--accent);color:var(--accent-ink)}.plan-hot h3,.plan-hot .price{color:inherit}.plan-hot .plan-note{color:inherit;opacity:.85}.plan-hot li svg{color:inherit}.faq-list{max-width:780px;margin-top:32px}.faq details{border-top:1px solid var(--surface-2)}.faq details:last-child{border-bottom:1px solid var(--surface-2)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-weight:700;font-size:1.08rem;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary svg{flex:none;transition:transform .25s cubic-bezier(.16,1,.3,1);color:var(--muted)}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{color:var(--muted);padding:0 0 22px;max-width:62ch}.final{width:min(1180px,calc(100% - 48px));max-width:none;padding:80px 32px;margin:0 auto 96px;display:grid;justify-items:center;gap:28px;text-align:center;background:var(--accent);color:var(--accent-ink);border-radius:32px}.final h2{font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.04em;font-weight:800;color:inherit}.lfoot{display:flex;align-items:center;gap:24px;padding-block:28px 40px;border-top:1px solid var(--surface-2)}.lfoot nav{display:flex;gap:20px;margin-left:auto}.lfoot nav a{color:var(--muted);text-decoration:none;font-size:.92rem}.lfoot nav a:hover{color:var(--ink)}.lfoot small{color:var(--muted)}[data-reveal]{opacity:1;transform:translateY(16px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}[data-reveal][data-in]{opacity:1;transform:none}.create{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:start;max-width:1120px;margin:0 auto;padding:40px 24px 80px}.create-form h1{font-size:2rem;letter-spacing:-.04em;font-weight:800;margin-bottom:6px}.create-side{position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow:auto;display:grid;gap:12px;align-content:start;padding-bottom:4px}.group{margin-top:32px}.create-side .group{margin-top:0}.group h2{font-size:1.2rem;letter-spacing:-.02em;margin-bottom:14px}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:14px}.thumb{position:relative;aspect-ratio:1;border:0;border-radius:16px;overflow:hidden;background:var(--surface-2);padding:0}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb button{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;background:var(--legacy-color-116);color:var(--legacy-color-2);cursor:pointer}.thumb-add{display:grid;place-content:center;justify-items:center;gap:4px;border:0;background:var(--surface-2);color:var(--muted);cursor:pointer;font-size:.85rem}.thumb-add:hover{background:var(--accent-soft);color:var(--accent)}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.tpl{display:grid;gap:2px;text-align:left;padding:8px;border:2px solid var(--surface-2);border-radius:18px;background:var(--surface);cursor:pointer;transition:border-color .15s,transform .15s}.tpl:active{transform:scale(.98)}.tpl.on{border-color:var(--accent)}.tpl:hover:not(.on){border-color:var(--line)}.tpl-thumb{height:150px;overflow:hidden;border:0;border-radius:12px;margin-bottom:6px;pointer-events:none}.tpl-thumb .pp-page{zoom:.2}.tpl b{font-size:.95rem;color:var(--ink)}.tpl small{color:var(--muted);font-size:.8rem}.colors{display:grid;gap:10px}.swatch-row{display:flex;gap:8px;flex-wrap:wrap}.sw{width:28px;height:28px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}.sw.on{box-shadow:0 0 0 2px var(--accent)}.color-custom{display:flex;gap:8px}input[type=color]{width:52px;height:52px;min-height:0;padding:6px;border:0;border-radius:14px;background:var(--surface-2);cursor:pointer}.hex{width:130px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:lowercase}.overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.progress{padding:36px 40px;border:0;border-radius:var(--r-card);background:var(--surface);min-width:340px;box-shadow:0 24px 64px -24px var(--legacy-color-26)}.progress h2{font-size:1.3rem;letter-spacing:-.03em;margin-bottom:20px}.progress ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}.progress li{display:flex;align-items:center;gap:10px;color:var(--muted)}.progress li.now{color:var(--ink);font-weight:700}.progress li.done{color:var(--ink)}.mark{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:2px solid var(--line);color:var(--accent-ink)}.now .mark{border-color:var(--accent);animation:pulse 1.2s ease-in-out infinite}.done .mark{background:var(--accent);border-color:var(--accent)}@keyframes pulse{50%{opacity:.35}}.mypages{max-width:1120px;margin:0 auto;padding:40px 24px 80px}.mypages-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.mypages-head h1{font-size:2rem;letter-spacing:-.04em;font-weight:800}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.page-card{border:0;border-radius:var(--r-card);background:var(--surface-3);overflow:hidden}.page-thumb{display:block;height:300px;overflow:hidden;background:var(--surface-2);border-radius:var(--r-card) var(--r-card) 0 0}.page-thumb .pp-page{zoom:.28;pointer-events:none}.page-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 12px 14px 18px}.page-meta div{min-width:0;display:grid}.page-meta b{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-meta small{color:var(--muted)}.skeleton{height:370px;background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%) 0 0 / 300% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-300% 0}}.empty{display:grid;justify-items:center;gap:12px;padding:96px 0;text-align:center}.editor{--rail-w: 288px;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--legacy-color-115)}.ebar{flex:none;height:76px;display:flex;align-items:center;gap:12px;padding:0 24px 0 18px;border-bottom:1px solid var(--line);background:var(--surface);z-index:45}.editor-document{min-width:0;flex:1;display:grid;gap:2px}.title-input{flex:1 1 200px;max-width:380px;min-height:36px!important;height:36px;border-color:transparent!important;background:transparent!important;font-weight:700;padding:0 10px!important}.title-input:hover{border-color:var(--line)!important}.save-state{display:flex;align-items:center;gap:5px;padding-left:10px;font-size:.72rem;color:var(--muted);white-space:nowrap}.save-state.saved svg{color:var(--legacy-color-114)}.save-state.error{color:var(--danger)}.ebar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.editor-preview-btn{background:var(--legacy-color-2);color:var(--body);border:1px solid var(--line);height:38px;padding:0 14px;font-size:.85rem}.sep{width:1px;height:20px;background:var(--line);margin:0 6px}.zoom-label{min-width:52px;height:36px;border:0;border-radius:var(--r-ctl);background:transparent;font-size:.85rem;font-variant-numeric:tabular-nums;cursor:pointer}.zoom-label:hover{background:var(--surface-2)}.menu-wrap{position:relative}.menu-backdrop{position:fixed;inset:0;z-index:40}.menu{position:absolute;right:0;top:calc(100% + 8px);z-index:41;width:280px;padding:8px;display:grid;gap:2px;background:var(--surface);border:0;border-radius:18px;box-shadow:0 16px 48px -12px var(--legacy-color-113)}.menu small{padding:6px 10px;color:var(--muted)}.menu button{display:grid;gap:1px;text-align:left;padding:12px;border:0;border-radius:12px;background:transparent;cursor:pointer}.menu button:hover{background:var(--surface-2)}.menu button span{font-size:.8rem;color:var(--muted)}.width-wrap{position:relative}.width-btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border:0;border-radius:6px;background:var(--legacy-color-65);color:var(--muted);font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer}.width-btn:hover,.width-btn[aria-expanded=true]{background:var(--accent-soft);color:var(--action-hover)}.width-pop{position:absolute;left:0;top:calc(100% + 8px);z-index:41;width:300px;max-width:calc(100vw - 24px);padding:14px;display:grid;gap:12px;background:var(--surface);border-radius:18px;box-shadow:0 16px 48px -12px var(--legacy-color-113)}.width-pop>b{font-size:.85rem}.width-pop p{font-size:.75rem;line-height:1.6;color:var(--muted)}.width-presets{display:grid;gap:2px;margin:0;padding:0;list-style:none}.width-presets button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.width-presets button:hover{background:var(--surface-2)}.width-presets button.on{background:var(--accent-soft);color:var(--action-hover)}.width-presets span{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:.82rem;font-weight:600}.width-presets em{padding:1px 6px;border-radius:4px;background:var(--surface-2);color:var(--muted);font-size:.68rem;font-style:normal;font-weight:600}.width-presets button.on em{background:var(--action);color:var(--on-dark)}.width-presets small{flex:none;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted)}.width-presets button.on small{color:inherit}.width-custom{display:grid;gap:6px;font-size:.78rem;font-weight:600;color:var(--muted)}.width-custom div{position:relative}.width-custom input{min-height:44px;padding-right:40px;font-variant-numeric:tabular-nums}.width-custom i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-style:normal;pointer-events:none}.editor-workspace.has-linkbar .canvas-controls{bottom:56px}.linkbar{flex:none;display:flex;align-items:center;gap:10px;height:38px;padding:0 16px;background:var(--surface);border-top:1px solid var(--line);font-size:.74rem}.linkbar-check{display:inline-flex;align-items:center;gap:6px;font-weight:650;color:var(--ink);white-space:nowrap;cursor:pointer}.linkbar-check input{width:15px;height:15px;min-height:0;margin:0;accent-color:var(--action)}.linkbar-check svg{color:var(--action)}.linkbar-check small{color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}.linkbar-check.is-off{color:var(--muted);cursor:default}.linkbar-check.is-off svg{color:inherit}.linkbar-hint{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linkbar-apply{margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:0;border-radius:7px;background:var(--surface-2);color:var(--ink);font-size:.72rem;font-weight:650;white-space:nowrap;cursor:pointer}.linkbar-apply:hover:not(:disabled){background:var(--action-soft);color:var(--action-hover)}.linkbar-apply:disabled{opacity:.45;cursor:default}@media(max-width:760px){.linkbar{gap:8px;padding:0 12px}.linkbar-hint{display:none}}.ebody{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr)}.editor.has-panel .ebody{grid-template-columns:var(--rail-w) minmax(0,1fr) 326px}.editor.is-preview .ebody{grid-template-columns:minmax(0,1fr)}.editor.is-preview .rail{display:none}.rail{min-height:0;display:flex;flex-direction:column;padding:0 12px 16px;border-right:1px solid var(--line);background:var(--surface)}.rail-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:24px 8px 18px}.rail-head h2{font-size:.94rem;font-weight:700}.rail-head span{display:block;font-size:.73rem;color:var(--muted);margin-top:4px}.rail-list{flex:1;overflow:auto;list-style:none;margin:0 -4px 12px;padding:0 4px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin}.rail-list li{flex:none;display:flex;align-items:center;border:1px solid transparent;border-radius:12px;transition:background-color .15s,border-color .15s}.rail-list li:hover{background:var(--legacy-color-112)}.rail-list li.on{background:var(--legacy-color-111);border-color:var(--legacy-color-110)}.rail-list li.dragging{opacity:.4}.rail-list .grip{flex:none;width:12px;margin-left:3px;color:var(--legacy-color-109);cursor:grab;opacity:0}.rail-list li:hover .grip,.rail-list li.on .grip{opacity:1}.rail-list li button{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 8px 9px 3px;border:0;background:transparent;cursor:pointer}.rail-thumb{flex:none;width:38px;height:48px;overflow:hidden;display:grid;place-items:center;background:var(--legacy-color-108);border:1px solid var(--legacy-color-65);border-radius:5px;font-size:.73rem;font-weight:600;color:var(--legacy-color-107)}.rail-thumb img{width:100%;height:100%;object-fit:cover}.rail-copy{min-width:0;display:grid;gap:5px}.rail-copy small{font-size:.65rem;color:var(--muted)}.rail-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;color:var(--legacy-color-106);font-weight:600}.rail-add{position:relative;flex:none;padding-top:8px}.rail-add>.btn{height:42px;font-size:.82rem;background:var(--legacy-color-105)}.outline-view-switch{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:12px;padding:3px;border-radius:10px;background:var(--legacy-color-104)}.outline-view-switch button{border:0;border-radius:7px;background:transparent;color:var(--legacy-color-35);font-size:.74rem;padding:8px 6px;cursor:pointer}.outline-view-switch button.on{background:var(--legacy-color-2);color:var(--legacy-color-103);font-weight:650;box-shadow:0 1px 4px var(--legacy-color-102)}.outline-group-tools{display:flex;gap:4px;align-items:center;margin-bottom:14px}.outline-group-tools select{min-height:34px;height:34px;min-width:0;padding:0 9px;border-radius:8px;background:var(--legacy-color-101);font-size:.72rem}.outline-group-tools .icon-btn{width:30px;height:30px;color:var(--legacy-color-35)}.outline-scroll{flex:1;min-height:0;overflow:auto;margin:0 -4px 10px;padding:0 4px;scrollbar-width:thin}.outline-scroll .rail-list{flex:none;overflow:visible;margin:0;padding:0}.outline-scroll .rail-list li{flex-direction:column;align-items:stretch}.outline-row{display:flex;align-items:center;min-width:0}.outline-group{margin-bottom:13px}.outline-group-heading{display:flex;gap:2px;align-items:center;margin-bottom:5px}.outline-group-toggle{display:flex;align-items:center;gap:5px;min-width:0;flex:1;padding:8px 1px;border:0;background:none;cursor:pointer;color:var(--legacy-color-100)}.outline-group-toggle svg{flex:none}.outline-group-toggle b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--legacy-color-99);font-size:.72rem;font-weight:650}.outline-group-toggle small{font-size:.64rem;color:var(--legacy-color-35)}.outline-group-focus{flex:none;padding:4px 6px;border:0;border-radius:6px;background:var(--legacy-color-98);color:var(--legacy-color-39);font-size:.64rem;cursor:pointer}.outline-group-empty{padding:12px 7px;color:var(--legacy-color-35);font-size:.7rem;line-height:1.7}.outline-assignment{display:flex;align-items:center;gap:5px;margin:0 8px 8px 17px;color:var(--legacy-color-35)}.outline-assignment select{height:27px;min-height:27px;padding:0 7px;border-radius:6px;border-width:1px;background:var(--legacy-color-97);font-size:.65rem}.outline-manage-link{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:0;padding:10px 0 0;background:none;color:var(--legacy-color-35);font-size:.7rem;cursor:pointer}.group-focus-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 28px 12px;padding:10px 13px;border:1px solid var(--legacy-color-96);border-radius:10px;background:var(--legacy-color-95)}.group-focus-bar>span{display:flex;align-items:center;min-width:0;gap:7px;color:var(--legacy-color-94);font-size:.75rem}.group-focus-bar b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--legacy-color-6);font-weight:650}.group-focus-bar button{flex:none;border:0;background:none;color:var(--legacy-color-39);cursor:pointer;font-size:.73rem}.group-empty-view{display:grid;justify-items:center;gap:12px;padding:70px 24px;color:var(--legacy-color-35);text-align:center}.group-empty-view h3{font-size:1rem}.group-empty-view p{font-size:.8rem;margin-bottom:8px}.page-group-dialog{width:min(680px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 72px);border:1px solid var(--legacy-color-92);border-radius:22px;background:var(--legacy-color-2);padding:0;overflow:hidden;box-shadow:0 24px 100px var(--legacy-color-91)}.page-group-dialog[open]{display:flex;flex-direction:column}.page-group-dialog::backdrop{background:var(--legacy-color-90);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.page-group-body{overflow:auto;padding:24px 30px}.page-group-create{padding-bottom:22px;border-bottom:1px solid var(--legacy-color-93)}.page-group-create .field{margin-bottom:10px}.page-group-create .field>span{font-size:.82rem}.page-group-create .check{margin-bottom:16px;font-size:.8rem}.page-group-create input:not([type]){min-height:44px;font-size:.85rem}.page-group-list{display:grid;gap:10px;margin-top:22px}.page-group-row{display:flex;align-items:center;gap:8px}.page-group-row input:not([type]){min-width:0;min-height:40px;height:40px;padding:0 12px;font-size:.82rem;border-radius:9px}.page-group-row small{flex:none;min-width:26px;color:var(--legacy-color-35);font-size:.73rem}.page-group-row .btn{flex:none;height:32px;padding:0 10px;font-size:.72rem}.page-group-row .icon-btn{width:30px;height:30px;color:var(--legacy-color-35)}.page-group-note{margin-top:20px;color:var(--legacy-color-35);font-size:.74rem}.add-page-dialog{width:min(1120px,calc(100% - 80px));max-width:none;max-height:calc(100dvh - 72px);padding:0;border:1px solid var(--legacy-color-92);border-radius:24px;background:var(--legacy-color-2);color:var(--ink);box-shadow:0 24px 100px var(--legacy-color-91);overflow:hidden}.add-page-dialog[open]{display:flex;flex-direction:column}.add-page-dialog::backdrop{background:var(--legacy-color-90);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 30px 22px;border-bottom:1px solid var(--legacy-color-20)}.add-page-heading small{color:var(--legacy-color-35);font-size:.74rem}.add-page-heading h2{margin-top:4px;font-size:1.6rem;letter-spacing:-.035em}.add-page-heading p{margin-top:7px;color:var(--legacy-color-35);font-size:.83rem}.add-page-body{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:0;overflow:hidden}.add-page-categories{display:flex;flex-direction:column;gap:6px;padding:24px 16px;border-right:1px solid var(--legacy-color-20);background:var(--legacy-color-48)}.add-page-categories>span{margin:0 10px 10px;color:var(--legacy-color-35);font-size:.72rem}.add-page-categories button{display:flex;justify-content:space-between;gap:10px;border:0;padding:12px;border-radius:10px;background:transparent;text-align:left;font-size:.84rem;cursor:pointer}.add-page-categories button small{color:var(--legacy-color-35);font-size:.72rem}.add-page-categories button.on{background:var(--legacy-color-89);color:var(--legacy-color-39);font-weight:650}.add-page-options{overflow:auto;padding:22px 26px 26px}.add-page-search{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:0 14px;border:1px solid var(--legacy-color-88);border-radius:12px;background:var(--legacy-color-87);color:var(--legacy-color-35)}.add-page-search input[type=search]{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;font-size:.84rem}.add-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.add-page-card{display:grid;min-width:0;padding:8px;border:1px solid var(--legacy-color-86);border-radius:14px;background:var(--legacy-color-2);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.add-page-card:hover{border-color:var(--legacy-color-85);box-shadow:0 5px 18px var(--legacy-color-84)}.add-page-card-meta{display:flex;align-items:center;gap:6px;padding:12px 5px 5px}.add-page-card-meta>span:first-child{min-width:0;display:grid;gap:4px}.add-page-card-meta b{color:var(--legacy-color-83);font-size:.85rem;font-weight:650}.add-page-card-meta small{color:var(--legacy-color-35);font-size:.7rem}.add-page-plus{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:var(--legacy-color-82);color:var(--legacy-color-39)}.add-page-footer{flex:none;display:flex;justify-content:space-between;gap:10px;padding:15px 30px;border-top:1px solid var(--legacy-color-20);color:var(--legacy-color-35);font-size:.75rem}.add-page-footer span:last-child{display:flex;align-items:center;gap:6px}.add-page-empty{padding:48px 0;text-align:center;color:var(--legacy-color-35);font-size:.85rem}.page-sketch{display:flex;flex-direction:column;gap:10px;height:112px;padding:18px;overflow:hidden;border-radius:8px;background:var(--legacy-color-81);pointer-events:none}.page-sketch :is(i,b,em){display:block;border-radius:2px;font-style:normal}.page-sketch b{height:5px;width:78%;background:var(--legacy-color-80)}.page-sketch i{height:3px;width:80%;background:var(--legacy-color-79)}.sketch-title{flex:none;max-width:50%}.sketch-lines{display:grid;gap:5px;width:100%}.sketch-lines i:last-child{width:60%}.sketch-heading{display:flex;flex-direction:column;gap:7px;min-width:0}.sketch-heading>i{width:35%;height:3px;background:var(--legacy-color-78)}.sketch-heading .sketch-lines{margin-top:6px}.sketch-photo{display:grid;place-items:center;overflow:hidden;min-width:0;min-height:0;background:var(--legacy-color-77);color:var(--legacy-color-76);border-radius:3px}.sketch-photo img{width:100%;height:100%;object-fit:cover}.sketch-hero,.sketch-feature{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sketch-image{padding:0}.sketch-image>.sketch-photo{width:100%;height:100%}.sketch-banner{display:grid;place-items:center}.sketch-banner .sketch-banner{width:100%;padding:18px 12px;background:var(--legacy-color-75);gap:9px}.sketch-banner .sketch-banner b{width:80%}.sketch-banner .sketch-banner i{width:55%}.sketch-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sketch-columns>span{display:grid;gap:7px;padding-top:8px;border-top:1px solid var(--legacy-color-70)}.sketch-columns em{font-size:9px;color:var(--legacy-color-74);height:5px;width:14px;background:var(--legacy-color-73)}.sketch-steps em{background:transparent;height:10px}.sketch-table,.sketch-comparison{display:grid;gap:9px;margin-top:3px}.sketch-table>span{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;border-top:1px solid var(--legacy-color-72);padding-top:7px}.sketch-comparison>span{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid var(--legacy-color-72);padding-top:7px}.sketch-review{display:grid;gap:10px}.sketch-review small{font-size:10px;color:var(--legacy-color-71);letter-spacing:2px}.sketch-review>i{width:25%}.sketch-faq{display:grid;gap:10px}.sketch-faq>span{display:grid;gap:7px;padding-top:8px;border-top:1px solid var(--legacy-color-70)}.sketch-faq .sketch-lines i:last-child{display:none}.sketch-notice{display:grid;gap:10px}.sketch-notice>span{display:flex;gap:7px;align-items:center}.sketch-notice em{width:3px;height:3px;background:var(--legacy-color-69)}.sketch-cta{display:grid;place-content:center}.sketch-cta .sketch-cta{min-width:120px;gap:8px}.sketch-cta b,.sketch-cta i{justify-self:center}.sketch-cta em{width:55px;height:15px;margin-top:4px;justify-self:center;background:var(--legacy-color-68)}.editor-workspace{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.workspace-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;height:62px;padding:0 28px}.workspace-leading{display:flex;align-items:center;gap:10px;min-width:0}.workspace-leading>span{font-size:.85rem;font-weight:650;color:var(--legacy-color-67)}.workspace-leading small{padding:2px 7px;border-radius:5px;font-size:.67rem;color:var(--legacy-color-66);background:var(--legacy-color-65)}.workspace-actions{display:flex;gap:6px}.workspace-action{display:inline-flex;gap:7px;align-items:center;height:36px;padding:0 12px;background:transparent;border:1px solid var(--legacy-color-64);border-radius:10px;font-size:.78rem;font-weight:600;cursor:pointer}.workspace-action:hover,.workspace-action.on{background:var(--legacy-color-60);color:var(--accent);border-color:var(--legacy-color-63)}.editor-hint{flex:none;display:flex;align-items:center;justify-content:space-between;margin:0 28px 4px;color:var(--legacy-color-62);font-size:.77rem}.editor-hint>span{display:flex;align-items:center;gap:7px}.editor-hint .icon-btn{width:26px;height:26px;color:var(--legacy-color-61)}.stage-scroll{position:relative;flex:1;min-height:0;overflow:auto;padding:20px 0 112px;scroll-padding:32px}.sel-frame{position:absolute;z-index:6;width:0;height:0;pointer-events:none}.sel-frame{box-shadow:0 0 0 1.5px var(--pp-editor-focus)}.sel-handle{position:absolute;width:9px;height:9px;border:1.5px solid var(--pp-editor-focus);border-radius:2px;background:#fff;pointer-events:auto;touch-action:none}.sel-nw{left:-5px;top:-5px;cursor:nwse-resize}.sel-ne{right:-5px;top:-5px;cursor:nesw-resize}.sel-sw{left:-5px;bottom:-5px;cursor:nesw-resize}.sel-se{right:-5px;bottom:-5px;cursor:nwse-resize}.sel-bar{position:absolute;left:-3px;bottom:calc(100% + 9px);display:flex;align-items:center;gap:2px;padding:3px;border-radius:10px;background:var(--pp-tool-bg);color:var(--pp-tool-ink);white-space:nowrap;pointer-events:auto;box-shadow:0 6px 20px var(--pp-tool-shadow)}.sel-move{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 9px;border:0;border-radius:7px;background:var(--pp-editor-focus);color:#fff;font-size:.72rem;font-weight:650;cursor:grab;touch-action:none}.sel-move:active{cursor:grabbing}.sel-act{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:inherit;font-size:.72rem;font-weight:600;cursor:pointer}.sel-act:hover,.sel-act.on{background:var(--pp-tool-hover)}body.pp-dragging,body.pp-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.layer-list{list-style:none;margin:2px 0 6px 18px;padding:0 0 0 8px;border-left:1px solid var(--line);display:grid;gap:1px}.layer-list button{display:grid;grid-template-columns:14px auto minmax(0,1fr);align-items:center;gap:6px;width:100%;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:var(--body);text-align:left;cursor:pointer;font-size:.72rem}.layer-list button:hover{background:var(--surface-2)}.layer-list button.on{background:var(--accent-soft);color:var(--accent)}.layer-list svg{color:var(--muted)}.layer-list button.on svg{color:var(--accent)}.layer-list small{color:var(--muted);font-size:.66rem;white-space:nowrap}.layer-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keys-pop{position:absolute;right:0;bottom:calc(100% + 10px);width:300px;padding:14px 16px;border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 12px 36px #0000002e;text-align:left;z-index:20}.keys-pop>b{display:block;margin-bottom:8px;font-size:.82rem}.keys-pop dl{display:grid;gap:6px;margin:0}.keys-pop dl>div{display:grid;grid-template-columns:112px 1fr;gap:8px;font-size:.72rem}.keys-pop dt{color:var(--ink);font-weight:650}.keys-pop dd{margin:0;color:var(--muted)}.stage-zoom{width:max-content;margin:0 auto;background:var(--legacy-color-60);box-shadow:0 3px 18px var(--legacy-color-59)}.canvas-controls{position:absolute;z-index:10;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:5px 8px;background:var(--legacy-color-58);border:1px solid var(--legacy-color-57);border-radius:14px;box-shadow:0 6px 24px var(--legacy-color-56);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.canvas-controls .icon-btn{height:30px;width:30px;border-radius:8px}.canvas-controls .zoom-label{height:30px;min-width:42px;font-size:.75rem}.canvas-controls .sep{height:16px;margin:0 4px}.fit-label{white-space:nowrap;background:transparent;border:0;height:30px;padding:0 8px;font-size:.73rem;color:var(--muted);cursor:pointer}.outline-toggle,.outline-close,.outline-backdrop{display:none}.inspector{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:var(--surface)}.inspector-heading{flex:none;display:flex;align-items:center;justify-content:space-between;padding:16px 12px 8px 20px}.inspector-heading h2{font-size:.9rem}.tabs{flex:none;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--surface-2)}.tab{height:46px;border:0;border-bottom:2px solid transparent;background:transparent;font-weight:600;color:var(--muted);cursor:pointer}.tab.on{color:var(--ink);border-bottom-color:var(--accent)}.insp-body{flex:1;overflow:auto;padding:22px 20px}.insp-title{font-size:.83rem;color:var(--muted);margin-bottom:20px}.insp-body .field>span{font-size:.78rem;color:var(--legacy-color-35)}.insp-body textarea{padding:10px 12px;min-height:42px;font-size:.85rem;line-height:1.6;border-radius:10px;background:var(--legacy-color-55)}.inspector-details{border-top:1px solid var(--legacy-color-53);padding-top:14px;margin:20px 0}.inspector-details>summary{font-size:.8rem;font-weight:600;color:var(--legacy-color-54);cursor:pointer;margin-bottom:14px}.inspector-details .inspector-details{margin:14px 0 0}.text-item{margin:20px 0;padding-top:18px;border-top:1px solid var(--legacy-color-53)}.insp-body .chip{height:36px;font-size:.78rem;padding:0 12px}.insp-body .chip:disabled{opacity:.45;cursor:default}.insp-empty{padding:24px 4px}.insp-thumb{display:block;width:100%;max-height:160px;object-fit:cover;border-radius:var(--r-ctl);margin-bottom:8px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.seg{display:flex;gap:2px;padding:3px;border:0;border-radius:12px;background:var(--surface-2)}.seg button{flex:1;height:34px;padding:0 4px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px var(--legacy-color-52)}.items{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px}.items li{display:flex;align-items:center;gap:6px}.items select{width:76px;min-height:36px;padding:0 6px;border-radius:10px}.item-label{flex:1;min-width:0;padding:8px 10px;border-radius:10px;background:var(--surface-2);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tpl-pill{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px;border:0;border-radius:12px;background:var(--surface-2);color:var(--body);font-weight:600;cursor:pointer}.tpl-pill.on{background:var(--accent-soft);color:var(--accent)}.tpl-pill i{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;border:2px solid;flex:none}.tpl-pill b{width:8px;height:8px;border-radius:50%}.theme-gallery{gap:10px}.theme-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--legacy-color-2);padding:5px;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.theme-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-card>span{display:grid;gap:4px;padding:9px 7px 8px}.theme-card b{color:var(--ink);font-size:.77rem;font-weight:650}.theme-card small{color:var(--legacy-color-51);font-size:.64rem;line-height:1.55}.theme-card .theme-preview{height:126px;margin:0;border-radius:8px}.tpl-thumb.theme-preview .pp-page{zoom:1}.theme-preview{background:var(--legacy-color-50)}.theme-preview .pp-hero .pp-badge:empty{display:none}.theme-preview .pp-page{pointer-events:none}.ai-box{display:grid;gap:10px;padding:16px;margin-bottom:14px;border:0;border-radius:18px;background:var(--surface-3)}.ai-box h4{display:flex;align-items:center;gap:6px;font-size:.92rem}.ai-box h4 svg{color:var(--accent)}.ai-box .check{margin:0}.prompt-box{display:grid;gap:6px}.prompt-menu{max-height:260px;overflow:auto;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.prompt-menu-group{padding:8px 8px 4px;color:var(--muted);font-size:.68rem;font-weight:650}.prompt-option{display:flex;align-items:baseline;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:.8rem}.prompt-option.on{background:var(--accent-soft)}.prompt-option b{flex:none;color:var(--accent);font-weight:650}.prompt-option span{flex:1;min-width:0;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-option small{flex:none;color:var(--muted);font-size:.68rem}.prompt-menu-empty{padding:10px 8px;color:var(--muted);font-size:.76rem;line-height:1.6}.prompt-help{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.7rem}.prompt-help button{flex:none;padding:2px 4px;border:0;background:none;color:var(--accent);font-size:inherit;font-weight:650;cursor:pointer}.variants{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.variant{position:relative;aspect-ratio:1;overflow:hidden;border:2px solid transparent;border-radius:10px;background:var(--surface-2)}.variant.on{border-color:var(--accent)}.variant-use{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.variant-use img{display:block;width:100%;height:100%;object-fit:cover}.variant>span{position:absolute;left:4px;top:4px;padding:1px 6px;border-radius:6px;background:var(--surface);color:var(--ink);font-size:.62rem;font-weight:650;pointer-events:none}.variant-add{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:0 1px 4px #0003}.variant-add:hover{background:var(--accent);color:var(--accent-ink)}.variant.wait{animation:variant-wait 1.4s ease-in-out infinite}@keyframes variant-wait{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.variant.wait{animation:none}}.props{display:grid;gap:4px}.props-head{display:grid;gap:3px;margin-bottom:4px}.props-head b{font-size:.95rem}.props-head small{color:var(--muted);font-size:.72rem}.props-link{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;margin:6px 0 2px;font-size:.78rem;color:var(--muted)}.props-link svg{flex:none}.props-link.is-on{color:var(--action-hover);font-weight:600}.props-link small{flex-basis:100%;font-size:.7rem;font-weight:400;color:var(--muted)}.prop-sec{display:grid;gap:8px;padding:14px 0;border-top:1px solid var(--line)}.prop-sec h4{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:650;color:var(--muted)}.prop-sec .check{margin:0;font-size:.78rem}.ref-pick{display:flex;flex-wrap:wrap;gap:6px}.ref-pick button{position:relative;width:52px;height:52px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:9px;background:var(--surface-2);cursor:pointer}.ref-pick button.on{border-color:var(--accent)}.ref-pick img{display:block;width:100%;height:100%;object-fit:cover}.ref-pick span{position:absolute;left:2px;bottom:2px;padding:0 4px;border-radius:4px;background:var(--surface);color:var(--ink);font-size:.58rem;font-weight:650}.ref-pick .ref-none{width:auto;padding:0 10px;color:var(--muted);font-size:.72rem;font-weight:600}.ref-pick .ref-none.on{color:var(--accent)}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pf{display:grid;grid-template-columns:46px minmax(0,1fr) 68px 22px;align-items:center;gap:8px;min-height:34px;font-size:.76rem}.pf-label{color:var(--muted);font-weight:600;white-space:nowrap;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.pf-color .pf-label,.pf-select .pf-label,.pf-options .pf-label{cursor:default}.pf-slider{width:100%;min-width:0;height:20px;margin:0;accent-color:var(--accent);cursor:pointer}.pf.is-base .pf-slider{accent-color:var(--legacy-color-35, #9aa0a6)}.pf-num{display:flex;align-items:center;gap:2px;height:30px;padding:0 8px;border-radius:8px;background:var(--surface-2)}.pf-num:focus-within{box-shadow:0 0 0 1.5px var(--accent);background:var(--surface)}.pf-num input,.pf-pill input{flex:1;width:100%;min-width:0;min-height:0;height:28px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.pf-num input:focus,.pf-pill input:focus{background:transparent;border:0}.pf-num small,.pf-pill small{flex:none;color:var(--muted);font-size:.68rem}.is-base .pf-num input,.is-base.pf-pill input,.is-base>b{color:var(--muted);font-weight:500}.pf-pill{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:9px;background:var(--surface-2);font-size:.76rem}.pf-pill:focus-within{box-shadow:0 0 0 1.5px var(--accent);background:var(--surface)}.pf-pill input{text-align:left}.pf-color{grid-template-columns:46px 34px minmax(0,1fr) 22px}.pf-color input{width:34px;height:26px;min-height:0;padding:0;border:1px solid var(--line);border-radius:7px;background:none;cursor:pointer}.pf-color>b{font-size:.74rem;font-weight:600;font-variant-numeric:tabular-nums}.pf-select{grid-template-columns:46px minmax(0,1fr)}.pf-select select{min-height:32px;height:32px;padding:0 10px;border-radius:8px;font-size:.78rem}.pf-select.is-base select{color:var(--muted)}.pf-options{grid-template-columns:46px minmax(0,1fr)}.pf-options .seg button{height:30px;font-size:.72rem;display:inline-flex;align-items:center;justify-content:center}.pf-options .seg button.is-base-on{box-shadow:inset 0 0 0 1px var(--line);color:var(--body)}.prop-reset{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}.prop-reset:disabled{opacity:.25;cursor:default}.prop-reset:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.ai-status{padding:10px 12px;margin-bottom:14px;border-radius:var(--r-ctl);background:var(--surface-2);color:var(--muted);font-size:.85rem}.ai-status.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.text-field-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.text-field-heading label{font-size:.78rem;font-weight:600;color:var(--legacy-color-35)}.rewrite-field-button{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:0;border-radius:6px;background:transparent;color:var(--legacy-color-39);cursor:pointer;font-size:.7rem}.rewrite-field-button:hover{background:var(--accent-soft)}.rewrite-panel{display:grid;gap:18px}.rewrite-intro{display:flex;gap:10px;align-items:flex-start}.rewrite-intro>svg{color:var(--legacy-color-39);flex:none;margin-top:3px}.rewrite-intro h3{font-size:.94rem;font-weight:700}.rewrite-intro p{color:var(--legacy-color-35);font-size:.75rem;margin-top:5px;line-height:1.7}.rewrite-target{padding:15px;border:1px solid var(--legacy-color-49);border-radius:12px;background:var(--legacy-color-48)}.rewrite-target .field{margin-bottom:12px}.rewrite-target select{min-height:40px;padding:0 10px;font-size:.8rem;border-radius:8px;background:var(--legacy-color-47)}.rewrite-original{padding-top:12px;border-top:1px solid var(--legacy-color-40)}.rewrite-original small,.rewrite-before-label{color:var(--legacy-color-35);font-size:.68rem}.rewrite-original p{margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--legacy-color-46);font-size:.85rem;line-height:1.75}.rewrite-direction{display:grid;gap:10px}.rewrite-label{color:var(--legacy-color-41);font-size:.8rem;font-weight:650}.rewrite-direction .chips-row{gap:6px}.rewrite-direction textarea{width:100%}.rewrite-generate{gap:8px;height:42px;font-size:.84rem}.rewrite-progress,.rewrite-connection{color:var(--legacy-color-42);font-size:.76rem;line-height:1.7}.rewrite-connection button{color:var(--legacy-color-39);padding:0;border:0;background:none;cursor:pointer;text-decoration:underline;font-size:inherit}.rewrite-error{padding:11px 12px;border-radius:9px;background:var(--legacy-color-45);color:var(--legacy-color-44);font-size:.78rem;line-height:1.7;overflow-wrap:anywhere}.rewrite-unchanged{padding:14px;background:var(--legacy-color-43);border-radius:10px;font-size:.78rem;color:var(--legacy-color-42);line-height:1.75}.rewrite-unchanged b{color:var(--legacy-color-41)}.rewrite-unchanged p{margin-top:5px}.rewrite-result{padding-top:18px;border-top:1px solid var(--legacy-color-40)}.rewrite-result h4{display:flex;align-items:center;gap:7px;color:var(--legacy-color-39);font-size:.86rem;margin-bottom:16px}.rewrite-before{margin:5px 0 17px;color:var(--legacy-color-35);font-size:.8rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.rewrite-result .field{margin-bottom:5px}.rewrite-result textarea{background:var(--legacy-color-38);color:var(--legacy-color-37);border-color:var(--legacy-color-36)}.rewrite-length{display:block;text-align:right;color:var(--legacy-color-35);font-size:.65rem;margin-bottom:13px}.rewrite-result>.btn{height:42px;font-size:.82rem}.rewrite-applied{display:flex;align-items:center;gap:7px;color:var(--legacy-color-33);background:var(--legacy-color-34);padding:12px;border-radius:9px;font-size:.78rem}.rewrite-applied span{display:flex;align-items:center;gap:6px}.rewrite-applied button{margin-left:auto;flex:none;border:0;border-bottom:1px solid currentColor;padding:2px 0;background:transparent;color:var(--legacy-color-33);font-size:.72rem;cursor:pointer}.rewrite-spinner{width:15px;height:15px;border:2px solid var(--legacy-color-32);border-top-color:var(--legacy-color-2);border-radius:50%;animation:rewrite-spin .8s linear infinite}@keyframes rewrite-spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%);max-width:min(560px,calc(100% - 32px));padding:14px 20px;border-radius:16px;background:var(--dark-cell);color:var(--legacy-color-31);font-size:.92rem;box-shadow:0 16px 40px -16px var(--legacy-color-30)}.editor>.toast{bottom:84px;pointer-events:none}.export-stage{position:fixed;left:-30000px;top:0;width:max-content;pointer-events:none}@media(max-width:1100px){.create{grid-template-columns:1fr}.create-side{position:static;max-height:none}.ebody{grid-template-columns:200px minmax(0,1fr) 290px}}@media(max-width:1180px){.admin-body{grid-template-columns:176px minmax(0,1fr)}.ad-preview{position:static;grid-column:2;max-height:none}}@media(max-width:900px){.admin-top{flex-wrap:wrap}.admin-top>div{flex:1 1 100%}.admin-body{grid-template-columns:1fr}.ad-nav{display:none}.ad-preview{grid-column:1}.ad-tpls{grid-template-columns:1fr 1fr}.ad-row{flex-wrap:wrap}.ad-control{max-width:none}.lnav-links{display:none}.lnav-in{gap:12px}.lnav-cta{margin-left:auto}.hero{padding-top:40px;padding-bottom:56px;gap:32px}.hero-preview{--view: 520px;width:390px}.hero-roll .pp-page{zoom:.45}.landing{padding-bottom:152px}.try-bar-in{flex-direction:column;align-items:stretch;gap:10px}.try-pick .stepper{display:none}.try-bar .btn{width:100%}.how{grid-template-columns:1fr;gap:32px}.how-head{position:static}.section{padding-block:72px}.bento,.plans{grid-template-columns:1fr}.cell,.cell-a{grid-column:auto;min-height:220px}.plans{gap:12px}.row2{grid-template-columns:1fr;gap:0}.lfoot{flex-wrap:wrap}.lfoot nav{margin-left:0;width:100%}.title-input{max-width:none}}.count-picker{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.stepper{display:inline-flex;align-items:center;gap:4px}.stepper output{min-width:40px;text-align:center;font-size:.9rem;font-variant-numeric:tabular-nums}.stepper output b{font-size:1.05rem;margin-right:1px}.try-fill{margin:14px 0 0}.landing{padding-bottom:104px}.try-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:14px 24px calc(14px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -1px 0 var(--surface-2),0 -18px 32px -24px var(--legacy-color-29)}.try-bar .error{max-width:1180px;margin:0 auto 8px}.try-bar-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px 24px}.try-pick{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.try-pick>span{font-weight:700;font-size:.95rem;color:var(--ink);white-space:nowrap}.admin{max-width:1240px;margin:0 auto;padding:0 24px 96px}.admin-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:18px 0 16px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.admin-top>div{margin-right:auto}.admin-top h1{font-size:1.7rem;letter-spacing:-.04em;font-weight:800}.admin-status{margin-right:6px;font-size:.88rem;color:var(--muted)}.admin-status.warn{color:var(--accent);font-weight:600}.admin-status.error{color:var(--danger)}.admin-gate{max-width:420px;margin:0 auto;padding:96px 24px}.admin-gate h1{font-size:2rem;letter-spacing:-.04em;font-weight:800;margin-bottom:24px}.admin-body{display:grid;grid-template-columns:176px minmax(0,1fr) 340px;gap:32px;align-items:start;margin-top:8px}.ad-nav{position:sticky;top:104px;display:grid;gap:2px}.ad-nav button{text-align:left;padding:11px 14px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-weight:600;cursor:pointer;transition:background-color .15s,color .15s}.ad-nav button:hover{background:var(--surface-2)}.ad-nav button.on{background:var(--accent-soft);color:var(--accent)}.ad-main{display:grid;gap:16px;min-width:0}.ad-card{padding:28px 28px 14px;border-radius:var(--r-card);background:var(--surface-3);scroll-margin-top:96px}.ad-card h2{font-size:1.25rem;letter-spacing:-.03em}.ad-card>p{margin:4px 0 8px;color:var(--muted);font-size:.92rem}.ad-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:12px 0;border-top:1px solid var(--line)}.ad-card h2+.ad-row,.ad-card>p+.ad-row{border-top:0}.ad-row>div:first-child{display:grid;gap:1px;min-width:0}.ad-row b{font-weight:600;color:var(--ink)}.ad-row small{color:var(--muted);font-size:.82rem}.ad-control{flex:none;max-width:62%;display:flex;justify-content:flex-end}.ad-chips{justify-content:flex-end}.ad-chips .chip{background:var(--surface)}.ad-chips .chip.on{background:var(--accent)}.ad-control .seg{background:var(--surface-2)}.ad-control .seg button.on{background:var(--surface)}.switch{position:relative;width:50px;height:30px;flex:none;border:0;border-radius:999px;background:var(--legacy-color-28);cursor:pointer;transition:background-color .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--legacy-color-2);box-shadow:0 1px 3px var(--legacy-color-27);transition:transform .2s cubic-bezier(.16,1,.3,1)}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(20px)}.num{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:14px;background:var(--surface)}.num button{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-size:1.2rem;line-height:1;cursor:pointer}.num button:hover:not(:disabled){background:var(--surface-2)}.num button:disabled{opacity:.3;cursor:default}.num output{min-width:52px;text-align:center;color:var(--muted)}.num output b{color:var(--ink);font-size:1.1rem;margin-right:1px}.ad-tpls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 8px}.ad-tpls .tpl{position:relative;background:var(--surface)}.ad-tpls .tpl.off{opacity:.5}.ad-tpls .tpl.off:hover{opacity:.85}.tick{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--legacy-color-2)}.ad-preview{position:sticky;top:104px;max-height:calc(100dvh - 128px);overflow:auto}.ad-preview h3{font-size:.85rem;color:var(--muted);font-weight:600;margin-bottom:10px}.pv{display:grid;gap:12px;padding:20px;border-radius:var(--r-card);background:var(--surface);box-shadow:0 0 0 1px var(--line),0 16px 40px -28px var(--legacy-color-26)}.pv-title{font-size:1.05rem;color:var(--ink);letter-spacing:-.02em}.pv-field{display:grid;gap:4px}.pv-field span,.pv-block>span{font-size:.74rem;font-weight:600;color:var(--muted)}.pv-field i{display:block;height:30px;border-radius:9px;background:var(--surface-2)}.pv-field i.tall{height:56px}.pv-block{display:grid;gap:6px}.pv-block>b{color:var(--ink)}.pv-block small{color:var(--muted);font-size:.74rem}.pv-chips{display:flex;flex-wrap:wrap;gap:4px}.pv-chips em{font-style:normal;padding:3px 10px;border-radius:999px;background:var(--surface-2);color:var(--body);font-size:.74rem;font-weight:600}.pv-chips em.on{background:var(--accent);color:var(--legacy-color-2)}.pv-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pv-photos i{aspect-ratio:1;border-radius:9px;background:var(--surface-2)}.pv-dots{display:flex;gap:5px}.pv-dots i{width:16px;height:16px;border-radius:50%;background:var(--accent);opacity:.8}.pv-dots i:nth-child(2){background:var(--legacy-color-25)}.pv-dots i:nth-child(3){background:var(--legacy-color-24)}.pv-dots i:nth-child(4){background:var(--legacy-color-23)}.pv-dots i:nth-child(5){background:var(--legacy-color-22)}.pv-tpls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pv-tpls>div{height:70px;overflow:hidden;border-radius:10px;box-shadow:0 0 0 1.5px var(--surface-2)}.pv-tpls>div.on{box-shadow:0 0 0 2px var(--accent)}.pv-tpls .tpl-thumb{height:100%;margin:0;border-radius:0}.pv-tpls .tpl-thumb .pp-page{zoom:.17}.pv-tpls small{grid-column:1 / -1;color:var(--muted);font-size:.74rem}.pv-submit{display:grid;place-items:center;height:42px;margin-top:4px;border-radius:12px;background:var(--accent);color:var(--legacy-color-2);font-size:.85rem;font-weight:600}.pv-bar{margin-top:10px;padding:10px 14px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:600;text-align:center}h1,h2,h3,.cell h3{text-wrap:balance}p,li,.faq summary{text-wrap:pretty}.how-list p{max-width:34ch}.faq details p{max-width:46ch}.cell p{max-width:30ch}.sub{max-width:40ch}.hero-copy p{max-width:30ch}@media(max-width:480px){.hero-roll .pp-page{zoom:.38}.hero-preview{width:330px}.try-pick>span{display:none}.lnav-cta .navlink,.ebar-actions .sep{display:none}}@media(max-width:1240px){.editor.has-panel .ebody{grid-template-columns:var(--rail-w) minmax(0,1fr)}.editor .inspector{position:absolute;top:0;bottom:0;right:0;z-index:25;width:326px;box-shadow:-12px 0 40px var(--legacy-color-21)}}@media(max-width:760px){.page-group-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 28px);border-radius:18px}.page-group-body{padding:20px}.group-focus-bar{margin:0 16px 10px}.add-page-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 28px);border-radius:18px}.add-page-heading{padding:20px}.add-page-heading h2{font-size:1.25rem}.add-page-body{display:flex;flex-direction:column}.add-page-categories{flex:none;flex-direction:row;overflow:auto;gap:4px;padding:10px 14px;border-right:0;border-bottom:1px solid var(--legacy-color-20)}.add-page-categories>span,.add-page-categories small{display:none}.add-page-categories button{flex:none;padding:9px 10px;font-size:.76rem}.add-page-options{padding:16px}.add-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.add-page-card-meta{padding:10px 3px 4px}.add-page-card-meta b{font-size:.77rem}.add-page-card-meta small{font-size:.65rem}.add-page-plus{display:none}.page-sketch{height:92px;padding:12px}.sketch-image{padding:0}.add-page-footer{padding:12px 20px;font-size:.69rem}.add-page-footer span:last-child{display:none}.editor .ebar{height:66px;padding:0 12px 0 8px;gap:4px}.editor .title-input{font-size:.85rem;width:100%;padding-left:5px!important}.editor .save-state{font-size:.62rem;padding-left:5px}.editor .ebar-actions{gap:6px}.editor .ebar-actions .btn{height:36px;font-size:.75rem;padding:0 10px;gap:5px}.editor .editor-preview-btn{font-size:0!important;width:36px;padding:0!important}.editor .editor-preview-btn svg{width:18px;height:18px}.editor .ebody,.editor.has-panel .ebody{grid-template-columns:minmax(0,1fr)}.editor .rail{display:none;position:absolute;top:0;bottom:0;left:0;width:min(300px,86vw);z-index:31;box-shadow:10px 0 40px var(--legacy-color-19)}.editor.is-outline-open .rail{display:flex}.outline-toggle,.outline-close{display:inline-grid}.outline-backdrop{position:absolute;inset:0;z-index:30;display:block;border:0;background:var(--legacy-color-18)}.editor .inspector{width:min(380px,calc(100% - 16px));top:8px;bottom:8px;right:8px;z-index:35;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 48px var(--legacy-color-17);overflow:hidden}.workspace-toolbar{padding:0 12px;height:58px;gap:4px}.workspace-leading{gap:5px}.workspace-leading>span{font-size:.75rem}.workspace-leading small{display:none}.workspace-action{height:34px;padding:0 9px;font-size:.72rem;gap:5px}.editor-hint{margin:0 16px;font-size:.7rem}.editor-hint svg{display:none}.stage-scroll{padding-top:18px}.canvas-controls{bottom:16px;padding:4px 7px}.fit-label{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-roll{animation:none}[data-reveal]{opacity:1;transform:none;transition:none}.btn,.faq summary svg{transition:none}.sample-item[data-reveal]{transform:none;transition:none}.sample-frame,.sample-inner,.sample-slide{transition:none}.sample-item[data-reveal]:not([data-in]) .sample-frame{clip-path:inset(0 round 22px)}.sample-item[data-reveal]:not([data-in]) .sample-slide{scale:1}.sample-inner{transform:none}.sample-slide{translate:none}.sample-glare,.sample-hint,.sample-progress{display:none}.now .mark,.skeleton{animation:none}}.account-chip{display:inline-flex;align-items:center;gap:8px;max-width:200px;height:36px;padding:0 12px 0 4px;border-radius:999px;background:var(--surface-2);color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:600}.account-chip:hover{background:var(--legacy-color-16)}.account-chip img,.account-chip svg{flex:none;width:28px;height:28px;border-radius:50%;object-fit:cover;color:var(--legacy-color-4)}.account-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip b,.pro-pill{flex:none;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.7rem;font-weight:800;letter-spacing:.02em}.upgrade-link{color:var(--accent);font-weight:700;white-space:nowrap}.guest-note{margin:-12px 0 24px;padding:12px 16px;border-radius:var(--r-ctl);background:var(--accent-soft);color:var(--legacy-color-6);font-size:.92rem}.guest-note a{color:var(--accent);font-weight:700}.auth{display:grid;place-items:start center;padding:72px 24px 96px}.auth-card{width:min(420px,100%);display:grid;gap:16px}.auth-card h1{font-size:1.9rem;letter-spacing:-.04em;font-weight:800}.auth-buttons{display:grid;gap:10px;margin-top:8px}.auth-buttons .skeleton{height:52px}.social{height:52px;gap:10px;border-radius:14px;font-size:1rem}.social-kakao{background:var(--legacy-color-15);color:var(--legacy-color-14)}.social-kakao:hover{background:var(--legacy-color-13)}.social-naver{background:var(--legacy-color-12);color:var(--legacy-color-2)}.social-naver:hover{background:var(--legacy-color-11)}.social-google{background:var(--legacy-color-2);color:var(--legacy-color-10);box-shadow:inset 0 0 0 1px var(--legacy-color-9)}.social-google:hover{background:var(--legacy-color-8)}.auth-legal{color:var(--muted);font-size:.82rem}.auth-legal a{color:inherit}.account{max-width:720px;margin:0 auto;padding:40px 24px 80px;display:grid;gap:16px}.account h1{font-size:2rem;letter-spacing:-.04em;font-weight:800;margin-bottom:8px}.acct-card{padding:28px;border-radius:var(--r-card);background:var(--surface-3)}.acct-card h2{font-size:1.15rem;letter-spacing:-.02em;margin-bottom:14px}.acct-card .small{margin-top:12px}.acct-notice{padding:14px 18px;border-radius:var(--r-ctl);font-weight:600}.acct-notice.ok{background:var(--legacy-color-7);color:var(--legacy-color-3)}.acct-notice.wait{background:var(--accent-soft);color:var(--legacy-color-6)}.acct-notice.error{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--legacy-color-5)}.acct-guest{display:grid;gap:12px;justify-items:start}.acct-guest h2{margin:0}.acct-profile{display:flex;align-items:center;gap:16px}.acct-profile>img,.acct-profile>svg{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;color:var(--legacy-color-4)}.acct-profile>div{flex:1;min-width:0;display:grid}.acct-profile b{color:var(--ink);font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-profile small{color:var(--muted)}.acct-plan-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.acct-plan-head h2{margin:0}.pro-pill{font-size:.78rem;padding:4px 10px}.meters{list-style:none;margin:0;padding:0;display:grid;gap:14px}.meter>div{display:flex;justify-content:space-between;gap:12px;font-size:.92rem;margin-bottom:6px}.meter b{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.meter-track{display:block;height:6px;border-radius:999px;background:var(--line);overflow:hidden}.meter-track i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.meter.full .meter-track i{background:var(--danger)}.acct-buy{background:var(--surface);box-shadow:inset 0 0 0 2px var(--accent);scroll-margin-top:24px}.acct-price{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}.acct-price b{font-size:1.9rem;color:var(--ink);letter-spacing:-.03em}.acct-price span{color:var(--muted)}.acct-benefits{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:8px}.acct-benefits li{display:flex;gap:8px;align-items:flex-start}.acct-benefits svg{flex:none;margin-top:4px;color:var(--accent)}.acct-buy form{margin-top:20px}.acct-buy .check{align-items:flex-start;font-size:.85rem;color:var(--body)}.acct-buy .check input{flex:none;margin-top:2px}.orders{list-style:none;margin:0;padding:0;display:grid;gap:4px}.orders li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.orders li:last-child{border-bottom:0}.orders li>div{flex:1;min-width:0;display:grid}.orders b{color:var(--ink)}.orders small{color:var(--muted)}.order-status{font-size:.85rem;font-weight:700;color:var(--muted);white-space:nowrap}.order-status.s-approved{color:var(--legacy-color-3)}.order-status.s-pending,.order-status.s-ready{color:var(--accent)}.btn-danger{background:var(--danger);color:var(--legacy-color-2)}.btn-danger:hover:not(:disabled){background:var(--legacy-color-1)}.acct-leave summary{cursor:pointer;color:var(--muted);font-weight:600}.acct-leave[open] summary{margin-bottom:12px}.acct-leave .btn-row{margin-top:12px}.acct-leave>.btn{margin-top:12px}.legal{max-width:760px;margin:0 auto;padding:48px 24px 80px}.legal h1{font-size:2rem;letter-spacing:-.04em;font-weight:800;margin-bottom:6px}.legal section{margin-top:32px}.legal h2{font-size:1.15rem;margin-bottom:10px}.legal section p{margin-bottom:10px;line-height:1.7}.biz{display:grid;gap:8px;width:100%;color:var(--muted);font-size:.82rem;line-height:1.6}.biz nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0}.biz nav a{color:var(--muted);text-decoration:none;font-size:.85rem}.biz nav a:hover{color:var(--ink)}.biz nav b{color:var(--body);font-weight:700}.lfoot-biz{padding-bottom:40px}.app-foot{padding-block:24px 40px}@media(max-width:480px){.account-chip span{display:none}.account-chip{padding-right:4px}.appbar nav{gap:12px}.acct-card{padding:22px 18px}.acct-profile,.orders li{flex-wrap:wrap}}.btn-primary,.chip.on{background:var(--action);color:var(--on-dark)}.btn-primary:hover:not(:disabled),.chip.on:hover{background:var(--action-hover)}.cell-a,.plan-hot{background:var(--action);color:var(--on-dark)}.cell-a h3,.plan-hot h3,.plan-hot .price{color:inherit}.btn-invert{color:var(--action-hover);background:var(--surface)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn:disabled,.icon-btn:disabled{cursor:not-allowed;background:var(--disabled-fill);color:var(--disabled-ink)}h1,h2,h3,h4{min-width:0;overflow-wrap:break-word}.row2,.tpl-grid,.tpl-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.thumbs{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.landing{padding-bottom:0}.hero{padding-top:72px;padding-bottom:88px;gap:0}.hero-copy{max-width:100%}.hero-copy h1{font-size:clamp(2.6rem,4.9vw,4.4rem);font-weight:800}.hero-copy p{max-width:40ch;line-height:1.65}.hero-actions{margin-top:28px}.hero-actions .btn{min-height:52px}.detail-story{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.6fr);align-items:start;gap:80px;padding-bottom:96px}.detail-guide{position:sticky;top:128px;padding-top:12px;min-width:0}.detail-scene-copy{min-height:230px;animation:detail-copy-enter .35s ease-out both}.detail-scene-copy h2{white-space:pre-line;font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:750;line-height:1.3;letter-spacing:-.045em;margin-bottom:20px}.detail-scene-copy p{color:var(--muted);font-size:1.02rem;line-height:1.75;max-width:28ch}.detail-scene-nav{display:grid;gap:4px;margin:20px 0 28px}.detail-scene-nav button{min-height:44px;display:flex;gap:14px;align-items:center;width:100%;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:.9rem;font-weight:550;text-align:left;cursor:pointer}.detail-scene-nav button span{font-size:.76rem;font-variant-numeric:tabular-nums}.detail-scene-nav button:hover{background:var(--surface-2);color:var(--ink)}.detail-scene-nav button.on{background:var(--accent-soft);color:var(--action-hover)}.detail-story-progress{height:3px;width:100%;overflow:hidden;background:var(--surface-2);border-radius:2px;margin-bottom:12px}.detail-story-progress i{display:block;width:100%;height:100%;background:var(--action);transform:scaleX(var(--story-progress, 0));transform-origin:left}.detail-story-meta{color:var(--muted);font-size:.8rem;margin-bottom:24px}.detail-story-try{height:46px;font-size:.9rem}.detail-sheet{min-width:0;border-radius:22px;overflow:clip;box-shadow:var(--story-shadow);background:var(--surface);outline:1px solid var(--story-line)}.detail-sheet-scale{width:max-content}.detail-sheet .pp-page{pointer-events:none}.detail-sheet .pp-page>.pp-block{scroll-margin-top:110px}.detail-story[data-motion=scroll] .detail-sheet .pp-page>.pp-block{transform:translateY(var(--story-offset, 0px))}.detail-story[data-motion=scroll] .detail-sheet .pp-img img{transform:translateY(var(--photo-offset, 0px)) scale(1.025)}.detail-story[data-motion=reduced] .detail-sheet .pp-block,.detail-story[data-motion=reduced] .detail-sheet .pp-img img{transform:none!important}@keyframes detail-copy-enter{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:none}}.rail-copy small,.outline-group-toggle b,.outline-group-toggle small{font-size:.72rem}.outline-group-focus{font-size:.72rem;min-height:30px}.outline-assignment select{min-height:30px;font-size:.72rem}.outline-manage-link{font-size:.75rem;min-height:36px}.theme-card small{font-size:.75rem}.theme-card b{font-size:.82rem}.workspace-leading small,.editor-hint,.add-page-heading p,.add-page-footer,.add-page-card-meta small{color:var(--muted)}.add-page-card-meta small{font-size:.75rem}.title-input{border-color:transparent!important}.title-input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rewrite-original small,.rewrite-before-label,.rewrite-length{font-size:.75rem}.rewrite-result h4{color:var(--action-hover)}.rewrite-spinner{border-top-color:var(--on-dark)}.biz p{display:flex;flex-wrap:wrap;gap:4px 16px}.biz p span:last-child{width:100%}.final{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;justify-items:stretch;text-align:left;background:var(--accent-soft);color:var(--ink);padding:56px 40px}.final h2{margin-bottom:24px;color:var(--ink)}.final .try-bar{position:static;padding:0;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.final .try-bar-in{display:grid;gap:24px}.final .try-pick{display:grid;gap:16px}.final .try-pick>span{color:var(--body);font-size:.95rem}.final .stepper{display:inline-flex}.final .try-bar .btn{justify-self:start;height:48px;font-size:.95rem;padding-inline:20px}.mobile-nav-toggle{display:none}.editor-loading-top{height:76px;background:var(--surface);border-bottom:1px solid var(--line);padding:24px}.editor-loading-top i{display:block;width:220px;height:20px;border-radius:8px;background:var(--surface-2)}.editor-loading-body{flex:1;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);gap:32px}.editor-loading-outline{display:grid;align-content:start;gap:24px;background:var(--surface);padding:24px}.editor-loading-outline i{height:56px;border-radius:12px;background:var(--surface-2)}.editor-loading-page{width:min(760px,calc(100% - 48px));height:660px;justify-self:center;margin-top:32px;background:var(--surface)}@media(max-width:1100px){.lnav-in{position:relative}.lnav-links{display:none}.mobile-nav-toggle{display:inline-grid;margin-left:auto}.lnav-cta{margin-left:0}.lnav-links.is-open{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:absolute;top:calc(100% - 1px);left:24px;right:24px;margin:0;padding:12px;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--story-shadow)}.lnav-links.is-open a{display:flex;align-items:center;min-height:44px;padding-inline:12px;color:var(--body)}.detail-story{gap:40px;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr)}.detail-scene-copy h2{font-size:1.9rem}}@media(max-width:1000px){.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.hero{padding-top:52px;padding-bottom:56px}.hero-copy h1{font-size:clamp(2.3rem,6vw,3.6rem)}.detail-story{grid-template-columns:minmax(0,1fr);gap:20px;padding-bottom:56px}.detail-guide{top:64px;padding:16px 0 12px;z-index:8;background:var(--surface);border-bottom:1px solid var(--line)}.detail-scene-copy{min-height:0;animation-duration:.25s}.detail-scene-copy h2{font-size:1.3rem;line-height:1.35;margin:0;white-space:normal}.detail-scene-copy p,.detail-story-meta,.detail-story-progress,.detail-story-try{display:none}.detail-scene-nav{display:flex;gap:4px;justify-content:space-between;margin:12px 0 0}.detail-scene-nav button{justify-content:center;width:auto;min-height:36px;padding:6px 8px;gap:0;font-size:.76rem;border-radius:9px}.detail-scene-nav button span{display:none}.detail-sheet{width:min(680px,100%);justify-self:center;border-radius:16px}.detail-sheet .pp-page>.pp-block{scroll-margin-top:190px}.final{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 24px}.final .try-pick>span{display:block}.final .try-bar .btn{width:100%}.editor-loading-body{grid-template-columns:minmax(0,1fr)}.editor-loading-outline{display:none}}@media(max-width:640px){.sample-grid{grid-template-columns:minmax(0,1fr);gap:24px}.sample-item[data-reveal]{transition-delay:0s}.sample-hint{display:none}}@media(max-width:480px){.lnav-in,.lnav-cta{gap:8px}.lnav-cta .btn{font-size:.8rem;padding-inline:12px}.hero{padding-top:44px;padding-bottom:44px}.hero-copy h1{font-size:clamp(2rem,8.3vw,2.5rem);line-height:1.24}.hero-copy p{font-size:1.05rem;max-width:30ch}.hero-actions{margin-top:24px;gap:10px}.hero-actions .btn{width:100%;font-size:.95rem}.detail-story{padding-inline:16px}.detail-scene-nav button{font-size:.72rem;padding-inline:7px}.detail-scene-copy h2{font-size:1.2rem}.add-page-card-meta b{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.detail-sheet .pp-block,.detail-sheet .pp-img img{transform:none!important}}@media(max-width:1100px)and (min-width:761px){.editor .ebody,.editor.has-panel .ebody{grid-template-columns:var(--rail-w) minmax(0,1fr)}.editor{--rail-w: 252px}}@media(max-width:900px){.row2{grid-template-columns:minmax(0,1fr);gap:0}}@media(max-width:480px){.lnav-in{padding-inline:16px}.lnav .logo{font-size:1rem;gap:8px}.lnav .logo svg{width:24px;height:24px}.lnav-cta:has(.account-chip)>.btn{display:none}}.cell-a p,.plan-hot .plan-note{opacity:1}