:root{--paper:#f6f3ec;--paper-2:#efebe1;--card:#fffdf8;--ink:#26322d;--ink-2:#4a5751;--muted:#86918b;--line:#e4dfd3;--sage:#5f8f7a;--sage-deep:#3f6b58;--sage-soft:#cfe2d8;--sage-mist:#e6f0ea;--peach:#f1bfa8;--peach-soft:#fbe8de;--rose:#d9776a;--ring:var(--sage);--ring-track:#5f8f7a2e;--sil-skin:#f3dccd;--sil-body:#e6e0d4;--shadow:0 1px 2px #26322d0a,0 8px 24px #26322d0f;--shadow-lg:0 20px 60px #26322d29;--radius:20px;--topbar-h:calc(60px + env(safe-area-inset-top));--font:"LXGW WenKai Screen","Fraunces","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--display:"Fraunces","LXGW WenKai Screen",Georgia,serif;--buncss-light:initial;--buncss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#171c1a;--paper-2:#1e2421;--card:#222926;--ink:#e9ece7;--ink-2:#c3cbc5;--muted:#8e9993;--line:#313a36;--sage:#86b6a0;--sage-deep:#a6cdb9;--sage-soft:#36493f;--sage-mist:#26332d;--peach:#e2a88f;--peach-soft:#3a2b25;--sil-skin:#5a4a41;--sil-body:#353d39;--shadow:0 1px 2px #0000004d,0 8px 24px #00000040;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-size:16px;line-height:1.55}body{background:radial-gradient(120% 60% at 100% -10%,var(--sage-mist)0%,transparent 55%),radial-gradient(90% 50% at -10% 0%,var(--peach-soft)0%,transparent 50%),var(--paper);background-attachment:fixed;min-height:100dvh}button,input,label.btn{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,p{margin:0}.muted{color:var(--muted)}.fine{color:var(--muted);font-size:13px}.err{color:var(--rose);font-size:14px}.boot{min-height:100dvh}.page{padding:0 16px calc(32px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.page.studio{max-width:1080px}.topbar{position:sticky;z-index:20;display:flex;height:var(--topbar-h);padding:env(safe-area-inset-top)16px 0;justify-content:space-between;align-items: center;gap:8px;margin:0 -16px;top:0}.studio .topbar,body[data-page=studio]{background:var(--paper)}.topbar .title{display:flex;flex:1;align-items: center;gap:8px;min-width:0;font-size:19px}.topbar .title>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{display:grid;color:var(--ink-2);border-radius:50%;place-items: center;width:40px;height:40px;transition:background .15s}.icon-btn:active{background:var(--paper-2)}.brand{display:flex;align-items:baseline;gap:8px}.brand-zh{letter-spacing:.08em;color:var(--sage-deep);font-size:26px}.brand-en{font-family:var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;color:var(--peach);font-size:17px;font-style:italic;font-weight:380}.brand-lg .brand-zh{font-size:40px}.brand-lg .brand-en{font-size:20px}.pill{white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:12px}.pill.soft{background:var(--sage-mist);color:var(--sage-deep)}.btn{display:inline-flex;letter-spacing:.02em;cursor:pointer;user-select:none;border-radius:99px;justify-content:center;align-items: center;gap:6px;height:46px;padding:0 20px;transition:transform .12s,background .15s,opacity .15s;font-size:16px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn.primary{background:var(--sage);color:#fff;box-shadow:0 6px 18px #5f8f7a47}.btn.ghost{background:var(--card);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}.btn.ghost.danger{color:var(--rose)}.btn.small{height:34px;padding:0 14px;font-size:14px}.btn.block{display:flex;width:100%;margin-top:14px}.link{color:var(--sage-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--sage-soft);font-size:14px}.field{border:1px solid var(--line);background:var(--card);outline:none;border-radius:14px;width:100%;height:48px;padding:0 16px;transition:border-color .15s,box-shadow .15s;font-size:16px}.field:focus{border-color:var(--sage);box-shadow:0 0 0 4px var(--sage-mist)}.label{display:block;color:var(--ink-2);margin:16px 0 8px;font-size:14px}.seg{display:inline-flex;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;gap:2px;padding:4px}.seg button{color:var(--muted);border-radius:99px;height:38px;padding:0 18px;transition:background .18s,color .18s}.seg button.on{background:var(--card);color:var(--sage-deep);box-shadow:var(--shadow)}.seg.small button{height:32px;padding:0 14px;font-size:14px}.chips{display:flex;overflow-x:auto;scrollbar-width:none;gap:6px;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}.chip{color:var(--ink-2);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;flex:none;height:32px;padding:0 13px;font-size:14px}.chip.on{background:var(--sage-mist);color:var(--sage-deep);box-shadow:inset 0 0 0 1px var(--sage-soft)}.hero{padding:18px 2px 22px}.hero h1{letter-spacing:.02em;font-size:30px;font-weight:400;line-height:1.35}.hero p{margin-top:10px;font-size:15px}.notice{display:flex;background:var(--peach-soft);color:var(--ink-2);border-radius:16px;align-items: flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:14px}.notice svg{color:var(--rose);flex:none;margin-top:2px}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.section-head h2,.howto h2{font-size:18px;font-weight:400}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-card{display:flex;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);flex-direction:column;align-items: center;gap:4px;min-width:0;padding:14px 6px 12px;transition:transform .15s}.member-card:active{transform:scale(.97)}.avatar{overflow:hidden;background:var(--sage-mist);display:grid;border-radius:50%;place-items: end center;width:72px;height:72px;margin-bottom:4px}.avatar.female{background:var(--peach-soft)}.avatar img{object-fit:cover;object-position:50% 22%;width:100%;height:100%}.avatar .sil{width:64px;height:64px}.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px}.member-meta{color:var(--muted);font-size:12px}.member-card.add{box-shadow:inset 0 0 0 1.5px var(--line);color:var(--sage-deep);background:0 0;justify-content:center}.add-circle{display:grid;background:var(--sage-mist);border-radius:50%;place-items: center;width:72px;height:72px;margin-bottom:4px}.howto{border-radius:var(--radius);background:color-mix(in srgb,var(--card)70%,transparent);box-shadow:inset 0 0 0 1px var(--line);margin-top:28px;padding:18px 18px 8px}.howto ol{color:var(--ink-2);margin:10px 0 0;padding-left:20px;font-size:15px}.howto li{margin-bottom:8px}.howto b{color:var(--sage-deep);background:linear-gradient(transparent 62%,var(--sage-mist)62%);font-weight:400}.studio-body{display:flex;flex-direction:column;gap:16px}.left{display:contents}.stage-dock{order:0}.library-col{order:1}.tools{display:flex;flex-direction:column;order:2;gap:12px}@media (min-width:900px){.studio-body{display:grid;grid-template-columns:minmax(360px,440px)1fr;align-items: start;gap:28px}.left{display:flex;position:sticky;top:calc(var(--topbar-h) + 4px);flex-direction:column;gap:12px}.stage-dock{position:static;background:0 0;margin:0;padding:0}}.stage{position:relative;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border-radius:26px;width:100%}.stage{height:max(360px,min(calc(100dvh - var(--topbar-h) - 280px),580px));width:auto;margin:0 auto}.stage.empty{width:100%;height:auto}@media (max-width:899px){.stage{height:min(50dvh,133.333vw - 42.6667px)}.stage.empty{width:100%;height:auto}}.stage-canvas{position:absolute;display:block;opacity:0;width:100%;height:100%;transition:opacity .25s;inset:0}.stage.ready .stage-canvas:first-child{opacity:1}.stage-canvas.orig{opacity:0;transition:opacity .12s}.stage-canvas.orig.show{opacity:1}.glass{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);color:var(--ink);background:#fffdf8b8;box-shadow:0 2px 10px #26322d1a}@media (prefers-color-scheme:dark){.glass{background:#222926a8}}.stage-top{position:absolute;display:flex;pointer-events:none;justify-content:space-between;align-items: flex-start;gap:8px;top:10px;left:10px;right:10px}.stage-top .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:99px;max-width:62%;padding:4px 11px;font-size:13px}.lockbadge{display:inline-flex;white-space:nowrap;color:var(--sage-deep);border-radius:99px;align-items: center;gap:3px;padding:4px 9px;font-size:12px;line-height:1.4}.stage-actions{position:absolute;display:flex;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background:#fffdf8b8;border-radius:99px;gap:2px;padding:3px;bottom:10px;right:10px;box-shadow:0 2px 10px #26322d1a}@media (prefers-color-scheme:dark){.stage-actions{background:#222926a8}}.stage-actions .glass{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.round{display:grid;color:var(--ink-2);border-radius:50%;place-items: center;width:36px;height:36px}.round.fav{color:var(--rose)}.hold-hint{position:absolute;color:#fff;pointer-events:none;white-space:nowrap;background:#26322d47;border-radius:99px;padding:3px 10px;font-size:12px;bottom:17px;left:10px}.progress{position:absolute;display:grid;background:color-mix(in srgb,var(--paper)42%,transparent);-webkit-backdrop-filter:blur(3px)saturate(.6);backdrop-filter:blur(3px)saturate(.6);animation:fadein .25s ease;place-items: center;inset:0}.scan{position:absolute;overflow:hidden;pointer-events:none;inset:0}.scan:before{content:"";position:absolute;animation:scan 2.6s cubic-bezier(.45,0,.3,1)infinite;background:linear-gradient(#0000,#cfe2d800 10%,#cfe2d88c 70%,#ffffffd9 98%,#0000);height:38%;top:-40%;left:0;right:0}.progress.error .scan{display:none}@keyframes scan{0%{top:-40%}to{top:105%}}@keyframes fadein{0%{opacity:0}}.progress-card{position:relative;text-align:center;background:color-mix(in srgb,var(--card)88%,transparent);box-shadow:var(--shadow-lg);display:flex;border-radius:22px;flex-direction:column;align-items: center;gap:4px;width:min(88%,280px);padding:16px 12px 10px}.ring-wrap{position:relative;width:60px;height:60px;margin-bottom:4px}.ring-wrap .ring circle:last-child{transition:stroke-dashoffset .35s}.pct{position:absolute;display:grid;font-family:var(--display);font-variation-settings:"SOFT" 100,"opsz" 48;color:var(--sage-deep);place-items: center;font-size:20px;inset:0}.p-title{font-size:17px;line-height:1.35}.p-sub{color:var(--ink-2);overflow-wrap:anywhere;max-width:100%;font-size:13px}.progress.error .p-sub{margin:2px 0 8px;font-size:14px;line-height:1.5}.p-time{color:var(--muted);font-variant-numeric:tabular-nums;margin:2px 0 6px;font-size:12px}.steps{display:flex;gap:4px;margin-top:6px}.steps span{white-space:nowrap;color:var(--muted);background:var(--paper-2);border-radius:99px;padding:1px 7px;transition:background .2s,color .2s;font-size:12px}.steps span.now{color:var(--sage-deep);background:var(--sage-mist);box-shadow:inset 0 0 0 1px var(--sage-soft)}.steps span.done{color:var(--sage)}.stage.empty{aspect-ratio:3/4;display:grid;box-shadow:inset 0 0 0 1.5px var(--line);background:color-mix(in srgb,var(--card)60%,transparent);place-items: center}.empty-inner{display:flex;text-align:center;flex-direction:column;align-items: center;gap:4px;padding:24px}.empty-inner .sil{width:120px;height:144px;margin-bottom:8px}.empty-actions{display:flex;gap:10px;margin-top:16px}.photo-strip{display:flex;overflow-x:auto;scrollbar-width:none;gap:10px;margin:-5px;padding:5px}.photo-thumb{position:relative;overflow:hidden;background:var(--paper-2);box-shadow:inset 0 0 0 1.5px var(--line);display:flex;color:var(--sage-deep);cursor:pointer;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items: center;gap:2px;width:58px;height:76px;font-size:12px}.photo-thumb img{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}.photo-thumb span{position:relative}.photo-thumb:not(.add) span{position:absolute;color:#fff;background:#26322d73;border-radius:99px;padding:0 6px;font-size:11px;bottom:3px}.photo-thumb.on{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--sage)}.controls{display:grid;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);gap:12px;padding:14px}.control{display:flex;align-items: center;gap:12px;min-width:0}.control-label{color:var(--muted);flex:none;width:2.2em;font-size:14px}.swatches{display:flex;overflow-x:auto;scrollbar-width:none;gap:4px;margin:-6px -4px -2px;padding:6px 4px 2px}.swatch{display:flex;color:var(--muted);flex-direction:column;flex:none;align-items: center;gap:3px;width:48px;font-size:11px}.swatch i{box-shadow:0 0 0 2px var(--card),0 0 0 3px var(--line);border-radius:50%;width:28px;height:28px;transition:box-shadow .15s}.swatch.on i{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--sage)}.swatch.on{color:var(--sage-deep)}.library-col{min-width:0}.lib-tabs{display:flex;gap:18px;margin:4px 2px 12px}.lib-tabs button{color:var(--muted);border-bottom:2px solid #0000;padding-bottom:4px;transition:color .15s,border-color .15s;font-size:19px}.lib-tabs button.on{color:var(--ink);border-color:var(--peach)}.lib-tabs .count{font-family:var(--display);color:var(--muted);font-size:14px}.lib-filters{display:flex;flex-direction:column;align-items: flex-start;gap:10px;margin-bottom:14px}.lib-filters .chips{max-width:100%}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px}@media (min-width:560px){.style-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1000px){.style-grid{grid-template-columns:repeat(5,1fr)}}.style-card{display:flex;text-align:left;flex-direction:column;align-items:stretch;min-width:0}.style-card .thumb{position:relative;aspect-ratio:3/4;overflow:hidden;background:linear-gradient(160deg,var(--card),var(--paper-2));box-shadow:inset 0 0 0 1px var(--line);display:grid;border-radius:16px;place-items: end center;transition:transform .15s,box-shadow .15s}.style-card:active .thumb{transform:scale(.97)}.style-card .thumb .sil{width:82%;height:auto}.style-card.has .thumb{box-shadow:none}.style-card .thumb img{object-fit:cover;animation:fadein .3s ease;width:100%;height:100%}.style-card.on .thumb{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--sage)}.thumb-busy{position:absolute;display:grid;background:color-mix(in srgb,var(--card)55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items: center;inset:0}.thumb-busy em{color:var(--sage-deep);background:var(--card);border-radius:99px;padding:2px 8px;font-size:12px;font-style:normal}.thumb-err{position:absolute;display:grid;background:var(--rose);color:#fff;border-radius:50%;place-items: center;width:26px;height:26px;top:6px;right:6px}.thumb-fav{position:absolute;display:grid;color:var(--rose);background:#ffffffd9;border-radius:50%;place-items: center;width:22px;height:22px;top:6px;right:6px}.style-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:15px;line-height:1.3}.style-tip{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3}.empty-note{text-align:center;padding:30px 0}.custom{margin-top:8px}.custom-row{display:flex;gap:8px}.custom-row .btn{flex:none}.other-angles{display:flex;background:var(--sage-mist);color:var(--sage-deep);border-radius:16px;flex-wrap:wrap;align-items: center;gap:8px;margin-top:16px;padding:12px 14px;font-size:14px}.sil{display:block}.sheet-wrap{position:fixed;z-index:50;display:flex;animation:fadein .2s ease;background:#26322d47;justify-content:center;align-items: flex-end;inset:0}.sheet{overflow:auto;padding:8px 20px calc(24px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:var(--shadow-lg);animation:rise .28s cubic-bezier(.2,.9,.3,1);border-radius:26px 26px 0 0;width:100%;max-width:520px;max-height:88dvh}@media (min-width:640px){.sheet-wrap{align-items: center}.sheet{border-radius:26px}}@keyframes rise{0%{transform:translateY(30px);opacity:0}}.sheet-grip{background:var(--line);border-radius:4px;width:38px;height:4px;margin:4px auto 8px}.sheet-head{display:flex;justify-content:space-between;align-items: center;margin-bottom:4px}.sheet-head h2{font-size:20px;font-weight:400}.form .btn.block{margin-top:22px}.form .fine{margin-top:8px}.menu{display:flex;flex-direction:column;margin-top:6px}.menu button{display:flex;border-bottom:1px solid var(--line);text-align:left;align-items: center;gap:12px;padding:14px 4px;font-size:16px}.menu button:last-child{border-bottom:0}.menu button.danger{color:var(--rose)}.settings .row{display:flex;border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;font-size:15px}.settings .row .muted{text-align:right;font-size:14px}.settings .fine{margin-top:14px}.gate{position:fixed;z-index:60;display:grid;background:radial-gradient(120% 60% at 100% 0%,var(--sage-mist)0%,transparent 55%),radial-gradient(90% 50% at 0% 100%,var(--peach-soft)0%,transparent 50%),var(--paper);place-items: center;padding:24px;inset:0}.gate-card{display:flex;text-align:left;flex-direction:column;gap:14px;width:100%;max-width:360px}.gate-card .brand{flex-direction:column;gap:0;margin-bottom:8px}.intake{position:fixed;z-index:55;display:grid;background:color-mix(in srgb,var(--paper)88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadein .2s ease;place-items: center;padding:24px;inset:0}.intake-card{display:flex;flex-direction:column;align-items: center;gap:18px;width:100%;max-width:340px}.intake-photo{position:relative;aspect-ratio:3/4;overflow:hidden;box-shadow:var(--shadow-lg);border-radius:24px;width:200px}.intake-photo img{object-fit:cover;filter:saturate(.7);width:100%;height:100%}.intake-steps{list-style:none;display:grid;gap:10px;width:100%;margin:0;padding:0}.intake-steps li{display:flex;color:var(--muted);flex-wrap:wrap;align-items: center;gap:10px;font-size:15px}.intake-steps li i{box-shadow:inset 0 0 0 1.5px var(--line);display:grid;color:#fff;border-radius:50%;place-items: center;width:20px;height:20px}.intake-steps li.now{color:var(--ink)}.intake-steps li.now i{box-shadow:inset 0 0 0 1.5px var(--sage);animation:pulse 1.2s ease-in-out infinite}.intake-steps li.done i{background:var(--sage);box-shadow:none}.intake-steps li em{color:var(--muted);width:100%;padding-left:30px;font-size:12px;font-style:normal}@keyframes pulse{50%{box-shadow:inset 0 0 0 5px var(--sage-soft)}}.toasts{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:80;display:flex;pointer-events:none;flex-direction:column;align-items: center;gap:8px;width:max-content;max-width:calc(100vw - 32px);transform:translate(-50%)}.toast{overflow-wrap:anywhere;background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg);animation:rise .25s ease;border-radius:14px;max-width:100%;padding:10px 16px;font-size:14px}.toast.error{background:var(--rose);color:#fff}@media (prefers-reduced-motion:reduce){*,*:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:899px){.lib-tabs{gap:16px;margin:2px 2px 10px}.lib-tabs button{font-size:17px}.lib-filters{overflow-x:auto;scrollbar-width:none;flex-direction:row;align-items: center;gap:8px;margin:0 -16px 8px;padding:2px 16px}.lib-filters::-webkit-scrollbar{display:none}.lib-filters .seg{flex:none}.lib-filters .chips{overflow:visible;flex:none;max-width:none}.style-grid,.style-grid.done{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:16px;gap:10px;margin:0 -16px;padding:6px 16px 4px}.style-grid::-webkit-scrollbar{display:none}.style-card{scroll-snap-align:start;flex:0 0 84px}.style-card .thumb{border-radius:14px}.style-name{margin-top:5px;font-size:14px}.style-tip{display:none}.empty-note{padding:16px 0}}.p-actions{display:flex;gap:8px;margin-top:4px}