:root{--ink-900: #1a1a1a;--ink-700: #333333;--ink-500: #666666;--ink-400: #888888;--ink-300: #999999;--ink-200: #aaaaaa;--danger: #d64545;--danger-700: #b83a3a;--sf-0: #ffffff;--sf-50: #fafafa;--sf-100: #f5f5f5;--sf-150: #f3f3f3;--sf-200: #f0f0f0;--sf-300: #eeeeee;--sf-400: #e5e5e5;--sf-500: #e0e0e0;--ov-04: rgba(0, 0, 0, .04);--ov-05: rgba(0, 0, 0, .05);--ov-06: rgba(0, 0, 0, .06);--ov-08: rgba(0, 0, 0, .08);--ov-10: rgba(0, 0, 0, .1);--ov-12: rgba(0, 0, 0, .12);--ov-20: rgba(0, 0, 0, .2);--r-xs: 2px;--r-sm: 4px;--r-md: 8px;--r-lg: 10px;--r-xl: 12px;--r-2xl: 14px;--r-3xl: 20px;--r-full: 999px;--d-fast: .12s;--d-base: .15s;--d-mid: .2s;--d-slow: .3s;--d-panel: .35s;--d-zoom: .5s;--e-out: cubic-bezier(.25, .46, .45, .94);--e-panel: cubic-bezier(.32, .72, 0, 1);--e-spring: cubic-bezier(.34, 1.05, .64, 1);--sh-inset: inset 0 0 0 1px var(--ov-06);--sh-card: 0 2px 16px var(--ov-10), 0 0 0 .5px var(--ov-05);--sh-float: 0 8px 24px var(--ov-12), 0 0 0 .5px var(--ov-05);--sh-book: 0 24px 72px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .16);--sh-modal: 0 24px 80px rgba(0, 0, 0, .3);--sh-selected: inset 0 0 0 2px var(--ink-900), 0 0 0 2px var(--ov-06);--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 10px;--sp-6: 12px;--sp-7: 16px;--sp-8: 20px;--sp-9: 28px;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 14px;--fs-xl: 15px;--fs-2xl: 18px;--blur-sm: blur(4px);--blur-md: blur(6px);--blur-lg: blur(10px);--page-scale: 2.2;--gutter: var(--sp-7);--rail-left: 0px;--rail-right: 0px;--panel-mode: sheet}@media (min-width: 768px){:root{--gutter: 48px;--rail-right: 320px;--panel-mode: drawer}}@media (min-width: 1280px){:root{--gutter: 80px;--rail-left: 240px;--panel-mode: docked;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 15px;--fs-xl: 16px;--fs-2xl: 20px}}@media (prefers-reduced-motion: reduce){:root{--d-fast: .01s;--d-base: .01s;--d-mid: .01s;--d-slow: .01s;--d-panel: .01s}}@font-face{font-family:Domine;src:url(/static/fonts/Domine-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Domine;src:url(/static/fonts/Domine-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:FZLanTingHei;src:url(/static/fonts/FZLanTingHei-subset.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--sf-100);color:var(--ink-900);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;font-size:var(--fs-sm);-webkit-font-smoothing:antialiased}#app{height:100%}.harness{display:grid;grid-template-columns:260px 1fr;height:100%}@media (max-width: 767px){.harness{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.rail{background:var(--sf-0);border-right:1px solid var(--ov-06);overflow-y:auto;padding:var(--sp-6)}.rail h1{margin:0 0 var(--sp-2);font-size:var(--fs-2xl);letter-spacing:-.02em}.rail .meta{margin:0 0 var(--sp-7);color:var(--ink-300);font-size:var(--fs-xs);line-height:1.6}.tpl-list{display:flex;flex-direction:column;gap:var(--sp-2)}.tpl-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border:0;border-radius:var(--r-md);background:var(--sf-100);color:var(--ink-900);font-size:var(--fs-sm);font-family:inherit;text-align:left;cursor:pointer;transition:background var(--d-base) var(--e-out)}.tpl-item:hover{background:var(--sf-200)}.tpl-item[aria-selected=true]{background:var(--ink-900);color:var(--sf-0)}.tpl-item .slots{flex:none;padding:0 var(--sp-3);border-radius:var(--r-full);background:var(--ov-06);font-size:var(--fs-2xs);line-height:18px}.tpl-item[aria-selected=true] .slots{background:#ffffff2e}.stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--sf-100)}.stage-bar{position:absolute;top:var(--sp-6);left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:var(--sp-2);max-width:calc(100% - var(--sp-8));white-space:nowrap;padding:var(--sp-3);border-radius:var(--r-full);background:#ffffffd1;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--sh-float)}.chip{flex:none;padding:var(--sp-3) var(--sp-5);border:0;border-radius:var(--r-full);background:transparent;color:var(--ink-500);font-size:var(--fs-xs);font-family:inherit;cursor:pointer;transition:background var(--d-base) var(--e-out),color var(--d-base) var(--e-out)}.chip:hover{background:var(--ov-04)}.chip[aria-pressed=true]{background:var(--ink-900);color:var(--sf-0)}.readout{padding:0 var(--sp-4);color:var(--ink-300);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums}.book{display:flex;gap:1px;transform:scale(var(--page-scale));transform-origin:center;transition:transform var(--d-mid) var(--e-out)}.page{position:relative;flex:none;background:var(--sf-0);box-shadow:var(--sh-book)}.page[data-side=left]{border-radius:var(--r-xs) 0 0 var(--r-xs)}.page[data-side=right]{border-radius:0 var(--r-xs) var(--r-xs) 0}.shell{position:relative;height:100%;overflow:hidden;background:var(--sf-0)}[hidden]{display:none!important}.view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity var(--d-mid) var(--e-out)}.view[data-active=true]{opacity:1;pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-7);pointer-events:none}.topbar>*{pointer-events:auto}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--sf-100);color:var(--ink-900);cursor:pointer;transition:background var(--d-base) var(--e-out),color var(--d-base) var(--e-out),transform var(--d-base) var(--e-out)}.icon-btn:hover{background:var(--sf-200)}.icon-btn:active{transform:scale(.94)}.icon-btn[aria-pressed=true]{background:var(--ink-900);color:var(--sf-0)}.icon-btn:disabled{opacity:.28;cursor:default;pointer-events:none}.icon-group{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-full);background:#ffffffdb;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--sh-float)}.icon-group .icon-btn{background:transparent}.icon-group .icon-btn[aria-pressed=true]{background:var(--ink-900)}.divider{width:1px;height:18px;background:var(--ov-10)}.shelf-stage{flex:1;display:flex;align-items:center;clip-path:inset(-200px 0);touch-action:pan-y;cursor:grab}.shelf-stage:active{cursor:grabbing}.shelf-track{display:flex;align-items:center;will-change:transform}.shelf-card{flex:none;width:clamp(180px,26vw,260px);aspect-ratio:var(--book-aspect, 160 / 226);margin:0 var(--sp-6);border-radius:var(--r-xs) var(--r-sm) var(--r-sm) var(--r-xs);box-shadow:var(--sh-book);cursor:pointer;transition:transform var(--d-slow) var(--e-out),opacity var(--d-slow) var(--e-out)}.shelf-card[data-pos=active]{transform:scale(1);z-index:3}.shelf-card[data-pos=side]{transform:scale(.88);opacity:.55;z-index:2}.shelf-card[data-pos=far]{transform:scale(.82) translateY(8px);opacity:.45;z-index:1}.shelf-card .zine-cover{width:100%;height:100%;box-shadow:none}.shelf-meta{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding-bottom:132px;text-align:center}.shelf-name{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em}.shelf-sub{color:var(--ink-300);font-size:var(--fs-xs)}.shelf-dots{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2)}.sh-dot{width:5px;height:5px;border-radius:50%;background:var(--sf-500);cursor:pointer;transition:all var(--d-base) var(--e-out)}.sh-dot.active{width:18px;border-radius:2.5px;background:var(--ink-700)}.collection{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;background:var(--sf-50);opacity:0;pointer-events:none;transition:opacity var(--d-slow) var(--e-out)}.collection.show{opacity:1;pointer-events:auto}.coll-cancel{display:none;border:0;padding:var(--sp-3) var(--sp-5);background:none;color:var(--ink-900);font-family:inherit;font-size:var(--fs-sm);cursor:pointer}.collection[data-select] .view-toggle,.collection[data-select] #coll-del,.collection[data-select] .fab{display:none}.collection[data-select] .coll-cancel{display:block}.cv-check{position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:2;display:none;width:22px;height:22px;border:2px solid var(--sf-0);border-radius:50%;background:#00000029;box-shadow:var(--sh-card)}.collection[data-select] .cv-check{display:block}.collection[data-select] .zine[data-selected=true] .cv-check{background:var(--ink-900)}.collection[data-select] .zine[data-selected=true] .cv-check:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--sf-0);border-width:0 2px 2px 0;transform:rotate(45deg)}.zine[data-selected=true] .zine-cover{box-shadow:var(--sh-book),0 0 0 2px var(--ink-900)}.selbar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);padding:var(--sp-5) var(--sp-8) calc(var(--sp-5) + env(safe-area-inset-bottom));background:var(--sf-0);border-top:1px solid var(--sf-400);transform:translateY(100%);transition:transform var(--d-slow) var(--e-out);font-size:var(--fs-sm)}.collection[data-select] .selbar{transform:translateY(0)}.selbar-del{border:0;padding:var(--sp-3) var(--sp-7);border-radius:var(--r-full);background:var(--danger);color:var(--sf-0);font-family:inherit;font-size:var(--fs-sm);cursor:pointer}.selbar-del:disabled{opacity:.35;cursor:default}.confirm-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:var(--sp-8);background:#00000059;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.confirm-card{width:min(320px,100%);padding:var(--sp-8) var(--sp-7) var(--sp-6);border-radius:var(--r-xl);background:var(--sf-0);box-shadow:var(--sh-float);text-align:center}.confirm-title{font-size:var(--fs-lg);font-weight:700}.confirm-text{margin-top:var(--sp-4);color:var(--ink-500);font-size:var(--fs-sm);line-height:1.6}.confirm-row{display:flex;gap:var(--sp-4);margin-top:var(--sp-7)}.confirm-btn{flex:1;border:0;padding:var(--sp-4);border-radius:var(--r-full);background:var(--sf-100);color:var(--ink-900);font-family:inherit;font-size:var(--fs-sm);cursor:pointer}.confirm-btn:hover{background:var(--sf-200)}.confirm-danger{background:var(--danger);color:var(--sf-0)}.confirm-danger:hover{background:var(--danger-700)}.shelf-title{padding:68px 0 var(--sp-8);font-size:var(--fs-2xl);font-weight:700;text-align:center;letter-spacing:-.02em}.shelf-scroll{flex:1;overflow-y:auto;padding:0 var(--sp-8) 120px}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-9) var(--sp-7);max-width:1040px;margin:0 auto}.zine{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);border:0;padding:0;background:none;font-family:inherit;cursor:pointer}.zine-cover{position:relative;width:100%;aspect-ratio:var(--book-aspect, 160 / 226);border-radius:var(--r-xs) var(--r-sm) var(--r-sm) var(--r-xs);box-shadow:var(--sh-book);overflow:hidden;transition:transform var(--d-slow) var(--e-spring)}.zine:hover .zine-cover{transform:translateY(-4px)}.zine-cover:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(90deg,#00000038,#0000 70%)}.zine-cover:after{content:"";position:absolute;inset:0 0 0 auto;width:4px;background:linear-gradient(270deg,#ffffff6b,#fff0)}.zine-cover>*{position:absolute;top:0;right:0;bottom:0;left:0}.zine-name{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em}.zine-meta{margin-top:calc(-1 * var(--sp-3));color:var(--ink-300);font-size:var(--fs-xs)}.fab{position:absolute;right:var(--sp-9);bottom:var(--sp-9);z-index:20;display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:50%;background:var(--ink-900);color:var(--sf-0);cursor:pointer;box-shadow:var(--sh-float);transition:transform var(--d-base) var(--e-spring)}.fab:active{transform:scale(.92)}.reader-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.bookbox{position:relative;transform-origin:center;transform-style:preserve-3d;perspective:1200px;will-change:transform;transition:transform var(--d-panel) var(--e-panel)}.spread{position:absolute;left:0;top:0;display:flex}.spread[data-hide-left] .leaf[data-side=left]{visibility:hidden}.cover-flip{position:absolute;left:0;top:0;z-index:10;transform-origin:left center;transform-style:preserve-3d;cursor:pointer;box-shadow:var(--sh-book)}.cover-flip:after{content:"";position:absolute;left:0;top:0;z-index:-1;width:calc(100% + 1px);height:calc(100% + 1px);background:var(--ov-12);border-radius:0 var(--r-xs) var(--r-xs) 0;opacity:.5;pointer-events:none;backface-visibility:hidden}.cover-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--sf-0);backface-visibility:hidden}.cf-front{transform:translateZ(.5px);border-radius:0 var(--r-xs) var(--r-xs) 0}.cf-back{transform:rotateY(180deg);border-radius:var(--r-xs) 0 0 var(--r-xs)}.crease{position:absolute;top:0;bottom:0;left:50%;z-index:12;width:16px;pointer-events:none;transform:translate(-50%);background:linear-gradient(to right,#0000,#0000000d 48%,#0000000d 52%,#0000);opacity:0;transition:opacity var(--d-slow) var(--e-out)}.bookbox[data-mode=reader] .crease{opacity:1}.cover-actions{position:absolute;left:50%;z-index:20;display:flex;align-items:center;padding:var(--sp-2);transform:translate(-50%);border-radius:var(--r-full);background:#ffffff94;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);box-shadow:var(--sh-float);transition:opacity var(--d-mid) var(--e-out),transform var(--d-mid) var(--e-out)}.cha-secondary{display:flex;align-items:center;gap:var(--sp-3);height:28px;padding:0 var(--sp-6);border:0;border-radius:var(--r-full);background:transparent;color:var(--ink-500);font-family:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--d-base) var(--e-out),color var(--d-base) var(--e-out),transform var(--d-base) var(--e-out)}.cha-secondary+.cha-secondary{border-left:1px solid var(--ov-08);border-top-left-radius:0;border-bottom-left-radius:0}.cha-secondary:hover{color:var(--ink-900);background:#ffffffa3}.cha-secondary:active{transform:scale(.96)}.cha-secondary svg{width:15px;height:15px}.leaf{position:relative;flex:none;background:var(--sf-0)}.leaf[data-side=left]{box-shadow:inset -14px 0 22px -18px #0000008c,-4px 24px 72px #00000038,-2px 4px 16px #0000001f}.leaf[data-side=right]{box-shadow:inset 14px 0 22px -18px #0000008c,4px 24px 72px #00000038,2px 4px 16px #0000001f}.page-nav{position:absolute;top:50%;z-index:15;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#ffffffeb;color:var(--ink-900);cursor:pointer;box-shadow:var(--sh-card);opacity:0;transform:translateY(-50%);transition:opacity var(--d-base) var(--e-out),background var(--d-base) var(--e-out)}.reader-stage:hover .page-nav{opacity:1}.page-nav:hover{background:var(--sf-0)}.page-nav[disabled]{opacity:0!important;pointer-events:none}.filmstrip{position:absolute;left:50%;bottom:var(--sp-7);z-index:20;display:flex;align-items:center;gap:var(--sp-5);max-width:calc(100% - var(--sp-8));padding:var(--sp-5) var(--sp-6);overflow-x:auto;transform:translate(-50%);border-radius:var(--r-3xl);background:#ffffffe6;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--sh-float);scrollbar-width:none}.filmstrip::-webkit-scrollbar{display:none}.thumb{flex:none;width:72px;aspect-ratio:calc(var(--book-aspect, 160 / 226) * 2);border:0;padding:0;border-radius:var(--r-sm);background:var(--sf-100);cursor:pointer;overflow:visible;transition:box-shadow var(--d-base) var(--e-out)}.thumb .thumb-inner{border-radius:var(--r-sm);overflow:hidden}.thumb[aria-current=true]{box-shadow:var(--sh-selected);transform:translateY(-3px)}.thumb[aria-current=true] .thumb-num{background:var(--ink-900);color:var(--sf-0)}.thumb-num{position:absolute;left:4px;top:4px;z-index:4;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-full);background:var(--sf-0);color:var(--ink-400);font-size:var(--fs-2xs);line-height:16px;text-align:center;box-shadow:var(--sh-card);pointer-events:none}.empty{display:grid;place-items:center;gap:var(--sp-5);height:100%;color:var(--ink-300);text-align:center}.spread{transform-style:preserve-3d}.flip-layer{position:absolute;top:0;z-index:30;transform-style:preserve-3d;will-change:transform}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:var(--sf-0);overflow:hidden}.flip-back{transform:rotateY(180deg)}.flip-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#00000080,#0000000d)}.reader-stage[data-editing=true] .leaf[aria-selected=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--ink-900);transition:opacity var(--d-base) var(--e-out)}.icon-btn.solo{background:#ffffffeb;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--sh-float)}.editbar{position:absolute;left:50%;bottom:var(--sp-7);z-index:20;padding:var(--sp-5) var(--sp-7);transform:translate(-50%);border-radius:var(--r-3xl);background:#ffffffeb;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--sh-float)}.editbar-row{display:flex;align-items:center;gap:var(--sp-4)}.edit-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);min-width:58px;padding:var(--sp-2) var(--sp-3);border:0;border-radius:var(--r-lg);background:none;color:var(--ink-500);font-family:inherit;font-size:var(--fs-2xs);cursor:pointer;transition:background var(--d-base) var(--e-out),color var(--d-base) var(--e-out)}.edit-item:hover{background:var(--sf-100);color:var(--ink-900)}.edit-item:active{transform:scale(.95)}.edit-item span{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-lg);background:var(--sf-100);color:var(--ink-900)}.reader-stage[data-editing=true]{padding-top:70px;padding-bottom:92px}.reader-stage[data-editing=true] [data-img-crop]{cursor:grab}[data-img-crop][data-img-selected]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;border:4px solid #ffed00;box-sizing:border-box;pointer-events:none}[data-img-crop][data-img-selected]{cursor:move}.bookbox[data-zooming]{transition:transform var(--d-zoom) var(--e-panel)}.sticker{cursor:grab;touch-action:none;border-radius:var(--r-xs);transition:box-shadow var(--d-base) var(--e-out)}.sticker:hover{box-shadow:0 0 0 1px var(--ov-20)}.sticker:active{cursor:grabbing}.reader-stage{transition:margin-right var(--d-panel) var(--e-panel)}@media (min-width: 768px){body.has-panel .reader-stage{margin-right:380px}}.leaf-add{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;border:0;background:none;color:var(--sf-500);font-size:28px;font-weight:200;cursor:pointer;transition:color var(--d-base) var(--e-out),background var(--d-base) var(--e-out)}.leaf-add:hover{background:var(--ov-04);color:var(--ink-400)}.shell[data-pure] .topbar,.shell[data-pure] .filmstrip,.shell[data-pure] .editbar,.shell[data-pure] .cover-actions,.shell[data-pure] .page-nav{display:none!important}.toast{position:absolute;left:50%;top:var(--sp-9);z-index:60;padding:var(--sp-5) var(--sp-8);border-radius:var(--r-md);background:#000000d1;color:var(--sf-0);font-size:var(--fs-sm);white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%);transition:opacity var(--d-slow) var(--e-out)}.toast.show{opacity:1}.thumb-inner{display:flex;width:100%;height:100%}.thumb-half{position:relative;flex:1;overflow:hidden;background:var(--sf-0)}.thumb-half>*{position:absolute;left:0;top:0;transform-origin:top left;transform:scale(var(--thumb-scale, .13));pointer-events:none}.thumb-half:first-child{box-shadow:inset -2px 0 3px -2px #0006}.strip-scroll{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-1);overflow-x:auto;scrollbar-width:none}.strip-scroll::-webkit-scrollbar{display:none}.strip-add{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--r-sm);background:var(--sf-100);color:var(--ink-400);cursor:pointer;transition:background var(--d-base) var(--e-out),color var(--d-base) var(--e-out)}.strip-add:hover{background:var(--sf-200);color:var(--ink-900)}.thumb[data-dragging]{opacity:.6;transform:translateY(-3px) scale(1.06);box-shadow:var(--sh-float);z-index:2}.thumb{position:relative;touch-action:pan-x;transition:transform var(--d-base) var(--e-out),opacity var(--d-base) var(--e-out)}.thumb[data-selected]{box-shadow:var(--sh-selected)}.strip-del{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--r-sm);background:var(--sf-100);color:var(--ink-400);cursor:pointer;transition:background var(--d-base) var(--e-out),color var(--d-base) var(--e-out),opacity var(--d-base) var(--e-out)}.strip-del svg{width:18px;height:18px}.strip-del:disabled{opacity:.3;cursor:default}.strip-del:not(:disabled){background:var(--ink-900);color:var(--sf-0)}.strip-del:not(:disabled):hover{background:var(--danger)}.hint{position:absolute;z-index:40;display:flex;align-items:center;gap:var(--sp-6);max-width:min(560px,calc(100% - var(--sp-8)));padding:var(--sp-5) var(--sp-6);border-radius:var(--r-2xl);background:#1a1a1aeb;color:var(--sf-0);font-size:var(--fs-sm);line-height:1.5;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--sh-float);transform:translate(-50%)}.hint:after{content:"";position:absolute;left:var(--arrow-x, 50%);bottom:-5px;width:10px;height:10px;background:inherit;transform:translate(-50%) rotate(45deg)}.hint[data-side=bottom]:after{bottom:auto;top:-5px}.sheet-body .hint{flex-direction:column;align-items:flex-start;gap:var(--sp-4);max-width:calc(100% - var(--sp-8))}.hint-text{flex:1;min-width:0}.hint-actions{flex:none;display:flex;align-items:center;gap:var(--sp-2)}.hint-btn{border:0;white-space:nowrap;padding:var(--sp-2) var(--sp-5);border-radius:var(--r-full);background:#ffffff29;color:var(--sf-0);font-family:inherit;font-size:var(--fs-xs);cursor:pointer;transition:background var(--d-base) var(--e-out)}.hint-btn:hover{background:#ffffff47}.hint-btn-quiet{background:transparent;color:#fff9}.hint-btn-quiet:hover{background:#ffffff1f;color:var(--sf-0)}@media (max-width: 767px){.page-nav{display:none}.hint{width:min(360px,calc(100% - var(--sp-8)));flex-direction:column;align-items:stretch;gap:var(--sp-4)}.hint-actions{justify-content:flex-end}}.shell[data-pure] .hint{display:none!important}.cutout-busy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#f5f6f852;-webkit-backdrop-filter:blur(6px) saturate(85%);backdrop-filter:blur(6px) saturate(85%);border-radius:inherit}.cutout-pill{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-full);background:#1a1a1ad1;color:var(--sf-0);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);box-shadow:var(--sh-card)}.cutout-spin{width:9px;height:9px;flex:none;border:1.4px solid rgba(255,255,255,.3);border-top-color:var(--sf-0);border-radius:50%;animation:cutout-spin .7s linear infinite}@keyframes cutout-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.cutout-spin{animation:cutout-pulse 1.4s ease-in-out infinite;border-top-color:#ffffff4d;background:var(--sf-0)}@keyframes cutout-pulse{50%{opacity:.25}}}.cutout-item{cursor:grab;touch-action:none}.cutout-item:active{cursor:grabbing}.slot-picked{outline:2px solid var(--ink-900);outline-offset:2px}.shell[data-viewer] .editbar,.shell[data-viewer] .topbar[data-bar=edit],.shell[data-viewer] .filmstrip,.shell[data-viewer] .fab,.shell[data-viewer] .cover-actions,.shell[data-viewer] .strip-del,.shell[data-viewer] #sh-del,.shell[data-viewer] #coll-del,.shell[data-viewer] #v-bg,.shell[data-viewer] #v-swap,.shell[data-viewer] #v-div,.shell[data-viewer] #v-export,.shell[data-viewer] .leaf-add{display:none!important}.shell[data-viewer] .sticker,.shell[data-viewer] .cutout-item,.shell[data-viewer] [data-slot]{pointer-events:none!important;cursor:default}.shell[data-viewer] [data-slot][data-empty]{visibility:hidden}.share-gone{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:var(--sp-5);padding:var(--sp-8);text-align:center}.share-gone-title{font-size:var(--fs-xl);font-weight:700}.share-gone-text{margin:0;max-width:34ch;color:var(--ink-500);font-size:var(--fs-sm);line-height:1.7}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--ov-20);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;flex-direction:column;max-height:82dvh;border-radius:var(--r-3xl) var(--r-3xl) 0 0;background:var(--sf-0);box-shadow:var(--sh-modal);padding-bottom:env(safe-area-inset-bottom,0)}@media (min-width: 768px){.sheet{left:auto;right:0;top:0;bottom:0;width:380px;max-height:none;border-radius:var(--r-3xl) 0 0 var(--r-3xl);padding-bottom:0}.sheet-backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.sheet-head{padding-top:var(--sp-8)}.sheet-grip{display:none}}.sheet-grip{flex:none;display:grid;place-items:center;height:22px;cursor:grab;touch-action:none}.sheet-grip:before{content:"";width:36px;height:4px;border-radius:var(--r-full);background:var(--sf-500)}.sheet-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-8) var(--sp-5)}.sheet-head h2{margin:0;font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em}.sheet-close{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:var(--sf-100);color:var(--ink-400);font-size:var(--fs-md);cursor:pointer;transition:background var(--d-base) var(--e-out)}.sheet-close:hover{background:var(--sf-200)}.sheet-body{flex:1;overflow-y:auto;padding:0 var(--sp-8) var(--sp-9)}.field-label{margin:var(--sp-7) 0 var(--sp-5);color:var(--ink-300);font-size:var(--fs-xs)}.field-label:first-child{margin-top:0}.style-list{display:grid;gap:var(--sp-5);max-height:46dvh;overflow-y:auto;padding:2px;margin:-2px}.style-search{width:100%;margin-bottom:var(--sp-5);padding:var(--sp-4) var(--sp-5);border:1px solid var(--sf-400);border-radius:var(--r-md);background:var(--sf-50);color:var(--ink-900);font-family:inherit;font-size:var(--fs-sm)}.style-search:focus{outline:none;border-color:var(--ink-900)}.style-empty{margin:var(--sp-6) 0 0;color:var(--ink-400);font-size:var(--fs-sm);text-align:center}.style-card{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-5);border:0;border-radius:var(--r-xl);background:var(--sf-100);color:var(--ink-900);font-family:inherit;text-align:left;cursor:pointer;transition:background var(--d-base) var(--e-out),box-shadow var(--d-base) var(--e-out)}.style-card:hover{background:var(--sf-200)}.style-card[aria-selected=true]{background:var(--sf-0);box-shadow:var(--sh-selected)}.style-swatches{flex:none;display:flex;gap:3px}.style-swatches i{width:15px;height:34px;border-radius:var(--r-xs)}.style-name{display:block;font-size:var(--fs-lg);font-weight:700}.style-desc{display:block;margin-top:2px;color:var(--ink-300);font-size:var(--fs-xs)}.btn{width:100%;padding:var(--sp-6);border:0;border-radius:var(--r-full);background:var(--ink-900);color:var(--sf-0);font-family:inherit;font-size:var(--fs-lg);font-weight:700;cursor:pointer;transition:opacity var(--d-base) var(--e-out),transform var(--d-base) var(--e-out)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-ghost{background:var(--sf-100);color:var(--ink-900)}.dropzone{display:grid;place-items:center;gap:var(--sp-4);padding:var(--sp-9) var(--sp-7);border:1px dashed var(--sf-500);border-radius:var(--r-xl);color:var(--ink-300);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--d-base) var(--e-out),background var(--d-base) var(--e-out)}.dropzone:hover,.dropzone[data-over=true]{border-color:var(--ink-900);background:var(--sf-50)}.picked{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--sp-4);margin-top:var(--sp-6)}.picked figure{position:relative;margin:0;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;background:var(--sf-100)}.picked img{width:100%;height:100%;object-fit:cover;display:block}.picked button{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:10px;cursor:pointer}.progress{height:3px;margin-top:var(--sp-6);border-radius:var(--r-full);background:var(--sf-200);overflow:hidden}.progress i{display:block;height:100%;border-radius:var(--r-full);background:var(--ink-900);transition:width var(--d-mid) var(--e-out)}.sheet.tp .sheet-head{display:none}.tp-header-row{padding-top:var(--sp-3)}.tp-title{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em}.tp-subtitle{margin-top:var(--sp-3);color:var(--ink-300);font-size:var(--fs-md)}.tp-source-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);margin-top:var(--sp-7)}.tp-source-btn{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);padding:var(--sp-8) var(--sp-5);border:0;border-radius:var(--r-xl);background:var(--sf-100);color:var(--ink-900);font-family:inherit;cursor:pointer;transition:background var(--d-base) var(--e-out)}.tp-source-btn:hover{background:var(--sf-200)}.tp-source-btn:active{transform:scale(.985)}.tp-src-label{font-size:var(--fs-lg);font-weight:700}.tp-uploaded-row,.tp-variants-section,.tp-bg-section{margin-top:var(--sp-8)}.tp-uploaded-label,.tp-variants-label{margin-bottom:var(--sp-5);color:var(--ink-300);font-size:var(--fs-md)}.tp-uploaded-grid{display:flex;flex-wrap:wrap;gap:var(--sp-5)}.tp-up-cell{position:relative;width:62px;height:62px;border-radius:var(--r-lg);overflow:hidden;background:var(--sf-100)}.tp-up-cell img{width:100%;height:100%;object-fit:cover;display:block}.tp-up-del{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:19px;height:19px;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:10px;cursor:pointer}.tp-up-add{display:grid;place-items:center;width:62px;height:62px;border:1px dashed var(--sf-500);border-radius:var(--r-lg);background:none;color:var(--ink-300);font-size:var(--fs-2xl);cursor:pointer;transition:border-color var(--d-base) var(--e-out)}.tp-up-add:hover{border-color:var(--ink-900);color:var(--ink-900)}.tp-variants-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-xl);background:var(--sf-100)}.tp-variants-tab{padding:var(--sp-5);border-radius:var(--r-lg);color:var(--ink-400);font-size:var(--fs-lg);font-weight:700;text-align:center;cursor:pointer;transition:background var(--d-base) var(--e-out),color var(--d-base) var(--e-out)}.tp-variants-tab.tp-tab-active{background:var(--ink-900);color:var(--sf-0)}.tp-variants-scroll{display:flex;gap:var(--sp-6);margin-top:var(--sp-6);padding-bottom:var(--sp-3);overflow-x:auto;scrollbar-width:none}.tp-variants-scroll::-webkit-scrollbar{display:none}.tp-variant{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:0;border:0;background:none;font-family:inherit;cursor:pointer}.tp-variant-canvas{position:relative;overflow:hidden;border-radius:var(--r-sm);background:var(--sf-0);box-shadow:inset 0 0 0 1px var(--ov-06);transition:box-shadow var(--d-base) var(--e-out),transform var(--d-base) var(--e-spring)}.tp-variant:hover .tp-variant-canvas{transform:translateY(-2px)}.tp-variant[aria-selected=true] .tp-variant-canvas{box-shadow:var(--sh-selected)}.tp-variant-name{color:var(--ink-400);font-size:var(--fs-xs)}.tp-variant[aria-selected=true] .tp-variant-name{color:var(--ink-900);font-weight:700}.tp-variants-empty{padding:var(--sp-8);color:var(--ink-300);font-size:var(--fs-sm)}.tp-bg-row{display:flex;gap:var(--sp-5)}.tp-bg-swatch{width:46px;height:46px;border:0;border-radius:var(--r-lg);cursor:pointer;box-shadow:inset 0 0 0 1px var(--ov-10);transition:box-shadow var(--d-base) var(--e-out)}.tp-bg-swatch[aria-selected=true]{box-shadow:var(--sh-selected)}.sheet.ap .sheet-head{display:none}.ap-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-6);padding-top:var(--sp-3)}.ap-title{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em}.ap-subtitle{margin-top:var(--sp-3);color:var(--ink-300);font-size:var(--fs-md)}.ap-header-right{flex:none;display:flex;align-items:center;gap:var(--sp-3)}.ap-noimg-btn,.ap-side-btn{padding:var(--sp-4) var(--sp-6);border:0;border-radius:var(--r-full);background:var(--sf-100);color:var(--ink-900);font-family:inherit;font-size:var(--fs-sm);font-weight:700;cursor:pointer;transition:background var(--d-base) var(--e-out),transform var(--d-base) var(--e-out)}.ap-noimg-btn:hover,.ap-side-btn:hover{background:var(--sf-200)}.ap-side-btn:active{transform:scale(.96)}.ap-apply{background:var(--ink-900);color:var(--sf-0)}.ap-apply:hover{background:var(--ink-700)}.ap-del{color:#9e0000}.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:var(--sp-5);margin-top:var(--sp-8)}.ap-cell{position:relative;aspect-ratio:1;padding:0;border:0;border-radius:var(--r-lg);background:var(--sf-100);overflow:hidden;cursor:pointer;transition:box-shadow var(--d-base) var(--e-out),transform var(--d-base) var(--e-spring)}.ap-cell:hover{transform:translateY(-2px)}.ap-cell img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity var(--d-base) var(--e-out)}.ap-cell[aria-selected=true]{box-shadow:var(--sh-selected)}.ap-cell[aria-selected=true] img{opacity:.82}.ap-badge{position:absolute;top:4px;right:4px;display:grid;place-items:center;min-width:20px;height:20px;border-radius:var(--r-full);background:var(--ink-900);color:var(--sf-0);font-size:var(--fs-2xs);font-weight:700}.ap-add{display:grid;place-items:center;aspect-ratio:1;border:1px dashed var(--sf-500);border-radius:var(--r-lg);background:none;color:var(--ink-300);font-size:var(--fs-2xl);cursor:pointer;transition:border-color var(--d-base) var(--e-out),color var(--d-base) var(--e-out)}.ap-add:hover{border-color:var(--ink-900);color:var(--ink-900)}.ap-empty{display:grid;place-items:center;gap:var(--sp-6);padding:var(--sp-9) 0;cursor:pointer}.ap-empty-circle{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--sf-100);color:var(--ink-300);font-size:34px;font-weight:300;transition:background var(--d-base) var(--e-out),color var(--d-base) var(--e-out),transform var(--d-base) var(--e-spring)}.ap-empty:hover .ap-empty-circle{background:var(--ink-900);color:var(--sf-0);transform:scale(1.04)}.ap-empty-hint{color:var(--ink-300);font-size:var(--fs-md)}.sheet.te .sheet-head{display:none}.te-ib-title{padding-top:var(--sp-3);font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em}.te-ib-input-wrap{margin-top:var(--sp-6)}.te-input{width:100%;padding:var(--sp-6);border:0;border-radius:var(--r-xl);background:var(--sf-100);color:var(--ink-900);font-family:inherit;font-size:var(--fs-lg);line-height:1.5;resize:none;outline:none;transition:box-shadow var(--d-base) var(--e-out)}.te-input:focus{box-shadow:inset 0 0 0 2px var(--ink-900)}.te-tabbar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);margin-top:var(--sp-7);padding:var(--sp-2);border-radius:var(--r-xl);background:var(--sf-100)}.te-tab{padding:var(--sp-4);border-radius:var(--r-lg);color:var(--ink-400);font-size:var(--fs-md);font-weight:700;text-align:center;cursor:pointer;transition:background var(--d-base) var(--e-out),color var(--d-base) var(--e-out)}.te-tab.te-tab-active{background:var(--ink-900);color:var(--sf-0)}.te-ib-rows{min-height:92px;margin-top:var(--sp-6)}.te-row-scroll{display:flex;gap:var(--sp-4);padding-bottom:var(--sp-3);overflow-x:auto;scrollbar-width:none}.te-row-scroll::-webkit-scrollbar{display:none}.te-font-btn{flex:none;padding:var(--sp-4) var(--sp-7);border:0;border-radius:var(--r-lg);background:var(--sf-100);color:var(--ink-900);font-size:var(--fs-lg);cursor:pointer;transition:box-shadow var(--d-base) var(--e-out)}.te-font-btn[aria-selected=true]{box-shadow:var(--sh-selected)}.te-color-btn{flex:none;width:38px;height:38px;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px var(--ov-10);transition:box-shadow var(--d-base) var(--e-out)}.te-color-btn[aria-selected=true]{box-shadow:inset 0 0 0 1px var(--ov-10),0 0 0 2px var(--sf-0),0 0 0 4px var(--ink-900)}.te-row-ctrl{display:flex;align-items:center;gap:var(--sp-6);margin-top:var(--sp-6)}.te-slider{flex:1;height:3px;border-radius:var(--r-full);background:var(--sf-300);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.te-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--sf-0);box-shadow:var(--sh-card);cursor:pointer}.te-slider-val{min-width:42px;color:var(--ink-400);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;text-align:right}.te-align-row{display:flex;gap:var(--sp-4)}.te-align-btn{position:relative;width:52px;height:38px;border:0;border-radius:var(--r-lg);background:var(--sf-100);cursor:pointer;transition:box-shadow var(--d-base) var(--e-out)}.te-align-btn[aria-selected=true]{box-shadow:var(--sh-selected)}.te-align-btn:before,.te-align-btn:after{content:"";position:absolute;left:50%;height:2px;border-radius:var(--r-full);background:var(--ink-900);transform:translate(-50%)}.te-align-btn:before{top:13px;width:26px}.te-align-btn:after{top:21px;width:16px}.te-align-btn[data-align=left]:after{left:13px;transform:none}.te-align-btn[data-align=right]:after{left:auto;right:13px;transform:none}.sheet.te .btn{margin-top:var(--sp-8)}.te-quickbar{position:absolute;z-index:40;display:flex;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-full);background:#fffffff0;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--sh-float);transform:translate(-50%,-100%)}.te-qb-btn{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--ink-900);cursor:pointer;transition:background var(--d-base) var(--e-out)}.te-qb-btn:hover{background:var(--sf-100)}.ce-label{margin:var(--sp-8) 0 var(--sp-5);color:var(--ink-500);font-size:var(--fs-xs);font-weight:600}.ce-label:first-child{margin-top:0}.ce-tpl-row{display:flex;gap:var(--sp-4)}.ce-tpl-opt{flex:1;height:40px;border:0;border-radius:var(--r-lg);background:var(--sf-100);color:var(--ink-500);font-family:inherit;font-size:var(--fs-md);cursor:pointer;transition:background var(--d-base) var(--e-out),color var(--d-base) var(--e-out)}.ce-tpl-opt:hover{background:var(--sf-200)}.ce-tpl-opt[aria-selected=true]{background:var(--ink-900);color:var(--sf-0)}.ce-color-row,.bp-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-5)}.ce-swatch{width:34px;height:34px;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px var(--ov-10);transition:box-shadow var(--d-base) var(--e-out)}.ce-swatch[aria-selected=true]{box-shadow:var(--sh-selected)}.ce-wheel,.bp-wheel{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;overflow:hidden;cursor:pointer;background:conic-gradient(from 0deg,#f53d3d,#f4f42a,#20df20,#30e8e8,#4c4cf0,#eb47eb,#f53d3d);box-shadow:inset 0 0 0 1px var(--ov-10)}.ce-wheel[aria-selected=true],.bp-wheel[aria-selected=true]{box-shadow:var(--sh-selected)}.ce-wheel input,.bp-wheel input{width:200%;height:200%;border:0;padding:0;background:transparent;opacity:0;cursor:pointer}.ce-pos-row{display:flex;gap:var(--sp-6)}.ce-pos-opt{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-7);border:0;border-radius:var(--r-lg);background:var(--sf-100);color:var(--ink-500);font-family:inherit;font-size:var(--fs-xs);cursor:pointer;transition:background var(--d-base) var(--e-out),color var(--d-base) var(--e-out)}.ce-pos-opt[aria-selected=true]{background:var(--sf-0);color:var(--ink-900);box-shadow:var(--sh-selected)}.ce-pos-thumb{width:30px;height:42px}.ce-btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-4)}.ce-upload-btn{flex:1;min-height:38px;padding:0 var(--sp-7);border:0;border-radius:var(--r-lg);background:var(--sf-100);color:var(--ink-900);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;transition:background var(--d-base) var(--e-out)}.ce-upload-btn:hover{background:var(--sf-200)}.ce-remove-btn{flex:0 0 auto;color:var(--ink-300)}.ce-hint{margin-top:var(--sp-4);color:var(--ink-300);font-size:var(--fs-xs)}.ce-title-input{width:100%;padding:var(--sp-5) var(--sp-6);border:1px solid var(--ov-08);border-radius:var(--r-lg);background:var(--sf-50);color:var(--ink-900);font-family:inherit;font-size:var(--fs-lg);line-height:1.5;resize:none}.ce-title-input:focus{outline:none;border-color:var(--ov-20)}.bp-custom-row{display:flex;align-items:center;gap:var(--sp-5);margin-top:var(--sp-6)}.bp-custom-hint{color:var(--ink-300);font-size:var(--fs-xs)}.bp-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5);margin-bottom:var(--sp-7)}.bp-thumb{aspect-ratio:1;border:0;border-radius:var(--r-lg);cursor:pointer;box-shadow:inset 0 0 0 1px var(--ov-10);transition:box-shadow var(--d-base) var(--e-out)}.bp-thumb[aria-selected=true]{box-shadow:var(--sh-selected)}.ex-formats{display:grid;gap:var(--sp-4)}.ex-format{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-6) var(--sp-7);border:0;border-radius:var(--r-lg);background:var(--sf-100);font-family:inherit;text-align:left;cursor:pointer;transition:background var(--d-base) var(--e-out)}.ex-format:hover:not(:disabled){background:var(--sf-200)}.ex-format:disabled{opacity:.45;cursor:default}.ex-format-name{color:var(--ink-900);font-size:var(--fs-lg);font-weight:600}.ex-format-desc{color:var(--ink-300);font-size:var(--fs-xs)}.ex-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5)}.ex-head-actions{display:flex;align-items:center;gap:var(--sp-4)}.ex-sub{color:var(--ink-500);font-size:var(--fs-sm)}.ex-quality{display:flex;gap:var(--sp-4)}.ex-q{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-5);border:0;border-radius:var(--r-lg);background:var(--sf-100);color:var(--ink-500);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;transition:background var(--d-base) var(--e-out)}.ex-q i{color:var(--ink-300);font-size:var(--fs-2xs);font-style:normal}.ex-q[aria-selected=true]{background:var(--ink-900);color:var(--sf-0)}.ex-q[aria-selected=true] i{color:#ffffffb3}.ex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.ex-cell{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:0;border:0;background:none;font-family:inherit;cursor:pointer}.ex-cell-page{position:relative;width:100%;aspect-ratio:var(--book-aspect, 160 / 226);overflow:hidden;border-radius:var(--r-sm);background:var(--sf-0);box-shadow:inset 0 0 0 1px var(--ov-10);transition:box-shadow var(--d-base) var(--e-out)}.ex-cell-page>*{position:absolute;left:0;top:0;transform-origin:top left;transform:scale(var(--thumb-scale, .6));pointer-events:none}.ex-cell[aria-selected=true] .ex-cell-page{box-shadow:var(--sh-selected)}.ex-cell-label{color:var(--ink-300);font-size:var(--fs-2xs)}.ex-cell[aria-selected=true] .ex-cell-label{color:var(--ink-900)}.ex-progress{height:4px;margin-top:var(--sp-6);border-radius:var(--r-full);background:var(--sf-200);overflow:hidden}.ex-progress i{display:block;width:0;height:100%;background:var(--ink-900);transition:width var(--d-mid) var(--e-out)}.ce-hint[data-tone=warn]{color:#d32f2f}.ex-gesture{display:grid;gap:var(--sp-4);margin-top:var(--sp-7)}.ex-redeem{display:grid;gap:var(--sp-4);margin-top:var(--sp-7);padding:var(--sp-7);border-radius:var(--r-xl);background:var(--sf-100)}.ex-redeem .ce-label{margin:0}.tp-cutout-bar{padding:var(--sp-5) 0 var(--sp-3)}.tp-cut-row{display:flex;align-items:center;gap:var(--sp-4)}.sheet-body{position:relative}.tp-cut-start,.tp-cut-cancel{border:0;padding:var(--sp-4) var(--sp-7);border-radius:var(--r-full);font-family:inherit;font-size:var(--fs-sm);cursor:pointer}.tp-cut-start{background:var(--ink-900);color:var(--sf-0)}.tp-cut-cancel{background:var(--sf-100);color:var(--ink-900)}.tp-cut-status{color:var(--ink-400);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.tp-stroke-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);cursor:pointer}.tp-stroke-head .tp-variants-label{margin:0}.tp-bg-row .tp-bg-swatch[data-color="#FFFFFF"]{box-shadow:inset 0 0 0 1px var(--ov-12)}.cj-thumbs{display:flex;gap:var(--sp-4);overflow-x:auto;padding-bottom:var(--sp-4);scrollbar-width:none}.cj-thumbs::-webkit-scrollbar{display:none}.cj-thumb{flex:none;width:56px;height:56px;padding:0;border:0;border-radius:var(--r-sm);background:var(--sf-100);cursor:pointer;overflow:hidden}.cj-thumb img{width:100%;height:100%;object-fit:contain}.cj-thumb[aria-selected=true]{box-shadow:var(--sh-selected)}.cj-rows{display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-5) 0}.cj-row{display:flex;align-items:center;gap:var(--sp-5)}.cj-label{flex:none;width:3em;color:var(--ink-500);font-size:var(--fs-sm)}.cj-row input[type=range]{flex:1;min-width:0;accent-color:var(--ink-900)}.cj-val{flex:none;width:3.5em;text-align:right;color:var(--ink-400);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.cj-layer{display:flex;gap:var(--sp-3)}.cj-layer-btn{border:0;padding:var(--sp-3) var(--sp-6);border-radius:var(--r-full);background:var(--sf-100);color:var(--ink-900);font-family:inherit;font-size:var(--fs-sm);cursor:pointer}.cj-layer-btn:hover{background:var(--sf-200)}.cj-hint{margin:0;color:var(--ink-400);font-size:var(--fs-xs)}.ex-share{margin-top:var(--sp-6);padding-top:var(--sp-6);border-top:1px solid var(--sf-400)}.ex-share-note{margin:0 0 var(--sp-5);color:var(--ink-500);font-size:var(--fs-sm);line-height:1.6}.ex-share-note b{color:var(--ink-900)}.ex-share-url{width:100%;padding:var(--sp-4) var(--sp-5);border:1px solid var(--sf-400);border-radius:var(--r-md);background:var(--sf-50);color:var(--ink-900);font-family:inherit;font-size:var(--fs-sm);text-overflow:ellipsis}.ex-share-row{display:flex;gap:var(--sp-4);margin-top:var(--sp-5)}.ex-share-row .btn{flex:1}.ex-share-status{margin-top:var(--sp-4);color:var(--ink-400);font-size:var(--fs-xs);line-height:1.5}.ex-share-status[data-tone=warn]{color:var(--danger)}.cover-page{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;container-type:inline-size}.cover-page:before,.cover-cutout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;mix-blend-mode:multiply;background-image:var( --cover-texture, repeating-linear-gradient(0deg, rgba(0, 0, 0, .5) 0 .28cqw, transparent .28cqw .85cqw), repeating-linear-gradient(90deg, rgba(0, 0, 0, .42) 0 .28cqw, transparent .28cqw .85cqw) );background-size:var(--cover-texture-size, auto);opacity:.25}.cover-cutout:before{opacity:.38}.cover-page:after,.cover-cutout .cc-crease{content:"";position:absolute;left:2.2cqw;top:0;bottom:0;width:2.7cqw;z-index:2;pointer-events:none;background:linear-gradient(to right,#0000,#00000017 45%,#00000012 55%,#0000)}.cover-main-title{position:relative;z-index:1;padding:0 6cqw;font-family:FZLanTingHei,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:5.625cqw;font-weight:600;letter-spacing:.1875cqw;line-height:1.35;text-align:center;white-space:pre-wrap;word-break:break-word}.cover-bottom-text,.cover-cutout .cc-bottom-text{position:absolute;left:0;right:0;bottom:8.75cqw;z-index:3;font-family:Domine,Georgia,serif;font-size:2.1875cqw;font-weight:400;letter-spacing:.05cqw;text-align:center;text-transform:uppercase}.cover-page-img:before,.cover-page-img:after{display:none}.cover-page-img img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block}.cover-cutout{position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;container-type:inline-size}.cover-cutout:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,#ffffff52,#ffffff38 .5%,#fff0 1.05%),linear-gradient(to top,#0000004d,#0003 .5%,#0000 1.05%),linear-gradient(135deg,#ffffff1f,#fff0 38%,#0000000d)}.cover-cutout .cc-window{position:absolute;left:34.5cqw;width:31cqw;top:30cqw;height:41cqw;z-index:2;overflow:hidden;background:#fff;box-shadow:0 0 0 .1cqw #3c2d1429,-.45cqw -.5cqw .9cqw -.1cqw #3c2d1457,.4cqw .4cqw .5cqw -.05cqw #fffceb66,inset 0 0 0 .08cqw #0000001a}.cover-cutout .cc-window--topright{left:60cqw;top:9cqw}.cover-cutout .cc-window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(to bottom,#00000038,#0000000f 2%,#0000 5%),linear-gradient(to right,#0000001a,#0000 3%)}.cover-cutout .cc-window img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cover-cutout .cc-window:empty:after{content:"+";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#0000002e;font-size:8cqw;font-weight:200}