*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--card-bg:#f7efe2;--card-text:#241a12;--card-muted:#7f6c58;--accent:#c8642f;--accent-dim:#c8642f24;--body-bg:#e7ddcc;--card-border:#3e281314;--card-bg-rgb:247, 239, 226;--card-text-rgb:36, 26, 18;--accent-rgb:200, 100, 47;--paper-grain-color:36, 26, 18;--shadow-dark-rgb:36, 26, 18;--shadow-light-rgb:247, 239, 226;--note-font-family:"Noto Serif SC","Source Han Serif SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei","SimSun","NSimSun","STSong","Songti SC",serif;--note-font-size:17px;--note-line-height:1.82;--note-letter-spacing:.018em;--note-inline-pad:32px;--note-meta-pad-left:0px;--note-meta-pad-right:0px;--note-block-pad-top:24px;--note-block-pad-x:32px;--note-block-pad-bottom:36px;--note-meta-margin-bottom:16px;--note-p-margin-bottom:.92em;--note-h2-margin-top:1.14em;--note-h2-margin-bottom:.48em;--note-h3-margin-top:1.08em;--note-h3-margin-bottom:.42em;--note-ul-margin-bottom:1.02em;--note-li-margin-bottom:.38em;--note-li-line-height:1.58;--note-list-pad-top:.08em;--note-list-after-h:1.12em;--note-blockquote-margin:.82em;--note-blockquote-padding:14px;--note-hr-margin:1.3em;--note-img-margin:.45em;--note-pre-margin:.84em;--top-line-h:3px;--top-line-grad:linear-gradient(90deg, #c8642f 0%, #d98f56 62%, #c8642f2e 100%);--radius-card:18px;--shadow-1:0 6px 18px rgba(var(--card-text-rgb), .08);--shadow-2:0 20px 54px rgba(var(--shadow-dark-rgb),.12);--note-list-marker-col:.95em;--template-panel-bg:linear-gradient(180deg, #ffffffb8, #fff8f08a);--template-panel-border:#6a4e2f12;--template-panel-shadow:0 10px 24px #5840250a, inset 0 1px 0 #ffffff9e;--template-panel-radius:20px;--template-accent-ink:#8a4a28;--template-accent-solid:#c8642f24;--template-accent-soft:#c8642f1f;--template-accent-line:#c8642f2e;--template-danger-soft:#241a1214;--template-danger-text:#241a12d1;--content-inset-x:24px;--template-title-scale:.88;--template-body-scale:.92;--template-card-padding:16px;--template-section-gap:14px;--template-card-min-height:0px;--toolbar-bg:#fffffff7;--toolbar-border:#ddd;--toolbar-shadow:0 2px 12px #0000000f;--app-editor-w:46%;--app-preview-w:54%;--preview-max-w:100%;--note-card-ratio:3/4;--note-card-w:405px}html,body{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at top left, #ffffffd9 0%, #fff0 34%), linear-gradient(180deg, #efe8da 0%, var(--body-bg) 22%, #e5dccb 100%);color:#222;flex-direction:column;height:100%;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:flex}#root{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow:hidden}#root:has(.landing-page){overflow-y:auto}body:has(.landing-page){overflow-y:auto}.landing-page{color:#2a2118;background:radial-gradient(circle at 12% 8%,#cc763e17,#0000 24%),radial-gradient(circle at 82% 18%,#5d7e541a,#0000 22%),linear-gradient(#f8f2e8 0%,#f4ebdc 44%,#f7efe4 100%);width:100%;max-width:100vw;min-height:100vh;font-family:Noto Serif SC,Songti SC,Georgia,serif;overflow-x:hidden}.landing-page:before{content:"";pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:linear-gradient(#785c3c0d 1px,#0000 1px),linear-gradient(90deg,#785c3c09 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.landing-nav,.landing-hero,.landing-feature-band,.landing-section,.landing-cta,.landing-footer{z-index:1;width:min(1180px,100vw - 48px);margin:0 auto;position:relative}.landing-nav{border-bottom:1px solid #5b442a2e;justify-content:space-between;align-items:center;height:92px;display:flex}.landing-brand,.landing-product__brand{letter-spacing:0;align-items:center;gap:12px;font-weight:800;display:inline-flex}.landing-brand{font-size:24px}.landing-mark{border:3px solid #c4622d;border-radius:4px;flex:none;width:24px;height:24px;display:inline-block;position:relative}.landing-mark:before{content:"";background:#c4622d;border-radius:999px;width:13px;height:3px;position:absolute;top:4px;left:9px;transform:rotate(-38deg)}.landing-mark:after{content:"";background:#c4622d;width:5px;height:5px;position:absolute;top:-4px;right:-5px;transform:rotate(45deg)}.landing-mark--small{border-width:2px;width:18px;height:18px}.landing-mark--small:before{width:10px;height:2px;top:4px;left:7px}.landing-mark--small:after{width:4px;height:4px;top:-3px;right:-4px}.landing-nav__links{align-items:center;gap:clamp(24px,4vw,58px);font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:15px;font-weight:650;display:flex}.landing-nav__links a,.landing-nav__links button{color:#2f271f;cursor:pointer;font:inherit;background:0 0;border:0;padding:8px 0;text-decoration:none}.landing-nav__links a:hover,.landing-nav__links button:hover{color:#c4622d}.landing-hero{grid-template-columns:minmax(340px,.88fr) minmax(560px,1.12fr);align-items:center;gap:clamp(42px,7vw,92px);min-height:720px;padding:58px 0 78px;display:grid}.landing-hero__copy h1{color:#201a15;letter-spacing:0;margin:0;font-size:clamp(50px,6.1vw,86px);font-weight:850;line-height:1.13}.landing-hero__copy h1 span{color:#bd6633;display:block}.landing-hero__copy p{color:#4f4338;letter-spacing:0;overflow-wrap:anywhere;margin:30px 0 34px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:22px}.landing-hero__copy ul{color:#7a6756;gap:14px;margin:0 0 38px;padding:0;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:16px;list-style:none;display:grid}.landing-hero__copy li{align-items:center;gap:12px;display:flex}.landing-hero__copy li:before{content:"✓";color:#fff8ee;background:#c4622d;border-radius:50%;place-items:center;width:20px;height:20px;font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:800;display:grid}.landing-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.landing-btn{cursor:pointer;border:1px solid #9b5b3466;border-radius:8px;min-width:148px;min-height:56px;padding:0 26px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:18px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.landing-btn:hover{transform:translateY(-2px)}.landing-btn--primary{color:#fffaf1;background:linear-gradient(#d2783f 0%,#bd5d2b 100%);box-shadow:0 14px 30px #b35b2a3d}.landing-btn--secondary{color:#7d4f34;background:#fffaf2b8}.landing-btn--secondary:hover{box-shadow:0 12px 28px #6e4b2d1f}.landing-proof{color:#8a7a68;align-items:center;gap:14px;margin-top:58px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:14px;display:flex}.landing-avatars{display:flex}.landing-avatars span{border:2px solid #f8f1e7;border-radius:50%;width:24px;height:24px;margin-left:-7px;box-shadow:0 2px 8px #4a311f29}.landing-avatars span:first-child{background:linear-gradient(135deg,#e6c2a8,#5e7b69);margin-left:0}.landing-avatars span:nth-child(2){background:linear-gradient(135deg,#c98355,#f1d6ad)}.landing-avatars span:nth-child(3){background:linear-gradient(135deg,#48544a,#c7d7b8)}.landing-avatars span:nth-child(4){background:linear-gradient(135deg,#d8a36f,#7b4b34)}.landing-product{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf6b8;border:1px solid #785b3e29;border-radius:22px;max-width:100%;overflow:hidden;box-shadow:0 26px 70px #62462a2b,0 3px 10px #62462a14}.landing-product__top{border-bottom:1px solid #7c5b3829;grid-template-columns:1fr auto auto;align-items:center;gap:20px;min-height:68px;padding:0 24px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:13px;display:grid}.landing-saved{color:#5f9a4f;align-items:center;gap:8px;display:inline-flex}.landing-saved:before{content:"";background:#76b75e;border-radius:50%;width:8px;height:8px}.landing-theme-switch{background:#fffcf6e6;border:1px solid #7a5b3b24;border-radius:8px;align-items:center;gap:12px;padding:9px 11px;display:inline-flex;box-shadow:0 5px 14px #6c492d14}.landing-mini-icon{color:#9c8168}.landing-product__body{grid-template-columns:1fr 1.06fr;gap:14px;padding:14px;display:grid}.landing-editor-mock,.landing-preview-mock{background:#fcf8efd6;border:1px solid #7758351f;border-radius:10px;min-width:0;overflow:hidden}.landing-panel-title{color:#5d5043;border-bottom:1px solid #7758351f;justify-content:space-between;align-items:center;height:42px;padding:0 14px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:13px;display:flex}.landing-code{color:#2d2925;background:linear-gradient(#ffffff52,#faf5ec24);min-height:424px;padding:16px 14px 8px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.95}.landing-code div{grid-template-columns:28px 1fr;gap:10px;display:grid}.landing-code div.is-empty{min-height:22px}.landing-code span{color:#b4a28d;text-align:right;-webkit-user-select:none;user-select:none}.landing-code code{white-space:pre-wrap}.landing-editor-foot{color:#8f7d6c;border-top:1px solid #7758351a;gap:18px;padding:9px 14px 13px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:12px;display:flex}.landing-ratio{color:#c4622d;border:1px solid #c4622d66;border-radius:7px;padding:2px 6px}.landing-note-card{aspect-ratio:3/4;background:radial-gradient(circle at 90% 92%,#b278461f,#0000 18%),linear-gradient(#f8f2e7 0%,#f0e5d1 100%);border:1px solid #6f533324;border-radius:8px;width:min(100% - 24px,310px);margin:12px auto 16px;padding:32px 34px 24px;position:relative;overflow:hidden;box-shadow:0 10px 24px #593c201f}.landing-note-card:after,.landing-template__card:after{content:"";pointer-events:none;opacity:.1;background-image:radial-gradient(#503c2847 .6px,#0000 .6px);background-size:8px 8px;position:absolute;inset:0}.landing-note-card h2{text-align:center;margin:0;font-size:28px;line-height:1.25}.landing-note-subtitle{text-align:center;color:#8b7862;margin:7px 0 18px;font-size:12px}.landing-photo{background:radial-gradient(circle at 47% 57%,#d3a268 0 11%,#9a6940 12% 15%,#0000 16%),radial-gradient(circle at 48% 51%,#fff5df 0 5%,#0000 6%),linear-gradient(130deg,#0000 0 44%,#ffffff75 45% 54%,#0000 55%),linear-gradient(135deg,#c1a078 0%,#f0e0c5 45%,#80664c 100%);border-radius:8px;height:112px;margin-bottom:17px;box-shadow:inset 0 -18px 28px #452d1929}.landing-note-card p{color:#5e5144;margin:0 0 11px;font-size:12px;line-height:1.78}.landing-note-card h3{margin:16px 0 9px;font-size:14px}.landing-note-card ul{color:#65584b;margin:0;padding:0;font-size:12px;line-height:1.7;list-style:none}.landing-note-card li:before{content:"☑";color:#8c806b;margin-right:7px}.landing-note-footer{position:absolute;bottom:17px;left:34px;right:34px;color:#8f7f6a!important;font-size:10px!important}.landing-feature-band{background:#fffcf69e;border:1px solid #7c5b381f;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px;padding:44px;display:grid;box-shadow:0 16px 38px #62462a14}.landing-feature{text-align:center;background:linear-gradient(#ffffff6b,#f6eee052);border:1px solid #895f3b26;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:232px;padding:24px 22px;display:flex;box-shadow:inset 0 1px #ffffffa3}.landing-feature svg{stroke:#c4622d;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:52px;height:52px;margin-bottom:24px}.landing-feature h2{margin:0 0 12px;font-size:23px}.landing-feature p{color:#7b6d5f;margin:0;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:14px;line-height:1.75}.landing-section{padding:72px 0 0}.landing-section__heading{text-align:center;margin-bottom:36px}.landing-eyebrow{color:#c4622d;letter-spacing:.12em;margin-bottom:10px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:12px;font-weight:800;display:inline-block}.landing-section__heading h2{margin:0 0 10px;font-size:38px;line-height:1.2}.landing-section__heading p{color:#7e7062;margin:0;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:16px}.landing-audience{padding-top:78px}.landing-audience__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.landing-audience-card{background:linear-gradient(#ffffff80,#f6eee042);border:1px solid #7e5c3a26;border-radius:8px;min-height:168px;padding:24px 22px;box-shadow:0 12px 28px #593d260f}.landing-audience-card h3,.landing-scenario h3,.landing-faq-item h3{margin:0 0 12px;font-size:20px;line-height:1.32}.landing-audience-card p,.landing-scenario p,.landing-faq-item p{color:#746659;margin:0;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:14px;line-height:1.82}.landing-scenarios{padding-top:72px}.landing-scenario-list{gap:14px;display:grid}.landing-scenario{background:#fffcf694;border:1px solid #7e5c3a26;border-radius:8px;grid-template-columns:.95fr 1fr 1fr;align-items:start;gap:24px;padding:22px 24px;display:grid;box-shadow:0 10px 24px #593d260d}.landing-scenario h3{border-left:3px solid #c4622d;padding-left:16px}.landing-scenario p+p{color:#8a7a68}.landing-template-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.landing-template{cursor:pointer;color:#4c4035;font:inherit;text-align:center;background:0 0;border:0;gap:14px;padding:0;display:grid}.landing-template:hover .landing-template__card{transform:translateY(-5px);box-shadow:0 18px 34px #533a2529}.landing-template>span{font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:15px}.landing-template__card{aspect-ratio:3/4;border:1px solid #6f533329;border-radius:8px;padding:24px 18px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 8px 18px #533a2514}.landing-template__title{font-size:clamp(15px,1.55vw,22px);font-weight:800;line-height:1.25}.landing-template__caption{color:#4e3d2f9e;margin-top:5px;font-size:10px}.landing-template__visual{background:linear-gradient(135deg,#785e3d38,#ffffff5c);border-radius:7px;height:34%;margin:18px 0 16px}.landing-template__lines{gap:7px;display:grid}.landing-template__lines span{background:#53423533;border-radius:99px;height:5px}.landing-template__lines span:nth-child(2){width:86%}.landing-template__lines span:nth-child(3){width:72%}.landing-template__checks{gap:5px;margin-top:16px;display:grid}.landing-template__checks i{background:#705c4a33;border-radius:999px;width:58%;height:5px}.landing-template--1 .landing-template__card{background:linear-gradient(#f4ead7,#eee0c7)}.landing-template--1 .landing-template__visual{background:radial-gradient(circle at 45% 56%,#d7aa72 0 12%,#92603a 13% 16%,#0000 17%),linear-gradient(135deg,#c9ad86,#f0debd)}.landing-template--2 .landing-template__card{background:#fbfaf7}.landing-template--2 .landing-template__visual{background:radial-gradient(circle at 60% 40%,#7da058 0 5%,#0000 6%),radial-gradient(circle at 46%,#6c9452 0 5%,#0000 6%),linear-gradient(135deg,#e8ece2,#b8c5a4)}.landing-template--3 .landing-template__card{background:linear-gradient(90deg,#9464431f 1px,#0000 1px) 0 0/22px 100%,linear-gradient(#ead8bd,#f2e8d8)}.landing-template--3 .landing-template__card:before{content:"TO:";text-align:left;color:#5037269e;border:1px solid #85573847;border-radius:5px;padding:8px 10px;font-size:10px;position:absolute;top:82px;left:18px;right:18px}.landing-template--4 .landing-template__card{color:#f4e8cf;background:radial-gradient(circle at 72% 45%,#dca8538c,#0000 7%),linear-gradient(#161a1e,#0e1013)}.landing-template--4 .landing-template__caption{color:#f4e8cf}.landing-template--4 .landing-template__visual{background:linear-gradient(#1f2931,#101215)}.landing-template--4 .landing-template__lines span,.landing-template--4 .landing-template__checks i{background:#f4e8cf47}.landing-template--5 .landing-template__card{background:radial-gradient(circle at 78% 10%,#76944c52,#0000 19%),radial-gradient(circle at 13% 95%,#76944c38,#0000 20%),linear-gradient(#f5f4e9,#e8ecd9)}.landing-template--5 .landing-template__visual{background:linear-gradient(135deg,#dfe8cf,#9fb67e)}.landing-template--6 .landing-template__card{background:radial-gradient(circle at 95% 94%,#c56a312e,#0000 18%),linear-gradient(#fff2df,#f2dcc0)}.landing-template--6 .landing-template__visual{background:radial-gradient(circle at 72% 55%,#d2a16d 0 9%,#0000 10%),linear-gradient(135deg,#f5dbc0,#c98754)}.landing-link-btn{color:#6b5542;cursor:pointer;background:0 0;border:0;margin:28px auto 0;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:15px;display:block}.landing-link-btn span{margin-left:8px}.landing-comparison{padding-top:78px}.landing-compare-table{background:#fffcf69e;border:1px solid #7e5c3a29;border-radius:12px;font-family:Noto Sans SC,PingFang SC,sans-serif;overflow:hidden;box-shadow:0 18px 38px #593d2612}.landing-compare-row{grid-template-columns:.75fr 1fr 1fr;display:grid}.landing-compare-row+.landing-compare-row{border-top:1px solid #7e5c3a1f}.landing-compare-row span{color:#66584c;padding:18px 22px;line-height:1.65}.landing-compare-row span+span{border-left:1px solid #7e5c3a1f}.landing-compare-row--head span{color:#3e2e22;background:#c4622d17;font-weight:800}.landing-compare-row span:nth-child(3){color:#4d5f3d;background:#7191540f}.landing-workflow{padding-top:74px}.landing-workflow__grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:64px;display:grid}.landing-step{background:#fffcf694;border:1px solid #7e5c3a29;border-radius:8px;grid-template-columns:34px 1fr;align-items:start;gap:14px;min-height:138px;padding:24px 20px;display:grid;position:relative;box-shadow:0 10px 24px #593d260f}.landing-step__num{color:#fff7ed;background:#bf6634;border-radius:50%;place-items:center;width:28px;height:28px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-weight:800;display:grid}.landing-step h3{margin:1px 0 8px;font-size:18px}.landing-step p{color:#77695d;margin:0;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:13px;line-height:1.7}.landing-step__arrow{color:#7c5b385c;font-size:34px;position:absolute;top:50%;right:-43px;transform:translateY(-50%)}.landing-promo{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:28px;padding-top:78px;display:grid}.landing-promo__main,.landing-qr-card{background:radial-gradient(circle at 92% 12%,#c4622d24,#0000 18%),#fffcf6a8;border:1px solid #8f5e3729;border-radius:16px;box-shadow:0 18px 38px #593d2614}.landing-promo__main{padding:34px 38px}.landing-promo__main h2{margin:0 0 14px;font-size:36px}.landing-promo__main p{color:#745e4a;max-width:760px;margin:0;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:16px;line-height:1.85}.landing-profile-list{flex-wrap:wrap;gap:10px 12px;margin-top:24px;display:flex}.landing-profile-list span{color:#71452d;background:#fff8ecb8;border:1px solid #7e5c3a29;border-radius:12px;padding:9px 13px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:13px;font-weight:600;line-height:1.5}.landing-qr-card{text-align:center;align-content:center;place-items:center;padding:28px 24px;display:grid}.landing-qr-box{background:#fffaf1;border:1px solid #7e5c3a33;border-radius:16px;place-items:center;width:164px;height:164px;padding:10px;display:grid;box-shadow:inset 0 0 0 8px #ffffff80}.landing-qr-box img{object-fit:contain;border-radius:10px;width:100%;height:100%;display:block}.landing-qr-card strong{color:#3d2d22;margin-top:18px;font-size:18px}.landing-qr-card p{color:#7c6d5e;margin:8px 0 0;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:13px;line-height:1.7}.landing-faq{padding-top:78px}.landing-faq__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.landing-faq-item{background:#fffcf694;border:1px solid #7e5c3a26;border-radius:8px;padding:24px 26px;box-shadow:0 10px 24px #593d260d}.landing-cta{background:radial-gradient(circle at 78% 16%,#cc854d33,#0000 23%),linear-gradient(135deg,#f6e0c3 0%,#f7ead9 48%,#e7caa2 100%);border:1px solid #905e3621;border-radius:18px;grid-template-columns:.82fr 1.18fr;align-items:center;gap:36px;min-height:270px;margin-top:72px;padding:44px 58px;display:grid;overflow:hidden}.landing-cta h2{margin:0 0 14px;font-size:clamp(34px,4vw,52px);line-height:1.18}.landing-cta p{color:#795c45;margin:0 0 28px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:17px}.landing-desk-scene{height:220px;position:relative}.landing-cup{background:radial-gradient(circle,#8f5933 0 29%,#ead2a8 30% 44%,#fff6e8 45% 64%,#0000 65%),radial-gradient(circle,#754b282e,#0000 70%);border-radius:50%;width:106px;height:106px;position:absolute;top:24px;left:16%;box-shadow:0 22px 36px #69462b2e}.landing-notebook{color:#8a674d;background:repeating-linear-gradient(#0000 0 27px,#70583c2e 28px),linear-gradient(100deg,#f9edda,#fff7e9);border-radius:10px;width:300px;height:178px;padding:34px 42px;font-size:20px;line-height:1.8;position:absolute;top:20px;right:10%;transform:rotate(6deg);box-shadow:0 24px 42px #5d402a2e}.landing-notebook span{display:block}.landing-pen{background:linear-gradient(90deg,#2d2925 0 72%,#c26431 72% 100%);border-radius:999px;width:186px;height:10px;position:absolute;bottom:20px;right:13%;transform:rotate(-22deg);box-shadow:0 12px 18px #422d1d2e}.landing-footer{color:#8a7a68;place-items:center;gap:8px;padding:46px 0 58px;font-family:Noto Sans SC,PingFang SC,sans-serif;display:grid}.landing-footer strong{color:#604c3a}.landing-footer p,.landing-footer small{margin:0}@media (width<=1080px){.landing-hero{grid-template-columns:1fr}.landing-audience__grid,.landing-feature-band,.landing-faq__list,.landing-workflow__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-template-row{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-scenario,.landing-promo{grid-template-columns:1fr}.landing-step__arrow{display:none}}@media (width<=720px){.landing-nav,.landing-hero,.landing-feature-band,.landing-section,.landing-cta,.landing-footer{max-width:calc(100vw - 28px);overflow-x:hidden;width:calc(100vw - 28px)!important}.landing-nav{flex-direction:column;align-items:flex-start;gap:16px;height:auto;padding:18px 0}.landing-nav__links{text-align:center;grid-template-columns:repeat(2,1fr);justify-items:center;gap:8px;width:100%;font-size:13px;display:grid}.landing-nav__links a,.landing-nav__links button{min-width:0}.landing-nav__links button:nth-of-type(2),.landing-nav__links button:nth-of-type(3){display:none}.landing-brand{font-size:20px}.landing-hero{min-height:0;padding:42px 0 48px}.landing-hero__copy h1{font-size:44px}.landing-hero__copy p{font-size:19px;line-height:1.55}.landing-product__brand{font-size:12px}.landing-product__top,.landing-product__body,.landing-cta{grid-template-columns:1fr}.landing-product,.landing-editor-mock,.landing-preview-mock{width:100%;min-width:0}.landing-code code{word-break:break-all}.landing-code{min-height:360px;font-size:11px}.landing-theme-switch{display:none}.landing-feature-band{grid-template-columns:1fr;gap:16px;padding:18px}.landing-audience__grid,.landing-faq__list{grid-template-columns:1fr}.landing-scenario{grid-template-columns:1fr;gap:12px;padding:20px}.landing-compare-table{border-radius:8px}.landing-compare-row{grid-template-columns:1fr}.landing-compare-row span+span{border-top:1px solid #7e5c3a1a;border-left:0}.landing-template-row{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-workflow__grid{grid-template-columns:1fr;gap:16px}.landing-promo{grid-template-columns:1fr}.landing-promo__main{padding:28px 22px}.landing-promo__main h2{font-size:30px}.landing-cta{padding:34px 24px}.landing-desk-scene{display:none}}.toolbar{z-index:100;border-bottom:1px solid rgba(var(--card-text-rgb),.1);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);box-shadow:0 10px 30px rgba(var(--shadow-dark-rgb),.08);background:#fffbf6d1 linear-gradient(#ffffffb8 0%,#fffbf6d1 100%);flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex;position:sticky;top:0}.toolbar-main{flex-wrap:wrap;flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.toolbar-status{flex:none;align-self:center;align-items:center;display:flex}.toolbar button{border:1px solid rgba(var(--card-text-rgb),.14);cursor:pointer;white-space:nowrap;background:#ffffffc2;border-radius:12px;padding:7px 12px;font-family:inherit;font-size:12px;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms,color .14s;position:relative;overflow:hidden}.toolbar button:after{content:"";opacity:0;background:linear-gradient(135deg,#fff0 0%,#ffffff1f 100%);transition:opacity .14s;position:absolute;inset:0}.toolbar button:hover{border-color:rgba(var(--card-text-rgb), .2);box-shadow:0 8px 18px rgba(var(--shadow-dark-rgb),.08);background:#fffffff0}.toolbar button:hover:after{opacity:1}.toolbar button:active{transform:translateY(1px)scale(.98)}.toolbar button.primary{color:#fff;background:#2e2418;border-color:#2e2418;box-shadow:0 10px 22px #2e24182e}.toolbar button.primary:hover{background:#3d3021}.toolbar button.accent{color:#fff;background:linear-gradient(135deg,#d6672b 0%,#b95622 100%);border-color:#b95622cc;box-shadow:0 12px 28px #c45c263d}.toolbar button.accent:hover{background:linear-gradient(135deg,#df7134 0%,#be5e29 100%);box-shadow:0 14px 30px #c45c2647}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.toolbar button:disabled:active{transform:none}.toolbar label{color:#444;cursor:pointer;font-size:12px}.toolbar label:hover span{text-decoration:underline}.toolbar input[type=file]{display:none}.toolbar .sep{background:#ddd;flex-shrink:0;width:1px;height:20px}.aspect-ratio-switcher{border:1px solid rgba(var(--card-text-rgb),.14);background:#ffffffc2;border-radius:12px;display:flex;overflow:hidden}.aspect-ratio-switcher button{color:#574736;cursor:pointer;background:0 0;border:none;border-radius:0;padding:7px 11px;font-family:inherit;font-size:12px;font-weight:600;transition:background .14s,color .14s}.aspect-ratio-switcher button:hover{background:#fffc}.aspect-ratio-switcher button.active{color:#fff;background:#2e2418;font-weight:700}.aspect-ratio-switcher button:first-child{border-right:1px solid rgba(var(--card-text-rgb),.12)}.toolbar .hint{color:#999;flex:100%;font-size:11px}#live-badge{text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:7px;flex:none;max-width:min(280px,38vw);padding:5px 10px;font-size:12px;transition:background .3s,color .3s,opacity .2s;overflow:hidden}.app-layout{flex:1;min-height:0;display:flex}.pane-editor{width:var(--app-editor-w);flex:0 0 var(--app-editor-w);border-right:1px solid rgba(var(--card-text-rgb),.08);background:linear-gradient(#fff9f2d6,#f3eadc9e);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.pane-editor-shell{flex:1;grid-template-columns:258px minmax(0,1fr);min-height:0;display:grid}.editor-workspace{background:#fffbf657;flex-direction:column;min-width:0;min-height:0;display:flex}.selection-toolbar{z-index:220;border:1px solid rgba(var(--card-text-rgb),.1);width:min(420px,100vw - 24px);max-width:calc(100vw - 32px);box-shadow:0 12px 28px rgba(var(--shadow-dark-rgb),.09);-webkit-backdrop-filter:blur(14px)saturate(1.05);backdrop-filter:blur(14px)saturate(1.05);background:linear-gradient(#fffcf7fa,#f8f1e7f5);border-radius:16px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 9px;display:flex;position:fixed}.selection-toolbar__group{border-right:1px solid rgba(var(--card-text-rgb),.08);flex-wrap:wrap;align-items:center;gap:4px;margin-right:0;padding-right:6px;display:inline-flex}.selection-toolbar__group:last-child{border-right:none;margin-right:0;padding-right:0}.selection-toolbar__group--controls{margin-left:auto}.selection-toolbar button,.selection-toolbar__color{border:1px solid rgba(var(--card-text-rgb),.08);color:#574635;cursor:pointer;background:#ffffffe0;border-radius:10px;min-height:28px;padding:5px 8px;font-size:10px;font-weight:700}.selection-toolbar select{border:1px solid rgba(var(--card-text-rgb),.12);color:#4f3f30;background:#ffffffeb;border-radius:10px;min-height:28px;padding:5px 8px;font-size:10px;font-weight:700}.selection-toolbar button:hover,.selection-toolbar__color:hover,.selection-toolbar select:hover{background:#fff}.selection-toolbar__color{justify-content:center;align-items:center;padding:4px 6px;display:inline-flex}.selection-toolbar__color input{cursor:pointer;background:0 0;border:none;width:14px;height:14px;padding:0}.component-sidebar{border-right:1px solid rgba(var(--card-text-rgb),.08);background:linear-gradient(#fffcf7fa,#f7f0e5eb),#ffffffb8;flex-direction:column;gap:16px;min-width:0;min-height:0;padding:18px 14px 28px;display:flex;overflow-y:auto}.component-sidebar__header{flex-direction:column;gap:6px;display:flex}.component-sidebar__header h2{color:#2a2016;letter-spacing:0;font-size:22px;line-height:1.08}.component-sidebar__header p{color:#8a745d;max-width:18em;font-size:12px;line-height:1.6}.component-sidebar__eyebrow{color:#be5d28;letter-spacing:.08em;text-transform:uppercase;background:#c45c261a;border-radius:999px;align-items:center;width:fit-content;margin-bottom:4px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.component-library{grid-template-columns:1fr 1fr;gap:10px;display:grid}.component-library-card{appearance:none;border:1px solid rgba(var(--card-text-rgb),.08);cursor:pointer;text-align:left;background:linear-gradient(#ffffffeb,#faf4ecf0);border-radius:18px;flex-direction:column;gap:9px;width:100%;padding:9px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;box-shadow:0 10px 24px #4d351a0d,inset 0 1px #ffffffb3}.component-library-card:hover{border-color:#b95a252e;transform:translateY(-2px);box-shadow:0 16px 34px #4d351a17,inset 0 1px #ffffffd1}.component-library-card__content{flex-direction:column;gap:4px;min-width:0;display:flex}.component-library-card__content strong{color:#2d2419;letter-spacing:0;font-size:14px;line-height:1.22}.component-library-card__content p{color:#7e6b57;font-size:11px;line-height:1.45}.component-library-card__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.component-library-card__category,.component-library-card__action{letter-spacing:.04em;font-size:10px;font-weight:700;line-height:1}.component-library-card__category{color:#a1805b}.component-library-card__action{color:#b95a25;background:#c45c261a;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.component-thumb{border:1px solid rgba(var(--card-text-rgb),.08);background:linear-gradient(#fffffffa,#f4ede3fa);border-radius:14px;min-height:92px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd1,inset 0 -20px 40px #d9c9b014}.component-thumb__accent{background:linear-gradient(90deg,#d6672b 0%,#d6672b47 100%);height:3px;position:absolute;top:0;left:0;right:0}.component-thumb__pill,.component-thumb__title,.component-thumb__line,.component-thumb__bullet,.component-thumb__dot,.component-thumb__image,.component-thumb__panel{display:block}.component-thumb__pill{background:#c5783f2e;border-radius:999px;width:26px;height:8px;position:absolute;top:12px;left:10px}.component-thumb__title{background:#3c2b1829;border-radius:999px;height:8px;position:absolute;left:10px;right:14px}.component-thumb__title--hero{border-radius:8px;width:62px;height:14px;top:30px}.component-thumb__line{background:#4e3b2224;border-radius:999px;height:6px}.component-thumb__line--short{width:64%}.component-thumb__line--soft{opacity:.68}.component-thumb__stack{flex-direction:column;gap:8px;display:flex;position:absolute;inset:14px 10px 10px}.component-thumb__list-row,.component-thumb__step-row{grid-template-columns:auto 1fr;align-items:center;gap:7px;display:grid}.component-thumb__bullet,.component-thumb__dot{background:#b95a2542;border-radius:999px;width:8px;height:8px}.component-thumb__row-lines{flex-direction:column;gap:5px;display:flex}.component-thumb__columns,.component-thumb__card-grid,.component-thumb__gallery-grid{position:absolute;inset:14px 10px 10px}.component-thumb__columns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.component-thumb__column,.component-thumb__panel{flex-direction:column;gap:5px;display:flex}.component-thumb__panel{border:1px solid rgba(var(--card-text-rgb),.06);background:#ffffffc7;border-radius:10px;padding:8px}.component-thumb__card-grid{gap:6px;display:grid}.component-thumb__gallery-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.component-thumb__image{border:1px solid rgba(var(--card-text-rgb),.06);background:linear-gradient(135deg,#e6cdadad,#f7eee3f5);border-radius:10px}.component-thumb__image--wide{grid-column:span 2}.component-thumb--gallery .component-thumb__image:first-child,.component-thumb--gallery .component-thumb__image:nth-child(2){min-height:22px}.component-thumb--gallery .component-thumb__image--wide{min-height:18px}.component-thumb--cards .component-thumb__card-grid{grid-template-columns:1fr}.component-thumb--comparison .component-thumb__line,.component-thumb--cards .component-thumb__line,.component-thumb--list .component-thumb__line,.component-thumb--steps .component-thumb__line{width:100%}.pane-preview{background:radial-gradient(circle at 50% 0,#ffffff7a,#fff0 34%),linear-gradient(#ebe2d3 0%,#e5dccb 100%);flex-direction:column;flex:1;min-width:0;min-height:0;padding:28px 18px;display:flex;overflow:hidden}.preview-scroll{box-sizing:border-box;background:0 0;border-radius:0;flex-direction:column;flex:1 1 0;align-self:center;align-items:center;width:100%;max-width:100%;min-height:0;padding:0 18px 18px;display:flex;overflow:hidden auto}.xhs-capture-root,.xhs-export-page-card{border-radius:var(--radius-card);background:linear-gradient(180deg, #ffffff38, #fff0) , var(--card-bg);width:var(--note-card-w);outline:1px solid #53381a14;max-width:100%;margin:0 auto;overflow:visible;box-shadow:0 18px 50px #58402524,0 6px 18px #58402514}.xhs-capture-stack{width:var(--note-card-w);flex-direction:column;gap:12px;max-width:100%;margin:0 auto;padding:0;display:flex;position:relative}.xhs-capture-stack--continuous:before{display:none}.xhs-capture-stack--continuous>*{z-index:1;position:relative}.editor-bar{border-bottom:1px solid rgba(var(--card-text-rgb),.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fffcf8f0,#fbf6efe0);flex-wrap:wrap;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.editor-bar button{border:1px solid rgba(var(--card-text-rgb),.12);cursor:pointer;color:#574736;background:#ffffffd6;border-radius:12px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:background .12s,border-color .12s,box-shadow .12s,transform .12s}.editor-bar button:hover{border-color:rgba(var(--card-text-rgb),.2);box-shadow:0 8px 18px rgba(var(--shadow-dark-rgb),.08);background:#fffffffa;transform:translateY(-1px)}.editor-bar .bar-sep{background:rgba(var(--card-text-rgb),.1);align-self:center;width:1px;height:20px;margin:0 2px}.note-block{padding:var(--note-block-pad-top) 0 var(--note-block-pad-bottom);background:linear-gradient(180deg, #ffffff3d, #fff0 12%), var(--card-bg);border-radius:var(--radius-card);position:relative}.xhs-export-page-card:not([data-is-first-page=true]):before{display:none}.note-meta{margin-bottom:var(--note-meta-margin-bottom);padding:0 calc(var(--note-block-pad-x) + var(--note-meta-pad-right)) 14px calc(var(--note-block-pad-x) + var(--note-meta-pad-left));border-bottom:1px solid rgba(var(--card-text-rgb), .08);color:var(--card-muted);font-size:11px;font-family:var(--note-font-family);letter-spacing:.02em;z-index:1;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.note-meta--left{text-align:left;justify-content:flex-start}.note-meta--center{text-align:center;justify-content:center}.note-meta .avatar-small{object-fit:cover;border:1px solid rgba(var(--card-text-rgb), .1);width:34px;height:34px;box-shadow:0 6px 14px rgba(var(--shadow-dark-rgb),.12);border-radius:50%;flex-shrink:0}.note-meta .who{color:var(--card-text);font-size:12px;font-weight:700}.note-meta .sep{opacity:.4}.note-meta.note-meta--hidden{display:none!important}.note-block--meta-bottom .note-meta{border-top:1px solid rgba(var(--card-text-rgb), .08);margin:24px 0 0;padding-top:14px}.note-body{z-index:1;padding-inline:var(--content-inset-x);font-family:var(--note-font-family);font-size:var(--note-font-size);line-height:var(--note-line-height);letter-spacing:var(--note-letter-spacing);color:var(--card-text);display:block;position:relative}.note-body--flow{box-sizing:border-box;overflow-wrap:break-word;word-break:normal;width:100%;min-width:0;max-width:100%;overflow:hidden}.note-body--flow .note-flow-block{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:flow-root}.note-body--flow .note-flow-block,.note-body--flow .note-flow-block *{box-sizing:border-box;max-width:100%}.note-body--flow .note-flow-block>div>:first-child{margin-top:0}.note-body--flow .note-flow-block:last-child>div>:last-child{margin-bottom:0}.note-body--flow pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden}.xhs-measure-root{width:var(--note-card-w);visibility:hidden;pointer-events:none;z-index:-1;contain:layout style;position:absolute;top:0;left:-100000px}.xhs-measure-root .xhs-export-page-card{max-width:none;box-shadow:none!important;margin:0!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-corner{background:0 0}.pane-editor-body{background:linear-gradient(#fffbf6a8,#f8f1e685);background-image:linear-gradient(180deg, #fffbf6a8, #f8f1e685), radial-gradient(circle at 1px 1px, rgba(var(--card-text-rgb), .04) 1px, transparent 0);background-size:auto,24px 24px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow-y:auto}.pane-editor-body:before{content:"Markdown Workspace";z-index:1;border:1px solid rgba(var(--card-text-rgb),.08);color:#8a7661;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbf6e6;border-radius:999px;align-self:flex-start;margin:12px 0 0 18px;padding:4px 10px;font-size:10px;position:sticky;top:0}#md-editor{resize:none;color:#3a3026;width:100%;min-height:0;caret-color:var(--accent);background:0 0;border:none;flex:1;padding:22px 22px 36px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.78;display:block;overflow-y:auto}#md-editor:focus{border-radius:4px;outline:none;box-shadow:inset 0 0 0 1px #c8642f26}#md-editor::placeholder{color:#a59380}.xhs-page-template{gap:var(--template-section-gap);z-index:1;min-height:220px;padding-inline:var(--content-inset-x);flex-direction:column;display:flex;position:relative}.xhs-page-template__top{opacity:.9;background:linear-gradient(90deg, var(--template-local-accent,var(--accent)) 0%, var(--template-local-accent,var(--accent)) 58%, var(--template-local-accent-line,var(--template-accent-line)) 100%);border-radius:999px;height:4px}.xhs-page-template__cover{min-height:calc(260px + var(--template-card-min-height));flex-direction:column;justify-content:flex-end;gap:12px;padding:20px 2px 4px;display:flex}.xhs-page-template__cover h1{font-size:calc(40px * var(--template-title-scale));letter-spacing:0;text-wrap:balance;width:100%;max-width:none;margin:0;line-height:1.08}.xhs-page-template__cover p{font-size:calc(14px * var(--template-body-scale));max-width:20em;margin:0;line-height:1.65}.xhs-page-template__badge,.xhs-page-template__mini-badge{background:var(--template-panel-bg);border:1px solid;border-color:var(--template-local-accent-border,var(--template-panel-border));width:fit-content;color:var(--template-local-accent-ink,var(--template-accent-ink,var(--accent)));border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.xhs-page-template__mini-badge--accent{background:var(--template-local-accent-solid,var(--template-accent-solid,var(--template-accent-soft)));color:var(--template-local-accent-ink,var(--template-accent-ink,var(--accent)));border-color:#0000}.xhs-page-template__mini-badge--danger{background:var(--template-danger-soft);color:var(--template-danger-text);border-color:#0000}.xhs-page-template__section{gap:var(--template-section-gap);flex-direction:column;display:flex}.xhs-page-template__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.xhs-page-template__section--toc{gap:calc(var(--template-section-gap) + 2px)}.xhs-page-template__section--toc .xhs-page-template__heading h2{max-width:none;font-size:calc(22px * var(--template-title-scale))}.xhs-page-template__list--toc{gap:10px}.xhs-page-template__section h2{font-size:calc(24px * var(--template-title-scale));letter-spacing:0;text-wrap:balance;width:100%;max-width:none;margin:0;line-height:1.16}.xhs-page-template__list,.xhs-page-template__cards,.xhs-page-template__steps,.xhs-page-template__stats,.xhs-page-template__timeline{gap:calc(var(--template-section-gap) - 2px);flex-direction:column;display:flex}.xhs-page-template__list-item,.xhs-page-template__step,.xhs-page-template__timeline-item{grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.xhs-page-template__list--toc .xhs-page-template__list-item{padding:calc(var(--template-card-padding) - 4px) calc(var(--template-card-padding) - 2px);border-radius:var(--template-panel-radius);background:var(--template-panel-bg);border:1px solid var(--template-local-accent-border,var(--template-panel-border));box-shadow:var(--template-panel-shadow);align-items:center}.xhs-page-template__list-mark,.xhs-page-template__step-index{min-width:30px;min-height:30px;font-size:calc(12px * var(--template-body-scale));border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.xhs-page-template__comparison-head,.xhs-page-template__comparison-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.xhs-page-template__comparison-head{color:var(--muted-mixed-color,#7f6c58d1);font-size:12px;font-weight:700}.xhs-page-template__comparison-row>div,.xhs-page-template__qa-card,.xhs-page-template__testimonial,.xhs-page-template__stat-card,.xhs-page-template__quote-note{padding:var(--template-card-padding);border-radius:var(--template-panel-radius);background:var(--template-panel-bg);border:1px solid var(--template-panel-border);box-shadow:var(--template-panel-shadow);min-height:var(--template-card-min-height)}.xhs-page-template__comparison-grid,.xhs-page-template__stats{flex-direction:column;gap:8px;display:flex}.xhs-page-template__timeline{position:relative}.xhs-page-template__timeline-time{font-size:calc(11px * var(--template-body-scale));color:var(--template-local-accent-ink,var(--template-accent-ink,var(--accent)));padding-top:2px;font-weight:700}.xhs-page-template__timeline-dot{width:12px;height:12px;box-shadow:0 0 0 4px var(--timeline-dot-ring-color,#ffffffb8);border-radius:999px;margin-top:6px}.xhs-page-template__qa-card strong,.xhs-page-template__step h3,.xhs-page-template__timeline-item h3,.xhs-page-template__comparison-row>div,.xhs-page-template__list-item>span:last-child{font-size:calc(14px * var(--template-body-scale));line-height:1.45}.xhs-page-template__qa-card p,.xhs-page-template__step p,.xhs-page-template__timeline-item p,.xhs-page-template__quote-note p,.xhs-page-template__stat-card span,.xhs-page-template__testimonial p{font-size:calc(12px * var(--template-body-scale));line-height:1.6}.xhs-page-template__timeline-item:not(:last-child) .xhs-page-template__timeline-dot:after{content:"";background:var(--template-local-accent-line,var(--template-accent-line));width:2px;position:absolute;top:18px;bottom:-18px;left:5px}.xhs-page-template__headline{font-size:calc(28px * var(--template-title-scale));letter-spacing:0;text-wrap:balance;width:100%;max-width:none;font-weight:700;line-height:1.08}.xhs-page-template__stat-card strong{font-size:calc(20px * var(--template-title-scale));margin-top:4px;display:block}.xhs-page-template__quote{gap:var(--template-section-gap);flex-direction:column;padding-top:12px;display:flex}.xhs-page-template__quote blockquote{font-size:calc(26px * var(--template-title-scale));letter-spacing:0;text-wrap:balance;background:0 0;border:none;width:100%;max-width:none;margin:0;padding:0;line-height:1.2}.xhs-page-template__quote-note span{margin-top:10px;font-size:11px;font-weight:700;display:inline-block}.xhs-page-template__myth-fact{grid-template-columns:1fr 1fr;gap:12px;display:grid}.xhs-page-template__myth-fact>div{padding:var(--template-card-padding);border-radius:var(--template-panel-radius);background:var(--template-panel-bg);border:1px solid var(--template-panel-border);box-shadow:var(--template-panel-shadow)}.xhs-page-template__gallery{gap:10px;display:grid}.xhs-page-template__gallery--2-grid{grid-template-columns:1fr 1fr}.xhs-page-template__gallery--3-grid{grid-template-columns:repeat(3,1fr)}.xhs-page-template__gallery--hero-two{grid-template-columns:1.35fr 1fr}.xhs-page-template__gallery--hero-two .xhs-page-template__gallery-img:first-child{grid-row:span 2;min-height:260px}.xhs-page-template__gallery-img{object-fit:cover;border:1px solid #50381f14;border-radius:18px;width:100%;height:180px;display:block;box-shadow:0 10px 24px #4d371d1a,0 2px 6px #4d371d0d}.note-body p{margin:0 0 var(--note-p-margin-bottom);text-wrap:pretty}.note-body p:last-child{margin-bottom:.3em}.note-body li>p{margin:0 0 .38em}.note-body li>p:last-child{margin-bottom:0}.note-body h1,.note-body h2,.note-body h3{color:var(--card-text);letter-spacing:0;z-index:1;overflow-wrap:break-word;word-break:normal;text-wrap:wrap;font-family:inherit;font-weight:700;line-height:1.34;position:relative}.note-body h1{margin:var(--note-h2-margin-top) 0 var(--note-h2-margin-bottom);letter-spacing:0;font-size:24px;line-height:1.34}.note-body h2{letter-spacing:0;margin:var(--note-h2-margin-top) 0 var(--note-h2-margin-bottom);border-left:2px solid var(--accent-dim);padding-left:.72em;font-size:19px;font-weight:700}.note-body h3{letter-spacing:0;margin:var(--note-h3-margin-top) 0 var(--note-h3-margin-bottom);padding-left:1.05em;font-size:16px;font-weight:700}.note-body h3:before{content:"";background:var(--card-text);opacity:.28;border-radius:50%;width:.2em;height:.2em;position:absolute;top:.52em;left:.28em}.note-body>h1:first-child,.note-body>h2:first-child,.note-body>h3:first-child{margin-top:0}.note-body p+ul,.note-body p+ol{padding-top:var(--note-list-pad-top);margin-top:0}.note-body ul+h2,.note-body ul+h3,.note-body ol+h2,.note-body ol+h3{margin-top:var(--note-list-after-h)}.note-body ul,.note-body ol{margin:0 0 var(--note-ul-margin-bottom);padding:0;list-style:none}.note-body ul>li,.note-body ol>li{padding-left:calc(var(--note-list-marker-col) + .5em);margin-bottom:var(--note-li-margin-bottom);line-height:var(--note-li-line-height);position:relative}.note-body ul>li:last-child,.note-body ol>li:last-child{margin-bottom:0}.note-body ul>li:before{content:"";background:var(--card-text);opacity:.35;border-radius:50%;width:.28em;height:.28em;position:absolute;top:.52em;left:.3em}.note-body ol{counter-reset:note-li}.note-body ol>li{counter-increment:note-li}.note-body ol>li:before{content:counter(note-li) ".";width:var(--note-list-marker-col);text-align:right;box-sizing:border-box;opacity:.45;font-variant-numeric:tabular-nums;padding-right:.32em;font-size:.87em;font-weight:600;position:absolute;top:.1em;left:0}.note-body li ul,.note-body li ol{margin:.26em 0 .06em}.note-body strong{color:var(--card-text);font-weight:700}.note-body em{font-style:italic}.note-body code{background:rgba(var(--card-text-rgb), .06);border-left:2px solid var(--accent-dim);border-radius:6px;padding:1px 6px;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:.87em}.note-body pre{margin:0 0 var(--note-pre-margin);background:rgba(var(--card-text-rgb), .045);border-left:3px solid var(--accent-dim);border-radius:14px;padding:12px 14px 12px 16px;font-size:12.5px;line-height:1.56;overflow-x:auto}.note-body pre code{background:0 0;border:none;padding:0}.note-body blockquote{margin:var(--note-blockquote-margin) 0;padding:var(--note-blockquote-padding) 16px var(--note-blockquote-padding) 18px;border-left:3px solid var(--accent);color:var(--card-text);background:#c8642f0e;border-radius:16px;font-size:.95em}.note-body blockquote p:last-child{margin-bottom:0}.note-body hr{margin:var(--note-hr-margin) 0;border:none;border-top:1px solid #0000000f}.note-body img{width:100%;max-width:100%;height:auto;margin:var(--note-img-margin) 0;object-fit:cover;border:1px solid #50381f14;border-radius:14px;display:block;box-shadow:inset 0 1px #ffffffbf,0 10px 24px #4d371d24,0 2px 6px #4d371d14}.note-body a{color:var(--accent);text-decoration:none}.footer-brand{text-align:center;color:#0003;letter-spacing:.04em;margin:6px 0 0;font-size:10px}#settings-panel{border-left:1px solid rgba(var(--card-text-rgb),.08);width:320px;height:100vh;box-shadow:-18px 0 42px rgba(var(--shadow-dark-rgb),.12);z-index:200;-webkit-backdrop-filter:blur(20px)saturate(1.08);backdrop-filter:blur(20px)saturate(1.08);background:#fffbf6f5;flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}#settings-panel.open{transform:translate(0)}#settings-overlay{z-index:190;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .28s;position:fixed;inset:0}#settings-overlay.visible{opacity:1;pointer-events:auto}.settings-header{border-bottom:1px solid rgba(var(--card-text-rgb),.08);background-image:linear-gradient(#c8642f12 0%,#0000 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.settings-header h2{font-size:15px;font-weight:700}.settings-close{color:#999;cursor:pointer;background:0 0!important;border:none!important;padding:2px 6px!important;font-size:20px!important}.settings-close:hover{color:#333!important}.settings-body{flex:1;padding:16px 18px 24px;overflow-y:auto}.settings-section{margin-bottom:20px}.settings-section h3{color:var(--card-muted);text-transform:uppercase;letter-spacing:.1em;border-left:2px solid var(--accent-dim);margin-bottom:10px;padding-left:.6em;font-size:11px;font-weight:700}.settings-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.settings-row--col{flex-direction:column;align-items:stretch}.settings-row--col>label,.settings-label-top{color:#444;width:100%;margin-bottom:4px;font-size:12px}.settings-row label{color:#444;flex:1;font-size:12px}.settings-input{border:1px solid rgba(var(--card-text-rgb),.12);box-sizing:border-box;background:#ffffffc2;border-radius:10px;width:100%;padding:8px 10px;font-family:inherit;font-size:12px}.settings-input--mt{margin-top:6px}.settings-check-row{color:#444;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:flex}.settings-check-row input{cursor:pointer}.settings-avatar-row{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.settings-avatar-preview{object-fit:cover;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:50%;flex-shrink:0;width:44px;height:44px}.settings-avatar-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.settings-file-btn{border:1px solid rgba(var(--card-text-rgb),.12);cursor:pointer;background:#fffc;border-radius:10px;padding:6px 12px;font-family:inherit;font-size:11px}.settings-file-btn:hover{background:#fffffff0}.settings-file-input{display:none}.settings-mini-btn{border:1px solid rgba(var(--card-text-rgb),.12);cursor:pointer;background:#ffffffc2;border-radius:10px;padding:6px 12px;font-family:inherit;font-size:11px}.settings-mini-btn:hover{background:#ffffffeb}input[type=date].settings-input{cursor:pointer}.settings-input--inline{flex:1}.settings-bg-preview{border:1px solid rgba(var(--card-text-rgb),.1);background:linear-gradient(#fffc,#f3eaddeb);border-radius:16px;width:100%;min-height:92px;overflow:hidden;box-shadow:inset 0 1px #ffffffb8}.settings-bg-preview img{object-fit:cover;width:100%;height:92px;display:block}.settings-bg-preview__empty{color:#917861;justify-content:center;align-items:center;min-height:92px;font-size:12px;display:flex}.settings-row input[type=color]{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:5px;width:34px;height:26px;padding:1px}.settings-row input[type=range]{accent-color:var(--accent);cursor:pointer;flex:1}.settings-row select{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:5px;padding:3px 7px;font-size:12px}.range-with-val{flex:1;align-items:center;gap:6px;display:flex}.range-with-val input[type=range]{flex:1}.range-with-val span{color:#999;text-align:right;min-width:28px;font-size:11px}.theme-swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:10px;width:32px;height:32px;transition:border-color .12s,transform .12s,box-shadow .12s}.swatch:hover{transform:scale(1.1)}.swatch.active{border-color:var(--accent);box-shadow:0 8px 18px rgba(var(--shadow-dark-rgb),.08)}.preset-chip{border:1px solid rgba(var(--card-text-rgb), .12);cursor:pointer;color:var(--card-text);background:#ffffffc2;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:11px;transition:all .15s;display:inline-block}.preset-chip:hover{box-shadow:0 8px 18px rgba(var(--shadow-dark-rgb),.08);background:#fffffff0;transform:translateY(-1px)}.preset-chip.active{color:#fff;background:#2e2418;border-color:#2e2418;box-shadow:0 10px 20px #2e241829}.settings-btn-row{gap:7px;margin-top:6px;display:flex}.settings-btn-row button{flex:1;padding:5px 8px;font-size:11px}.settings-divider{border:none;border-top:1px solid #eee;margin:14px 0}#emoji-panel{border:1px solid rgba(var(--card-text-rgb), .1);box-shadow:0 18px 40px rgba(var(--shadow-dark-rgb),.14);z-index:150;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#fffbf6f5;border-radius:18px;width:280px;max-height:240px;padding:10px;transition:opacity .18s,transform .18s;position:fixed;bottom:70px;left:50%;overflow-y:auto;transform:translate(-50%)scale(.9)}#emoji-panel.open{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:5px;padding:3px;font-size:17px;line-height:1;transition:background .1s}.emoji-btn:hover{background:#f0f0f0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000021;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000038}@media (width>=901px){:root{--app-editor-w:46%;--app-preview-w:54%;--preview-max-w:100%}}@media (width>=701px) and (width<=900px){:root{--app-editor-w:50%;--app-preview-w:50%;--preview-max-w:100%}.pane-editor-shell{grid-template-columns:220px minmax(0,1fr)}.component-library{grid-template-columns:1fr}}@media (width<=700px){html,body,#root{height:auto;min-height:100%;overflow-x:hidden}body{display:block;overflow-y:auto}#root{overflow:visible}.toolbar{align-items:stretch;gap:6px;padding:8px 8px 7px;position:sticky;top:0}.toolbar-main{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow:auto hidden}.toolbar-main>button,.toolbar-main>.aspect-ratio-switcher,.toolbar-main>div:not(.sep){flex:none}.toolbar-main::-webkit-scrollbar{display:none}.toolbar button,.aspect-ratio-switcher button{min-height:36px;padding:8px 11px;font-size:12px}.toolbar .sep{display:none}.toolbar-status{max-width:38%}#live-badge{align-items:center;max-width:100%;min-height:34px;display:inline-flex}.app-layout{flex-direction:column;flex:none;min-height:0;overflow:visible}.pane-editor{border-bottom:1px solid rgba(var(--card-text-rgb),.1);height:min(68vh,620px);min-height:520px;max-height:none;border-right:none!important;flex:none!important;width:100%!important}.pane-editor-shell{flex-direction:column;min-height:0;display:flex}.component-sidebar{border-right:none;border-bottom:1px solid rgba(var(--card-text-rgb),.08);scrollbar-width:none;flex:none;gap:10px;max-height:none;padding:12px 12px 14px;overflow:auto hidden}.component-sidebar::-webkit-scrollbar{display:none}.component-sidebar__header{display:none}.component-library{gap:10px;min-width:max-content;display:flex}.component-library-card{border-radius:14px;width:128px;min-width:128px;padding:8px}.component-thumb{border-radius:12px;min-height:72px}.component-library-card__content strong{font-size:12px}.component-library-card__content p{display:none}.editor-workspace{flex:auto;min-height:0}.editor-bar{scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding:9px 10px;overflow-x:auto}.editor-bar::-webkit-scrollbar{display:none}.editor-bar button{min-height:34px;padding:7px 10px}.pane-editor-body:before{margin-left:12px;font-size:9px}#md-editor{padding:18px 14px 28px;font-size:16px;line-height:1.68}.pane-preview{flex:none;min-height:60vh;padding:16px 8px 34px;overflow:visible}.preview-scroll{flex:none;align-items:flex-start;min-height:60vh;padding:0 8px 28px;overflow:auto visible}.xhs-stage,.xhs-capture-stack,.xhs-export-page-card{max-width:none}#settings-panel{width:min(420px,100vw - 28px)}.settings-body{padding-bottom:calc(34px + env(safe-area-inset-bottom))}.selection-toolbar{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;max-width:none;top:auto!important;left:10px!important}}@media (width<=480px){.landing-page{min-width:0}.landing-nav,.landing-hero,.landing-feature-band,.landing-section,.landing-cta,.landing-footer{max-width:calc(100vw - 22px);width:calc(100vw - 22px)!important}.landing-hero{padding-top:32px}.landing-hero__copy h1{font-size:36px;line-height:1.16}.landing-actions{gap:10px}.landing-btn{flex:140px;min-width:0;min-height:48px;padding-inline:14px;font-size:15px}.landing-product__body{grid-template-columns:1fr;padding:10px}.landing-editor-mock{display:none}.landing-preview-mock{min-height:0}.landing-note-card{width:min(100%,286px);padding:26px 26px 22px}.landing-template-row{grid-template-columns:1fr}.landing-promo__main,.landing-cta{padding-inline:18px}}.xhs-preview-image-root{shape-margin:0;transition:filter .2s,transform .2s;position:relative;overflow:visible}.xhs-preview-image-root--selected{z-index:6;filter:saturate(1.02)}.xhs-preview-image-root img.xhs-img-editable{float:none;box-sizing:border-box;max-width:100%;margin:0}.xhs-preview-image-shift{overflow:visible}.xhs-image-figure{background:linear-gradient(#ffffffe6,#f8f1e7db);border:1px solid #634a2812;border-radius:14px;padding:4px;position:relative;box-shadow:0 10px 20px #523d231a,0 2px 6px #523d230d,inset 0 1px #ffffffd1}.xhs-image-figure:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff3d,#fff0 28%);position:absolute;inset:0}.xhs-image-wrapper{cursor:pointer;display:block;position:relative}.xhs-image-wrapper:hover{outline-offset:2px;outline:2px dashed #c45c2666}.xhs-image-wrapper.selected{outline:2px solid var(--accent);outline-offset:2px}.xhs-image--block,.xhs-image--full-width{width:100%;display:block}.xhs-stage{width:var(--note-card-w);isolation:isolate;background:0 0;border-radius:0;max-width:100%;margin:0 auto;padding:0;position:relative;overflow:visible}.xhs-stage__background,.xhs-stage__overlay,.xhs-stage__grain{display:none}.xhs-stage__background{border-radius:inherit;background-color:var(--stage-bg);background-image:var(--stage-bg-image), radial-gradient(circle at top, #ffffff57, #fff0 42%), linear-gradient(rgba(34, 24, 18, var(--stage-bg-dim)), rgba(34, 24, 18, var(--stage-bg-dim)));background-size:var(--stage-bg-size), cover, auto;background-position:var(--stage-bg-position), center top, center center;filter:blur(calc(var(--stage-bg-blur) * .46));background-repeat:no-repeat,no-repeat,no-repeat;inset:0;box-shadow:inset 0 1px #ffffff80,0 16px 40px #58402514}.xhs-stage__overlay{border-radius:inherit;background:linear-gradient(180deg, #ffffff3d, #ffffff0f), var(--stage-overlay)}.xhs-stage__grain{border-radius:inherit;opacity:.08;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.8'/%3E%3C/svg%3E");background-size:180px 180px}.xhs-capture-stack{width:var(--note-card-w);gap:12px;max-width:100%;padding:0}.xhs-export-page-card{z-index:1;width:var(--note-card-w);max-width:100%;height:var(--note-card-h,auto);border-radius:var(--radius-card);background:var(--card-bg);flex-direction:column;flex-shrink:0;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d,0 10px 28px #5840251a}.xhs-export-page-card:before{content:"";height:var(--top-line-h);background:var(--top-line-grad);border-radius:var(--radius-card) var(--radius-card) 0 0;z-index:0;position:absolute;top:0;left:0;right:0}.xhs-export-page-card:after{content:attr(data-page-label);color:var(--card-muted);opacity:.45;pointer-events:none;z-index:10;font-family:monospace;font-size:9px;position:absolute;bottom:6px;right:10px}.note-content{z-index:3;min-height:0;padding:var(--note-block-pad-top) 0 var(--note-block-pad-bottom);box-sizing:border-box;pointer-events:auto;flex-direction:column;flex:1;display:flex;position:relative}.note-decor-layer{z-index:2;pointer-events:none;border-radius:var(--radius-card);position:absolute;inset:0;overflow:hidden}.note-block--body{flex:none;position:relative;overflow:hidden}.note-block--body:before,.note-block--body:after{display:none}.note-block--body .note-body{scrollbar-width:none;flex:1;overflow:hidden}.note-block--body .note-body::-webkit-scrollbar{display:none}.xhs-export-page-card.note-block--template{width:var(--note-card-w);flex:none;max-width:100%;margin:0 auto;padding:0;overflow:hidden}.note-block--template:before,.note-block--template:after{display:none}.note-block--template .note-body{width:100%;max-width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;min-height:0;margin:0 auto;padding:0;position:relative}.note-block--continuation .note-meta{display:none}.xhs-page-template__badge,.xhs-page-template__mini-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.xhs-page-template--cover .xhs-page-template__cover{min-height:calc(260px + var(--template-card-min-height));justify-content:flex-end;gap:12px;padding:24px 0 14px}.xhs-page-template--cover .xhs-page-template__cover h1{font-size:calc(34px * var(--template-title-scale));letter-spacing:0;text-wrap:balance;width:100%;max-width:none;line-height:1.1}.xhs-page-template--cover .xhs-page-template__cover p{font-size:calc(14px * var(--template-body-scale));max-width:20em;line-height:1.65}.xhs-page-template--info .xhs-page-template__section,.xhs-page-template--result .xhs-page-template__section,.xhs-page-template--result .xhs-page-template__quote{gap:var(--template-section-gap)}.xhs-page-template--result .xhs-page-template__headline{font-size:calc(28px * var(--template-title-scale));letter-spacing:0;text-wrap:balance;width:100%;max-width:none;line-height:1.08}.xhs-page-template__section h2{font-size:calc(24px * var(--template-title-scale));letter-spacing:0;text-wrap:balance;width:100%;max-width:none;line-height:1.16}.xhs-page-template__list,.xhs-page-template__cards,.xhs-page-template__steps,.xhs-page-template__stats,.xhs-page-template__timeline{gap:calc(var(--template-section-gap) - 2px)}.xhs-page-template__comparison-row>div,.xhs-page-template__qa-card,.xhs-page-template__testimonial,.xhs-page-template__stat-card,.xhs-page-template__quote-note{background:var(--template-panel-bg);border-color:var(--template-local-accent-border,var(--template-panel-border));box-shadow:var(--template-panel-shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.xhs-page-template__qa-card,.xhs-page-template__testimonial,.xhs-page-template__stat-card,.xhs-page-template__quote-note{padding:var(--template-card-padding);border-radius:var(--template-panel-radius)}.xhs-page-template__stat-card strong{font-size:calc(20px * var(--template-title-scale));letter-spacing:0}.xhs-page-template__step{grid-template-columns:30px 1fr;gap:12px}.xhs-page-template__step-index,.xhs-page-template__list-mark{min-width:30px;min-height:30px;font-size:calc(12px * var(--template-body-scale));box-shadow:0 10px 20px #4f3a1f0f}.xhs-page-template__timeline-item{grid-template-columns:68px 14px 1fr}.xhs-page-template__timeline-dot{width:12px;height:12px;margin-top:8px;box-shadow:0 0 0 5px #ffffffb8}.xhs-page-template__comparison-head{color:var(--muted-mixed-color,#7f6c58d1)}.xhs-page-template__gallery-img{box-shadow:0 16px 32px #4d371d14,0 3px 8px #4d371d0d}.xhs-page-template__quote blockquote{font-size:calc(26px * var(--template-title-scale));letter-spacing:0;text-wrap:balance;width:100%;max-width:none;line-height:1.18}.xhs-export-page-card[data-advanced-template] .xhs-page-template{gap:calc(var(--template-section-gap) + 2px)}.xhs-export-page-card[data-advanced-template] .xhs-page-template__top{opacity:.72;background:linear-gradient(90deg, transparent 0%, var(--template-local-accent-line,var(--template-accent-line)) 18%, var(--template-local-accent,var(--accent)) 62%, transparent 100%);height:2px}.xhs-export-page-card[data-advanced-template] .xhs-page-template__badge,.xhs-export-page-card[data-advanced-template] .xhs-page-template__mini-badge,.xhs-export-page-card[data-advanced-template] .xhs-page-template__list-mark,.xhs-export-page-card[data-advanced-template] .xhs-page-template__step-index{background:var(--template-local-accent-solid,var(--template-accent-solid));border-color:var(--template-local-accent-border,var(--template-panel-border));color:var(--template-local-accent-ink,var(--accent))}.xhs-export-page-card[data-advanced-template] .xhs-page-template__comparison-row>div,.xhs-export-page-card[data-advanced-template] .xhs-page-template__qa-card,.xhs-export-page-card[data-advanced-template] .xhs-page-template__testimonial,.xhs-export-page-card[data-advanced-template] .xhs-page-template__stat-card,.xhs-export-page-card[data-advanced-template] .xhs-page-template__quote-note,.xhs-export-page-card[data-advanced-template] .xhs-page-template__myth-fact>div,.xhs-export-page-card[data-advanced-template] .xhs-page-template__list--toc .xhs-page-template__list-item{background:var(--template-panel-bg);border-color:var(--template-local-accent-border,var(--template-panel-border));box-shadow:var(--template-panel-shadow)}.xhs-export-page-card[data-advanced-template=soft-paper] .xhs-page-template__comparison-row>div,.xhs-export-page-card[data-advanced-template=soft-paper] .xhs-page-template__qa-card,.xhs-export-page-card[data-advanced-template=soft-paper] .xhs-page-template__testimonial,.xhs-export-page-card[data-advanced-template=soft-paper] .xhs-page-template__stat-card,.xhs-export-page-card[data-advanced-template=soft-paper] .xhs-page-template__quote-note,.xhs-export-page-card[data-advanced-template=soft-paper] .xhs-page-template__myth-fact>div,.xhs-export-page-card[data-advanced-template=warm-scrapbook] .xhs-page-template__comparison-row>div,.xhs-export-page-card[data-advanced-template=warm-scrapbook] .xhs-page-template__qa-card,.xhs-export-page-card[data-advanced-template=warm-scrapbook] .xhs-page-template__testimonial,.xhs-export-page-card[data-advanced-template=warm-scrapbook] .xhs-page-template__stat-card,.xhs-export-page-card[data-advanced-template=warm-scrapbook] .xhs-page-template__quote-note,.xhs-export-page-card[data-advanced-template=warm-scrapbook] .xhs-page-template__myth-fact>div,.xhs-export-page-card[data-advanced-template=study-flashcard] .xhs-page-template__comparison-row>div,.xhs-export-page-card[data-advanced-template=study-flashcard] .xhs-page-template__qa-card,.xhs-export-page-card[data-advanced-template=study-flashcard] .xhs-page-template__testimonial,.xhs-export-page-card[data-advanced-template=study-flashcard] .xhs-page-template__stat-card,.xhs-export-page-card[data-advanced-template=study-flashcard] .xhs-page-template__quote-note,.xhs-export-page-card[data-advanced-template=study-flashcard] .xhs-page-template__myth-fact>div{border-style:dashed}.xhs-export-page-card[data-advanced-template=tech-memo] .xhs-page-template__comparison-row>div,.xhs-export-page-card[data-advanced-template=tech-memo] .xhs-page-template__qa-card,.xhs-export-page-card[data-advanced-template=tech-memo] .xhs-page-template__testimonial,.xhs-export-page-card[data-advanced-template=tech-memo] .xhs-page-template__stat-card,.xhs-export-page-card[data-advanced-template=tech-memo] .xhs-page-template__quote-note,.xhs-export-page-card[data-advanced-template=tech-memo] .xhs-page-template__myth-fact>div,.xhs-export-page-card[data-advanced-template=ai-dashboard] .xhs-page-template__comparison-row>div,.xhs-export-page-card[data-advanced-template=ai-dashboard] .xhs-page-template__qa-card,.xhs-export-page-card[data-advanced-template=ai-dashboard] .xhs-page-template__testimonial,.xhs-export-page-card[data-advanced-template=ai-dashboard] .xhs-page-template__stat-card,.xhs-export-page-card[data-advanced-template=ai-dashboard] .xhs-page-template__quote-note,.xhs-export-page-card[data-advanced-template=ai-dashboard] .xhs-page-template__myth-fact>div{background:linear-gradient(180deg, #ffffff70, rgba(var(--card-bg-rgb), .32)), var(--template-panel-bg);border-radius:8px}.xhs-export-page-card[data-advanced-template=editorial-index] .xhs-page-template__comparison-row>div,.xhs-export-page-card[data-advanced-template=editorial-index] .xhs-page-template__qa-card,.xhs-export-page-card[data-advanced-template=editorial-index] .xhs-page-template__testimonial,.xhs-export-page-card[data-advanced-template=editorial-index] .xhs-page-template__stat-card,.xhs-export-page-card[data-advanced-template=editorial-index] .xhs-page-template__quote-note,.xhs-export-page-card[data-advanced-template=editorial-index] .xhs-page-template__myth-fact>div{box-shadow:none;border-left-width:2px}.xhs-export-page-card[data-advanced-template=archive-file] .xhs-page-template{padding-right:calc(var(--content-inset-x) + 10px)}.xhs-export-page-card[data-advanced-template=archive-file] .xhs-page-template__comparison-row>div,.xhs-export-page-card[data-advanced-template=archive-file] .xhs-page-template__qa-card,.xhs-export-page-card[data-advanced-template=archive-file] .xhs-page-template__testimonial,.xhs-export-page-card[data-advanced-template=archive-file] .xhs-page-template__stat-card,.xhs-export-page-card[data-advanced-template=archive-file] .xhs-page-template__quote-note,.xhs-export-page-card[data-advanced-template=archive-file] .xhs-page-template__myth-fact>div{background:linear-gradient(180deg, #fff8e261, rgba(var(--card-bg-rgb), .42)), var(--template-panel-bg);border-radius:6px}.xhs-export-page-card[data-advanced-template=creator-note] .xhs-page-template__comparison-row>div,.xhs-export-page-card[data-advanced-template=creator-note] .xhs-page-template__qa-card,.xhs-export-page-card[data-advanced-template=creator-note] .xhs-page-template__testimonial,.xhs-export-page-card[data-advanced-template=creator-note] .xhs-page-template__stat-card,.xhs-export-page-card[data-advanced-template=creator-note] .xhs-page-template__quote-note,.xhs-export-page-card[data-advanced-template=creator-note] .xhs-page-template__myth-fact>div{background:linear-gradient(180deg, #ffffff80, #ffe8de57), var(--template-panel-bg);border-radius:10px}.xhs-export-page-card:is([data-advanced-template=food-recipe],[data-advanced-template=beauty-swatch],[data-advanced-template=parenting-soft],[data-advanced-template=book-review]) :is(.xhs-page-template__comparison-row>div,.xhs-page-template__qa-card,.xhs-page-template__testimonial,.xhs-page-template__stat-card,.xhs-page-template__quote-note,.xhs-page-template__myth-fact>div){background:linear-gradient(180deg, #ffffff7a, rgba(var(--card-bg-rgb), .32)), var(--template-panel-bg);border-style:dashed}.xhs-export-page-card:is([data-advanced-template=travel-map],[data-advanced-template=fashion-lookbook],[data-advanced-template=home-decor],[data-advanced-template=photo-frame]) :is(.xhs-page-template__comparison-row>div,.xhs-page-template__qa-card,.xhs-page-template__testimonial,.xhs-page-template__stat-card,.xhs-page-template__quote-note,.xhs-page-template__myth-fact>div){background:linear-gradient(135deg, #ffffff75, rgba(var(--card-bg-rgb), .3)), var(--template-panel-bg);border-radius:6px}.xhs-export-page-card:is([data-advanced-template=fitness-energy],[data-advanced-template=finance-ledger]) :is(.xhs-page-template__comparison-row>div,.xhs-page-template__qa-card,.xhs-page-template__testimonial,.xhs-page-template__stat-card,.xhs-page-template__quote-note,.xhs-page-template__myth-fact>div){background:linear-gradient(180deg, #ffffff5c, rgba(var(--accent-rgb), .06)), var(--template-panel-bg);border-radius:8px}.xhs-export-page-card[data-advanced-template=fashion-lookbook] .xhs-page-template__headline,.xhs-export-page-card[data-advanced-template=photo-frame] .xhs-page-template__headline{letter-spacing:0}.xhs-export-page-card[data-advanced-template=fitness-energy] .xhs-page-template__top,.xhs-export-page-card[data-advanced-template=finance-ledger] .xhs-page-template__top{height:3px}@media (width<=900px){.xhs-stage{width:var(--note-card-w);border-radius:0;max-width:100%;padding:0}.xhs-capture-stack{max-width:100%}.xhs-page-template--cover .xhs-page-template__cover h1{font-size:calc(34px * var(--template-title-scale))}.xhs-page-template--result .xhs-page-template__headline{font-size:calc(30px * var(--template-title-scale))}.xhs-page-template__quote blockquote{font-size:calc(26px * var(--template-title-scale))}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.slice-boundary{pointer-events:none;height:1px;position:absolute;left:0;right:0}.slice-boundary--good{background:#22c55e66}.slice-boundary--warning{background:#f59e0b66}.slice-boundary--error{background:#ef444466}.template-card{cursor:pointer;transition:all .2s}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.status-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border-top:1px solid #eee}.status-item{border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:background .15s;display:flex}.status-item:hover{background:#0000000a}.health-indicator{border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.health-indicator--excellent{background:#22c55e1a;border:1px solid #22c55e33}.health-indicator--good{background:#84cc161a;border:1px solid #84cc1633}.health-indicator--fair{background:#f59e0b1a;border:1px solid #f59e0b33}.health-indicator--needs-work{background:#ef44441a;border:1px solid #ef444433}.slice-indicator{border-radius:6px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:flex}.slice-bar{background:#eee;border-radius:2px;width:40px;height:4px;overflow:hidden}.slice-bar-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}kbd{color:#666;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:11px;display:inline-block;box-shadow:0 1px #0000001a}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:1000;background:#333;border-radius:4px;margin-bottom:4px;padding:4px 8px;font-size:11px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.2s ease-out fadeIn}.loading-spinner{border:2px solid #f0f0f0;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}::selection{background:#c45c2633}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.xhs-image-placeholder{color:#999;justify-content:center;align-items:center;font-size:12px;display:flex}.xhs-image-placeholder--loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.xhs-image-placeholder--error{background:#f5f5f5;border:1px dashed #ccc}@media (width<=700px){.xhs-stage,.xhs-capture-stack,.xhs-export-page-card{width:var(--note-card-w);max-width:none}}