:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#faf8f3;--paper-soft:#f5f1e9;--surface:#fffdfa;--surface-2:#f8f5ef;--ink:#1d1a18;--muted:#77726d;--line:#e7e1d8;--red:#bc2424;--red2:#e0342b;--shadow:0 12px 35px #48342a14;--heading:"Noto Serif CJK SC","Songti SC","STSong",Georgia,serif;--body:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif}:root[data-site-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#151719;--paper-soft:#1a1c1f;--surface:#232428;--surface-2:#1c1f22;--ink:#f4eee5;--muted:#b3aea8;--line:#393a3c;--red:#d63831;--red2:#ef4840;--shadow:0 16px 42px #0003}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--paper);color:var(--ink);font:15px/1.7 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);line-height:1.36}h2{font-size:clamp(24px,2.2vw,34px)}.wrap{width:min(1360px,100% - 96px);margin:0 auto}.site-header{z-index:20;height:88px;position:relative}.header-inner{align-items:center;gap:50px;height:100%;display:flex}.brand{white-space:nowrap;flex-shrink:0;align-items:center;gap:9px;display:inline-flex}.brand img{width:53px;height:53px}.brand-text{letter-spacing:-2.8px;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:750;line-height:1}.brand-stamp,.floating-seal,.large-stamp{color:var(--red);border:2px solid var(--red);place-items:center;font-family:Noto Serif CJK SC,serif;font-weight:900;line-height:1;display:inline-grid}.brand-stamp{align-self:center;width:19px;height:19px;margin-top:14px;margin-left:-4px;font-size:13px}.main-nav{align-items:center;gap:39px;margin:auto;display:flex}.main-nav a{padding:7px 2px;font-size:14px;transition:color .2s;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--red)}.main-nav a.active:after{content:"";background:var(--red);height:2px;position:absolute;bottom:0;left:0;right:0}.nav-actions{align-items:center;gap:13px;display:flex}.icon-button,.lang-toggle{color:var(--ink);background:0 0;border:0;padding:8px;font-size:20px;line-height:1}.icon-button:hover,.lang-toggle:hover{color:var(--red)}.lang-toggle{font:700 12px/1.3 var(--body);letter-spacing:.6px;min-width:33px}.button{border:1px solid var(--line);min-height:52px;font-family:var(--heading);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:0 27px;font-size:15px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 11px #2d1f120d}.button:focus-visible,.icon-button:focus-visible,.main-nav a:focus-visible,.theme-picker button:focus-visible,.color-picker button:focus-visible{outline-offset:3px;outline:3px solid #8cb4e8}.button-red{background:linear-gradient(150deg,var(--red2),#aa151b);color:#fff;border-color:#bc2526;box-shadow:0 7px 17px #ad1b1b24}.button-red:hover{background:linear-gradient(150deg,#f03b31,#be2324)}.button-white{background:var(--surface);color:var(--ink)}.button-outline{background:var(--surface);color:var(--red);border:1px solid #bc242473}.button.small{border-radius:7px;min-height:41px;padding:0 20px;font-size:13px}.arrow{font-family:sans-serif;font-size:22px;font-weight:400;line-height:0}.menu-toggle{display:none}.eyebrow{letter-spacing:2px;font-family:Georgia,serif;font-size:11px;font-weight:700}.red-label{color:var(--red)}.ink-back{isolation:isolate;position:relative}.ink-back:before{content:"";opacity:.83;z-index:-1;pointer-events:none;background:url(/assets/illustrations/ink-landscape.svg) bottom/100% no-repeat;position:absolute;inset:0}.ink-soft{isolation:isolate;position:relative}.ink-soft:before{content:"";opacity:.18;z-index:-1;pointer-events:none;background:url(/assets/illustrations/ink-landscape.svg) bottom/auto 76% no-repeat;position:absolute;inset:0}.hero{border-bottom:1px solid var(--line);align-items:center;min-height:570px;display:flex;overflow:hidden}.hero-grid{grid-template-columns:41% 59%;align-items:center;gap:6px;padding:16px 0 78px;display:grid;position:relative}.hero-copy{z-index:3;position:relative}.hero-eyebrow{color:var(--red);margin-bottom:16px;display:none}.hero h1{letter-spacing:-1.6px;margin:0 0 24px;font-size:clamp(32px,3.25vw,49px);font-weight:750;line-height:1.4}.hero .lead{color:var(--muted);font-family:var(--heading);margin-bottom:28px;font-size:clamp(13px,1vw,16px);line-height:1.85}.button-row{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.microcopy{color:var(--muted);letter-spacing:.2px;margin:15px 0 0;font-size:12px}.hero-visual{z-index:1;align-self:center;min-width:0;padding-top:18px}.laptop{filter:drop-shadow(0 15px 10px #0000001f);width:100%;position:relative}.laptop-screen{aspect-ratio:1.78;background:#151618;border:11px solid #151618;border-width:18px 11px 14px;border-radius:20px 20px 5px 5px;width:91%;margin:auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #5f6062,0 0 0 2px #55585a}.laptop-screen:before{content:"";z-index:2;background:#444;border-radius:50%;width:5px;height:5px;position:absolute;top:-13px;left:50%}.laptop-screen>.mock-host{width:100%;height:100%}.laptop-base{background:linear-gradient(#e9e9e9 0,#adb0b2 33%,#55585b 57%,#b8bec0 73%,#f6f6f7 84%,#a5a6a5 100%);border-radius:0 0 40% 40%/0 0 100% 100%;width:100%;height:17px;margin:auto;position:relative}.laptop-base:before{content:"";background:linear-gradient(90deg,#b4b7ba,#c6c8c9,#aeb2b3);border-radius:0 0 7px 7px;width:16%;height:5px;position:absolute;top:0;left:42%}.floating-seal{opacity:.88;width:35px;height:35px;font-size:26px;position:absolute;top:35px;right:0}.section{padding:60px 0}.section-heading{text-align:center;margin:0 0 34px}.section-heading h2{margin-bottom:5px}.section-heading h2:before,.section-heading h2:after{content:"";vertical-align:middle;background:var(--red);width:55px;height:1px;margin:0 20px;display:inline-block}.section-heading p{font-family:var(--heading);color:var(--muted);margin:0;font-size:14px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.feature-card{background:color-mix(in srgb,var(--surface) 81%,transparent);border:1px solid var(--line);border-radius:11px;min-height:204px;padding:25px 26px;box-shadow:0 6px 18px #34230f06}.feature-icon{color:#d82627;width:55px;height:55px;font:45px/55px var(--body);background:#fbeceb;border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.feature-icon svg{fill:none;stroke:currentColor;stroke-width:3px;width:34px;height:34px}.feature-icon svg circle{fill:#fff}.finder-icon{color:#2684d9;background:#e7eefb;font-size:33px;font-weight:800}.feature-card h3{margin:0 0 8px;font-size:18px}.feature-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.theme-showcase{border-bottom:1px solid var(--line);padding-top:56px;padding-bottom:62px}.theme-mini-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.theme-mini-item{text-align:center;color:var(--ink);background:0 0;border:0;padding:0;display:block}.theme-mini-item .tiny-app{box-shadow:0 10px 21px #271c101f}.theme-mini-item h3{margin:8px 0 0;font-size:17px}.theme-mini-item p{color:var(--muted);margin:0;font:13px/1.5 Georgia,serif}.center-actions{text-align:center;margin-top:28px}.brand-concept{border-bottom:1px solid var(--line);padding:65px 0}.brand-concept-grid{grid-template-columns:1fr .8fr 1fr;align-items:center;gap:40px;display:grid}.brand-concept .red-label{margin-bottom:13px}.brand-concept h2{margin-bottom:18px}.brand-concept p{font-family:var(--heading);color:var(--muted);font-size:14px;line-height:1.95}.brand-concept-mark{place-items:center;display:grid}.brand-quote{border-left:1px solid #d3a8a3;padding-left:45px;position:relative}.brand-quote h3{font-size:24px}.brand-quote p{margin:0}.large-stamp{width:43px;height:43px;font-size:27px;position:absolute;bottom:-10px;right:10px}.icon-display{padding:43px 0 65px}.icon-heading{align-items:center;gap:22px;margin-bottom:28px;display:flex}.icon-heading h2{margin:0;font-size:24px}.icon-heading p{color:var(--muted);font-family:var(--heading);margin:0;font-size:13px}.icon-sizes{justify-content:space-around;align-items:end;gap:12px;display:flex}.icon-size-item{text-align:center;min-width:80px}.icon-size-item img{width:var(--icon-size);height:var(--icon-size);filter:drop-shadow(0 5px 7px #00000014);margin:0 auto 10px}.icon-size-item small{color:var(--muted);font-family:Georgia,serif;font-size:12px;line-height:1.5;display:block}.final-cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);place-items:center;min-height:258px;display:grid;overflow:hidden}.final-cta-inner{text-align:center;padding:26px 0 37px;position:relative}.final-cta h2{margin-bottom:0;font-size:32px}.final-cta p{font-family:var(--heading);color:var(--muted);margin:5px 0 20px;font-size:14px}.final-cta .microcopy{margin:10px 0 0;font:12px Georgia,serif}.pavilion{opacity:.43;z-index:-1;width:280px;position:absolute;bottom:5px;right:0}.site-footer{background:var(--surface);padding:20px 0}.footer-inner{align-items:center;gap:25px;display:flex}.brand-footer img{width:34px;height:34px}.brand-footer .brand-text{letter-spacing:-1px;font-size:25px}.brand-footer .brand-stamp{width:13px;height:13px;margin-top:9px;font-size:9px}.copyright{color:var(--muted);margin-right:auto;font-size:12px}.site-footer nav{color:var(--muted);gap:24px;font-size:12px;display:flex}.site-footer a:hover{color:var(--red)}.mock-host{--app-bg:#fbfbfa;--app-panel:#fff;--app-sidebar:#f1f2f3;--app-text:#30343a;--app-muted:#858a90;--app-border:#e0e1e3;--app-accent:#da3435;background:var(--app-bg);color:var(--app-text);font:var(--mock-font-size,12px)/1.5 -apple-system,BlinkMacSystemFont,"Noto Sans CJK SC",sans-serif;min-height:0;overflow:hidden;container-type:inline-size}.mock-host[data-preview-theme=light]{--app-bg:#fbfbfa;--app-panel:#fff;--app-sidebar:#eff0f0;--app-text:#30343a;--app-muted:#929497;--app-border:#e1e1e1;--app-accent:#d72d30}.mock-host[data-preview-theme=dark]{--app-bg:#191d20;--app-panel:#202429;--app-sidebar:#171a1d;--app-text:#e4e7e9;--app-muted:#898f97;--app-border:#353a3e;--app-accent:#2994eb}.mock-host[data-preview-theme=ink]{--app-bg:#faf8f1;--app-panel:#f6f4ed;--app-sidebar:#e9e8df;--app-text:#39413d;--app-muted:#828b82;--app-border:#d8d9d1;--app-accent:#b3322d}.mock-host[data-preview-theme=crimson]{--app-bg:#321719;--app-panel:#401d20;--app-sidebar:#281215;--app-text:#f9ebea;--app-muted:#b89b9e;--app-border:#693337;--app-accent:#eb514a}.mock-host[data-app-font=mono]{font-family:ui-monospace,Menlo,Monaco,Noto Sans Mono CJK SC,monospace}.tiny-app{border:1px solid var(--app-border);border-radius:9px;height:145px;overflow:hidden}.hero-themes{min-height:530px}.hero-themes .hero-grid{padding-bottom:67px}.live-section{padding-top:50px}.preview-workspace{grid-template-columns:minmax(0,1.55fr) minmax(305px,.9fr);align-items:stretch;gap:16px;display:grid}.preview-stage,.theme-settings{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 7px 22px #412d1d09}.preview-stage{flex-direction:column;gap:12px;padding:18px;display:flex}.preview-stage-toolbar,.preview-stage-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;font-size:12px;display:flex}.stage-label{color:var(--ink);font-weight:700}.live-indicator{letter-spacing:1.3px;font:700 10px Georgia,serif}.live-indicator i{background:#21b976;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.large-app-frame{border:1px solid #52565b;border-radius:11px;height:470px;overflow:hidden;box-shadow:0 12px 24px #00000030}.large-app-frame>.mock-host{width:100%;height:100%}.large-app-frame .mock-host{--mock-font-size:12px}.theme-settings{padding:22px 24px}.theme-settings h3{margin:0 0 15px;font-size:17px}.theme-picker{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.theme-choice{color:var(--ink);background:0 0;border:1.5px solid #0000;border-radius:7px;min-width:0;padding:4px 3px}.theme-choice.selected{border-color:var(--red)}.theme-choice .tiny-app{border-radius:5px;height:70px}.theme-choice strong{font-size:12px;font-family:var(--heading);white-space:nowrap;margin-top:5px;display:block}.theme-choice small{color:var(--muted);font-size:11px;display:block}.settings-divider{background:var(--line);height:1px;margin:20px 0}.form-label{color:var(--muted);margin-bottom:11px;font-size:12px;font-weight:650;display:block}.color-picker{justify-content:space-between;align-items:center;gap:7px;margin-bottom:20px;display:flex}.color-chip{border:3px solid var(--surface);width:29px;height:29px;box-shadow:0 0 0 1px var(--line);border-radius:50%;outline:2px solid #0000;flex-shrink:0}.color-chip.selected{outline-color:var(--red)}.settings-row{margin-top:14px}.segmented{gap:5px;display:flex}.segmented button{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);border-radius:6px;flex:1;padding:7px 4px;font-size:12px}.segmented button.selected{color:var(--red);border-color:var(--red);background:color-mix(in srgb,var(--red) 6%,var(--surface))}.theme-settings select{background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px}.theme-settings input[type=range]{accent-color:var(--red);vertical-align:middle;width:calc(100% - 48px)}.theme-settings output{color:var(--muted);margin-left:5px;font-size:12px}.settings-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.settings-actions .full{min-height:44px;padding:0 12px;font-size:13px}.text-button{color:var(--muted);background:0 0;border:0;grid-column:1/-1;justify-self:center;margin-top:4px;font-size:12px;text-decoration:underline}.gallery-section{border-bottom:1px solid var(--line)}.theme-card-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.theme-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;box-shadow:0 5px 18px #321e0f09}.theme-card .tiny-app{height:170px}.theme-card-title{justify-content:space-between;align-items:center;gap:5px;margin-top:13px;display:flex}.theme-card h3{margin:0;font-size:18px}.theme-tag{color:var(--muted);border:1px solid var(--line);border-radius:16px;padding:1px 10px;font:12px Georgia,serif}.theme-card p{color:var(--muted);min-height:59px;margin:10px 0 14px;font-size:12px;line-height:1.75}.theme-card-actions{gap:7px;display:flex}.theme-card-actions button{border-radius:6px;flex:1;min-height:36px;padding:0 7px;font-size:12px}.import-custom{border:1px dashed color-mix(in srgb,var(--red) 48%,var(--line));background:var(--surface);border-radius:11px;justify-content:space-between;align-items:center;gap:16px;margin-top:30px;padding:18px 24px;display:flex}.import-custom h3{margin:0 0 4px;font-size:18px}.import-custom p{color:var(--muted);margin:0;font-size:13px}.import-label{cursor:pointer}.process-section{padding:56px 0 70px}.step-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.step{position:relative}.step:not(:last-child):after{content:"→";color:var(--red);font-size:30px;font-weight:200;position:absolute;top:25px;right:-21px}.step-icon{border:2px solid var(--red);width:58px;height:58px;color:var(--red);border-radius:50%;place-items:center;margin:0 auto 12px;font-size:30px;display:grid}.step h3{margin:0 0 5px;font-size:18px}.step p{color:var(--muted);max-width:220px;margin:auto;font-size:13px;line-height:1.8}.featured-theme{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.featured-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;display:grid}.featured-image{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;padding:18px}.featured-mock{border-radius:8px;height:330px;box-shadow:0 6px 18px #0000001a}.featured-copy h2{margin:5px 0 0;font-size:34px}.featured-copy h3{margin:0 0 10px;font-size:19px}.featured-copy p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.85}.ink-swatches{gap:10px;margin:15px 0;display:flex}.ink-swatches i{border:2px solid var(--line);border-radius:50%;width:31px;height:31px}.featured-points{color:var(--muted);grid-template-columns:1fr 1fr;gap:8px 18px;margin:18px 0 24px;font-size:12px;display:grid}.featured-points>span:first-letter{color:var(--red)}.themes-cta{min-height:235px}.toast{opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);z-index:99;text-align:center;border-radius:9px;max-width:min(520px,90vw);padding:12px 20px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px)}.toast.shown{opacity:1;transform:translate(-50%)}.info-dialog{background:var(--surface);width:min(420px,100% - 32px);color:var(--ink);border:1px solid var(--line);text-align:center;border-radius:14px;padding:32px;box-shadow:0 20px 60px #00000040}.info-dialog::backdrop{background:#0c0d118c}.info-dialog form{position:relative}.dialog-x{color:var(--muted);background:0 0;border:0;font-size:27px;position:absolute;top:-25px;right:-17px}.dialog-symbol img{width:64px;height:64px;margin:0 auto 12px}.info-dialog h3{font-size:22px}.info-dialog p{color:var(--muted);margin-bottom:24px;font-size:14px}@media (width<=1150px){.wrap{width:min(100% - 60px,1080px)}.header-inner{gap:20px}.main-nav{gap:23px}.hero{min-height:490px}.hero-grid{grid-template-columns:43% 57%}.hero h1{font-size:clamp(30px,3.5vw,44px)}.hero .lead{font-size:13px}.feature-card{padding:20px 17px}.preview-workspace{grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr)}.large-app-frame{height:375px}.theme-picker{gap:4px}.theme-choice .tiny-app{height:60px}}@media (width<=850px){.wrap{width:calc(100% - 42px)}.site-header{height:76px}.brand img{width:42px;height:42px}.brand-text{font-size:31px}.brand-stamp{width:16px;height:16px;font-size:10px}.header-inner{justify-content:space-between}.main-nav{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:18px 20px;display:none;position:absolute;top:70px;left:21px;right:21px}.main-nav.open{display:flex}.main-nav a{padding:11px}.menu-toggle{display:block}.header-download{display:none}.hero-grid{grid-template-columns:1fr;gap:25px;padding:44px 0 70px}.hero-copy{text-align:center}.hero .lead{font-size:14px}.hero .button-row{justify-content:center}.hero-eyebrow{display:block}.hero-visual{width:min(660px,100%);margin:auto;padding-top:0}.hero-home,.hero-themes{min-height:unset}.floating-seal{top:20px}.feature-grid,.theme-mini-grid,.theme-card-grid{grid-template-columns:repeat(2,1fr)}.brand-concept-grid{grid-template-columns:1fr 1fr;gap:20px}.brand-concept-grid>div:first-child{grid-column:1/-1}.brand-quote{padding-left:22px}.preview-workspace{grid-template-columns:1fr}.large-app-frame{height:430px}.theme-settings{max-width:none}.theme-picker{max-width:490px}.theme-choice .tiny-app{height:82px}.featured-grid{grid-template-columns:1fr}.featured-image{max-width:700px}.site-footer nav{gap:12px}.footer-inner{flex-wrap:wrap}.copyright{margin-right:0}.site-footer nav{margin-left:auto}}@media (width<=520px){body{font-size:14px}.wrap{width:calc(100% - 30px)}.site-header{height:65px}.brand img{width:37px;height:37px}.brand-text{font-size:28px}.brand-stamp{width:14px;height:14px}.nav-actions{gap:1px}.main-nav{top:61px;left:15px;right:15px}.hero-grid{padding:34px 0 56px}.hero-eyebrow{font-size:9px}.hero h1{letter-spacing:-1px;font-size:clamp(27px,7vw,35px)}.hero .lead{font-size:12px;line-height:1.9}.hero .lead br{display:none}.button{min-height:46px;padding:0 17px;font-size:13px}.button-row{gap:10px}.microcopy{font-size:10px}.laptop-screen{border-width:11px 7px 9px;border-radius:10px 10px 2px 2px}.laptop-base{height:9px}.hero-visual{margin-top:15px}.hero .mock-host{--mock-font-size:7px}.section{padding:39px 0}.section-heading{margin-bottom:22px}.section-heading h2{font-size:22px}.section-heading h2:before,.section-heading h2:after{width:19px;margin:0 7px}.section-heading p{font-size:11px;line-height:1.6}.feature-grid{gap:9px}.feature-card{min-height:215px;padding:15px 12px}.feature-icon{width:40px;height:40px;margin-bottom:12px;font-size:27px;line-height:40px}.feature-icon svg{width:28px}.feature-card h3{font-size:14px}.feature-card p{font-size:11px}.theme-mini-grid,.theme-card-grid{gap:10px}.tiny-app{height:115px}.theme-mini-item h3{font-size:14px}.theme-mini-item p{font-size:11px}.brand-concept-grid{display:block}.brand-concept h2{font-size:25px}.brand-concept p{font-size:12px}.brand-concept-mark{padding:20px}.brand-concept-mark img{width:135px}.brand-quote{border-top:1px solid #cda09a;border-left:0;padding:20px 0 0}.brand-quote h3{font-size:19px}.icon-heading{display:block}.icon-heading h2{margin-bottom:5px}.icon-sizes{flex-wrap:wrap;justify-content:center;gap:20px 15px}.icon-size-item{min-width:70px}.final-cta{min-height:226px}.final-cta h2{font-size:25px}.final-cta p{font-size:12px}.pavilion{width:180px}.footer-inner{justify-content:center;gap:10px}.copyright{text-align:center;flex-basis:100%;order:3}.site-footer nav{margin-left:0}.preview-stage{padding:9px}.large-app-frame{height:275px}.large-app-frame .mock-host{--mock-font-size:8px}.theme-settings{padding:17px}.theme-picker{gap:3px}.theme-choice .tiny-app{height:70px}.theme-choice strong{font-size:11px}.theme-card{padding:7px}.theme-card .tiny-app{height:108px}.theme-card-title{display:block}.theme-card h3{font-size:15px}.theme-card .theme-tag{font-size:10px}.theme-card p{min-height:78px;font-size:11px}.theme-card-actions{flex-wrap:wrap}.theme-card-actions button{min-width:43%;min-height:31px;padding:0 4px;font-size:10px}.import-custom{padding:17px;display:block}.import-custom .button{margin-top:12px}.step-grid{grid-template-columns:repeat(2,1fr);gap:25px 10px}.step:nth-child(2):after{display:none}.step:not(:last-child):after{top:20px;right:-10px}.step-icon{width:45px;height:45px;font-size:25px}.step h3{font-size:15px}.step p{font-size:11px}.featured-mock{height:230px}.featured-image{padding:8px}.featured-copy h2{font-size:27px}.featured-copy h3{font-size:16px}.featured-points{grid-template-columns:1fr}.floating-seal{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:radial-gradient(circle at top center, #ffffffb8, #fff0 42%), linear-gradient(180deg, #ffffff0d, #fff0 180px), var(--paper)}:root[data-site-mode=dark] body{background:radial-gradient(circle at top center, #ffffff0f, #fff0 35%), linear-gradient(180deg, #ffffff05, #fff0 160px), var(--paper)}.ink-back,.ink-soft,.hero{isolation:isolate;position:relative;overflow:hidden}.ink-back:before,.ink-soft:before,.hero:before{content:"";z-index:-2;background-repeat:no-repeat;background-position:center calc(100% + var(--parallaxY,0px));opacity:.52;pointer-events:none;background-image:url(/assets/illustrations/landscape-hero.webp);background-size:cover;position:absolute;inset:-40px 0 0;transform:translateZ(0)}.ink-soft:before{opacity:.36;background-position:50%}.hero:before{opacity:.68;background-position:50%}:root[data-site-mode=dark] .ink-back:before,:root[data-site-mode=dark] .ink-soft:before,:root[data-site-mode=dark] .hero:before{opacity:.24;mix-blend-mode:screen;background-image:url(/assets/illustrations/ink-bg-dark.webp)}.ink-back:after,.ink-soft:after,.hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#faf8f3d1 0%,#faf8f3e6 42%,#faf8f3f2 100%);position:absolute;inset:0}:root[data-site-mode=dark] .ink-back:after,:root[data-site-mode=dark] .ink-soft:after,:root[data-site-mode=dark] .hero:after{background:linear-gradient(#111315b8 0%,#151719d9 48%,#151719eb 100%)}.site-header{-webkit-backdrop-filter:saturate(160%)blur(20px);backdrop-filter:saturate(160%)blur(20px);background:color-mix(in srgb, var(--paper) 80%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 72%, transparent);position:sticky;top:0}:root[data-site-mode=dark] .site-header{background:color-mix(in srgb, var(--paper) 72%, transparent)}.section,.hero,.final-cta{scroll-margin-top:96px}.hero-grid,.brand-concept-grid,.featured-grid,.preview-workspace{position:relative}.feature-card,.theme-card,.theme-mini-item,.theme-choice,.large-app-frame,.preview-stage,.theme-settings,.import-custom,.step,.icon-size-item{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .25s,background-color .25s}.feature-card:hover,.theme-card:hover,.theme-mini-item:hover,.theme-choice:hover,.icon-size-item:hover{transform:translateY(-6px);box-shadow:0 20px 50px #3222171f}:root[data-site-mode=dark] .feature-card:hover,:root[data-site-mode=dark] .theme-card:hover,:root[data-site-mode=dark] .theme-mini-item:hover,:root[data-site-mode=dark] .theme-choice:hover,:root[data-site-mode=dark] .icon-size-item:hover{box-shadow:0 18px 42px #00000047}.button{transition:transform .22s,box-shadow .3s,background-color .22s,color .22s,border-color .22s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #4d2a191f}.button:active{transform:translateY(0)}.floating-seal{background:color-mix(in srgb,var(--paper) 80%,transparent);box-shadow:0 12px 24px #b3322d24}.hero-home .floating-seal,.hero-themes .floating-seal{animation:6s ease-in-out infinite paused sealFloat}@keyframes sealFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.brand-concept-mark img{filter:drop-shadow(0 18px 30px #b3322d1f)}.mock-host{transform:translateZ(0)}.laptop-hero{filter:drop-shadow(0 32px 40px #18171429)}:root[data-site-mode=dark] .laptop-hero{filter:drop-shadow(0 26px 40px #0000005c)}.red-label,.eyebrow{letter-spacing:.18em}.hero-copy h1,.section-heading h2,.brand-concept h2,.featured-copy h2{text-wrap:balance}.page-loader{z-index:1000;background:radial-gradient(circle at center, color-mix(in srgb,var(--paper) 98%, transparent), color-mix(in srgb,var(--paper-soft) 96%, transparent));place-items:center;transition:opacity .55s,visibility .55s;display:grid;position:fixed;inset:0}.page-loader.hidden{opacity:0;visibility:hidden}.loader-shell{flex-direction:column;align-items:center;gap:20px;display:flex}.loader-title{font-family:var(--heading);letter-spacing:.18em;color:var(--muted);font-size:18px}.taiji-loader{background:conic-gradient(from 180deg,#151515 0 50%,#f5f2ed 50% 100%);border-radius:50%;width:84px;height:84px;animation:2.8s linear infinite taijiSpin;position:relative;box-shadow:0 16px 30px #0000001f}.taiji-loader:before,.taiji-loader:after{content:"";border-radius:50%;width:42px;height:42px;position:absolute;left:50%;transform:translate(-50%)}.taiji-loader:before{background:#151515;top:0}.taiji-loader:after{background:#f5f2ed;bottom:0}.taiji-loader span,.taiji-loader i{z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;left:50%;transform:translate(-50%)}.taiji-loader span{background:#f5f2ed;top:16px}.taiji-loader i{background:#151515;bottom:16px}:root[data-site-mode=dark] .taiji-loader{background:conic-gradient(from 180deg,#111 0 50%,#f2efe8 50% 100%)}@keyframes taijiSpin{to{transform:rotate(360deg)}}.parallax-bg{will-change:transform}.reveal-ready [data-anim]{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.reveal-ready [data-anim].in-view{opacity:1;transform:none}.theme-mini-item .mock-host,.theme-choice .mock-host,.theme-card .mock-host{border-radius:16px;overflow:hidden}.theme-mini-item .mock-host:after,.theme-choice .mock-host:after,.theme-card .mock-host:after,.hero-visual .mock-host:after{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000 38% 60%,#ffffff14);position:absolute;inset:0}.hero-home .wrap,.hero-themes .wrap,.gallery-section .wrap,.theme-showcase .wrap,.final-cta .wrap{position:relative}.hero-home .wrap:after,.hero-themes .wrap:after,.final-cta .wrap:after{content:"";filter:blur(10px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#b3322d1a,#b3322d00 68%);width:min(340px,28vw);height:min(340px,28vw);position:absolute;bottom:-6%;right:-2%}.preview-stage-toolbar,.section-heading p,.microcopy,.theme-card p,.feature-card p{max-width:68ch}@media (width<=860px){.ink-back:before,.ink-soft:before,.hero:before{background-position:62%;background-size:auto 100%}.page-loader{padding:24px}.taiji-loader{width:72px;height:72px}.taiji-loader:before,.taiji-loader:after{width:36px;height:36px}.taiji-loader span,.taiji-loader i{width:10px;height:10px}.taiji-loader span{top:13px}.taiji-loader i{bottom:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-ready [data-anim]{opacity:1!important;transform:none!important}.page-loader{display:none}}:root{--ink-art-opacity:.76}.hero-home,.hero-themes{background:linear-gradient(#faf8f321,#faf8f31a 72%,#faf8f380)}.hero-home:before,.hero-themes:before{opacity:.78;background-image:url(/assets/illustrations/landscape-hero.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;inset:0;transform:none}.hero-home:after,.hero-themes:after{background:linear-gradient(90deg,#faf8f32b 0%,#faf8f366 28%,#faf8f305 74%,#faf8f312 100%)}.theme-showcase:before,.gallery-section:before,.ink-soft:before{opacity:.62;background-image:url(/assets/illustrations/landscape-section.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;inset:0;transform:none}.theme-showcase:after,.gallery-section:after,.ink-soft:after{background:linear-gradient(#faf8f3c7,#faf8f352 42%,#faf8f3c7)}.final-cta:before,.themes-cta:before{opacity:.91;background-image:url(/assets/illustrations/landscape-footer.webp);background-position:bottom;background-repeat:no-repeat;background-size:100% 100%;inset:0;transform:none}.final-cta:after,.themes-cta:after{background:linear-gradient(90deg,#faf8f305,#faf8f399 33%,#faf8f3a3 67%,#faf8f308)}.hero .hero-copy,.hero .hero-visual,.theme-showcase .wrap,.gallery-section .wrap,.final-cta-inner,.brand-concept-grid{z-index:2}.hero-copy h1,.section-heading h2{text-shadow:0 1px 1px #ffffff80}.hero-home .hero-grid,.hero-themes .hero-grid{padding-top:35px;padding-bottom:68px}.feature-card,.theme-card,.preview-stage,.theme-settings{-webkit-backdrop-filter:blur(6px)}:root[data-site-mode=dark] .hero-home,:root[data-site-mode=dark] .hero-themes{background:#151719}:root[data-site-mode=dark] .hero-home:before,:root[data-site-mode=dark] .hero-themes:before,:root[data-site-mode=dark] .theme-showcase:before,:root[data-site-mode=dark] .gallery-section:before,:root[data-site-mode=dark] .ink-soft:before,:root[data-site-mode=dark] .final-cta:before,:root[data-site-mode=dark] .themes-cta:before{opacity:.64;mix-blend-mode:normal;background-image:url(/assets/illustrations/ink-bg-dark.webp)}:root[data-site-mode=dark] .hero-home:after,:root[data-site-mode=dark] .hero-themes:after{background:linear-gradient(90deg,#1517192e,#15171954 35%,#15171924)}:root[data-site-mode=dark] .theme-showcase:after,:root[data-site-mode=dark] .gallery-section:after,:root[data-site-mode=dark] .ink-soft:after{background:linear-gradient(#1517198f,#15171947,#15171999)}:root[data-site-mode=dark] .final-cta:after{background:linear-gradient(90deg,#1517191a,#151719a3 38%,#151719a1 62%,#1517191a)}:root[data-site-mode=dark] .hero-copy h1,:root[data-site-mode=dark] .section-heading h2{text-shadow:none}@media (width<=860px){.hero-home:before,.hero-themes:before{opacity:.43;background-position:48%;background-size:auto 100%}.hero-home:after,.hero-themes:after{background:linear-gradient(#faf8f3a3,#faf8f394)}.theme-showcase:before,.gallery-section:before,.ink-soft:before,.final-cta:before{opacity:.43;background-size:auto 100%}:root[data-site-mode=dark] .hero-home:after,:root[data-site-mode=dark] .hero-themes:after{background:#1517195c}}@media (prefers-reduced-motion:reduce){.hero-home .floating-seal,.hero-themes .floating-seal,.taiji-loader{animation:none!important}}.brand .brand-logo{width:188px;max-width:none;height:auto}.brand .brand-dark,:root[data-site-mode=dark] .brand .brand-light{display:none}:root[data-site-mode=dark] .brand .brand-dark{display:block}.brand-footer .brand-logo{width:144px}.floating-seal,.large-stamp{box-shadow:none;object-fit:contain;background:0 0;border:0}.brand-concept-mark img{filter:none;width:min(205px,100%)}.dialog-symbol img{object-fit:contain;width:72px;height:72px}.theme-picker{overscroll-behavior:contain;scrollbar-width:thin;max-height:260px;overflow-y:auto}.preview-scope{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.65}.release-links{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:24px;font-size:12px;display:flex}.release-links a{text-underline-offset:3px;text-decoration:underline}.release-links span{max-width:520px;margin-left:auto}.skip-link{z-index:200;background:var(--paper);color:var(--ink);padding:12px 16px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:4px}@media (width<=860px){.brand .brand-logo{width:144px}.brand-footer .brand-logo{width:136px}.release-links span{width:100%;margin-left:0}}@media (width<=560px){.brand .brand-logo{width:126px}.theme-picker{max-height:220px}.release-links{gap:12px}}:root[data-theme-transition=pixels] *,:root[data-theme-transition=pixels] :before,:root[data-theme-transition=pixels] :after{transition:none!important}:root[data-theme-transition=pixels]::view-transition-old(root){mix-blend-mode:normal;animation:none}:root[data-theme-transition=pixels]::view-transition-new(root){mix-blend-mode:normal;animation:none}:root[data-theme-transition=pixels]::view-transition-new(root){clip-path:path("M0 0")}