header[data-v-e294fa3e]{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;padding:0 30px;background:#fff;border-bottom:1px solid var(--line)}.wordmark[data-v-e294fa3e]{font-size:16px;letter-spacing:.22em;font-weight:500}@media(max-width:840px){header[data-v-e294fa3e]{padding:0 20px}}.steps[data-v-f102d5d9]{position:sticky;top:var(--header-h);z-index:15;display:flex;align-items:center;gap:40px;height:var(--steps-h);background:#fff;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.steps[data-v-f102d5d9]::-webkit-scrollbar{display:none}.steps button[data-v-f102d5d9]{display:flex;align-items:center;gap:9px;height:100%;padding:0;white-space:nowrap;color:#c9c9c9;border-bottom:1px solid transparent;transition:color .18s ease,border-color .28s ease}.steps button[data-v-f102d5d9]:disabled{cursor:default}.steps button[data-v-f102d5d9]:not(:disabled){color:var(--muted)}.steps button[data-v-f102d5d9]:not(:disabled):hover{color:var(--fg)}.steps button.done[data-v-f102d5d9]{color:var(--fg)}.steps button.active[data-v-f102d5d9]{color:var(--fg);border-bottom-color:var(--fg)}.n[data-v-f102d5d9]{display:grid;place-items:center;width:19px;height:19px;border:1px solid currentColor;border-radius:50%;font-size:10px;font-variant-numeric:tabular-nums;transition:background-color .28s ease,color .28s ease,border-color .28s ease}.active .n[data-v-f102d5d9]{background:var(--fg);border-color:var(--fg);color:#fff;animation:tick-f102d5d9 .38s cubic-bezier(.22,.61,.36,1)}@keyframes tick-f102d5d9{0%{transform:scale(1)}42%{transform:scale(1.22)}to{transform:scale(1)}}.hint[data-v-f102d5d9]{margin-left:auto;padding-left:24px;color:var(--muted);font-size:12px;white-space:nowrap}.t[data-v-f102d5d9]{letter-spacing:.08em;font-size:12px}@media(max-width:840px){.steps[data-v-f102d5d9]{gap:16px}.hint[data-v-f102d5d9],.t[data-v-f102d5d9]{display:none}.steps button.active .t[data-v-f102d5d9]{display:inline;font-size:11px}}.flow[data-v-2990ba6e]{position:fixed;right:30px;bottom:26px;z-index:30;display:flex;gap:10px}.flow button[data-v-2990ba6e]{padding:11px 22px;font-size:12px;letter-spacing:.12em;transition:opacity .18s ease,background-color .18s ease,color .18s ease,transform .18s cubic-bezier(.22,.61,.36,1)}.flow button[data-v-2990ba6e]:active:not(:disabled){transform:translateY(1px)}.ghost[data-v-2990ba6e]{background:#fff;color:var(--fg);border:1px solid var(--fg)}.ghost[data-v-2990ba6e]:hover:not(:disabled){background:var(--fg);color:#fff}.solid[data-v-2990ba6e]{background:var(--fg);color:#fff;border:1px solid var(--fg)}.solid[data-v-2990ba6e]:hover:not(:disabled){opacity:.78}.flow button[data-v-2990ba6e]:disabled{background:#fff;color:#c9c9c9;border-color:var(--line);cursor:not-allowed}@media(max-width:840px){.flow[data-v-2990ba6e]{right:20px;bottom:18px}.flow button[data-v-2990ba6e]{padding:10px 18px}}.stage[data-v-68f87f2b]{position:relative;flex:0 0 auto;display:flex;justify-content:center;align-items:flex-start}.stage[data-v-68f87f2b]:not(.filled){width:100%;aspect-ratio:var(--ratio);background:var(--soft);outline:1px solid var(--line);outline-offset:-1px}.photo[data-v-68f87f2b]{display:block;width:100%;height:auto;outline:1px solid var(--line);outline-offset:-1px}.swap-enter-active[data-v-68f87f2b],.swap-leave-active[data-v-68f87f2b]{transition:opacity .35s ease}.swap-enter-from[data-v-68f87f2b],.swap-leave-to[data-v-68f87f2b]{opacity:0}.swap-leave-active[data-v-68f87f2b]{position:absolute;top:0;left:0;width:100%}.rail[data-v-6d930213]{position:absolute;top:0;right:0;bottom:0;width:88px;padding:0 4px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.rail[data-v-6d930213]::-webkit-scrollbar{width:4px}.rail[data-v-6d930213]::-webkit-scrollbar-track{background:transparent}.rail[data-v-6d930213]::-webkit-scrollbar-thumb{background:#c9c9c9;border-radius:2px}.rail[data-v-6d930213]::-webkit-scrollbar-thumb:hover{background:var(--muted)}.cell[data-v-6d930213]{position:relative;flex:0 0 auto;width:100%;background:#fff;outline:1px solid var(--line);outline-offset:-1px;transition:outline-color .2s ease,transform .25s cubic-bezier(.22,.61,.36,1)}.cell[data-v-6d930213]:hover{outline:2px solid var(--fg);outline-offset:-2px;transform:scale(1.06);z-index:3}.cell[data-v-6d930213]:active{transform:scale(1)}.cell img[data-v-6d930213]{display:block;width:100%;height:auto}.pop-enter-active[data-v-6d930213]{transition:opacity .34s ease,transform .34s cubic-bezier(.22,.61,.36,1)}.pop-enter-from[data-v-6d930213]{opacity:0;transform:translate(10px) scale(.9)}.pop-leave-active[data-v-6d930213]{position:absolute;transition:opacity .2s ease,transform .2s ease}.pop-leave-to[data-v-6d930213]{opacity:0;transform:scale(.9)}.pop-move[data-v-6d930213]{transition:transform .32s cubic-bezier(.22,.61,.36,1)}.board[data-v-6e35e7c4]{position:relative}.board.with-rail[data-v-6e35e7c4]{padding-right:98px}.strip[data-v-cff5e0c9]{position:relative;margin-top:12px;flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.cell[data-v-cff5e0c9]{position:relative;width:76px;background:#fff;outline:1px solid var(--line);outline-offset:-1px;transition:outline-color .2s ease,transform .25s cubic-bezier(.22,.61,.36,1)}.cell[data-v-cff5e0c9]:hover{outline:2px solid var(--fg);outline-offset:-2px;transform:scale(1.06);z-index:3}.cell[data-v-cff5e0c9]:active{transform:scale(1)}.cell img[data-v-cff5e0c9]{display:block;width:100%;height:auto}.pop-enter-active[data-v-cff5e0c9]{transition:opacity .34s ease,transform .34s cubic-bezier(.22,.61,.36,1)}.pop-enter-from[data-v-cff5e0c9]{opacity:0;transform:translateY(8px) scale(.9)}.pop-leave-active[data-v-cff5e0c9]{position:absolute;transition:opacity .2s ease,transform .2s ease}.pop-leave-to[data-v-cff5e0c9]{opacity:0;transform:scale(.9)}.pop-move[data-v-cff5e0c9]{transition:transform .32s cubic-bezier(.22,.61,.36,1)}.panel[data-v-aea0a260]{padding-top:30px;animation:fade-aea0a260 .26s ease both}@keyframes fade-aea0a260{0%{opacity:0}to{opacity:1}}.grid[data-v-7d6b2eec]{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:26px 20px}.grid[data-v-7d6b2eec]>*{min-width:0}.opt[data-v-7d6b2eec]{position:relative;width:100%;text-align:left;animation:rise-7d6b2eec .38s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--i) * 30ms)}.opt.sel[data-v-7d6b2eec]{z-index:2}.opt[data-v-7d6b2eec]:hover{z-index:3}@keyframes rise-7d6b2eec{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.thumb[data-v-7d6b2eec]{position:relative;width:100%;background:#fff;outline:1px solid var(--line);outline-offset:-1px;transition:outline-color .22s ease,transform .35s cubic-bezier(.22,.61,.36,1)}.thumb img[data-v-7d6b2eec]{display:block;width:100%;height:auto}.opt:hover .thumb[data-v-7d6b2eec]{outline:2px solid var(--fg);outline-offset:-2px;transform:scale(1.025)}.opt:active .thumb[data-v-7d6b2eec]{transform:scale(.99)}.opt.sel .thumb[data-v-7d6b2eec]{outline:2px solid var(--fg);outline-offset:-2px;animation:mark-7d6b2eec .36s cubic-bezier(.22,.61,.36,1)}@keyframes mark-7d6b2eec{0%{transform:scale(1)}38%{transform:scale(.972)}to{transform:scale(1.025)}}.opt.sel .thumb[data-v-7d6b2eec]{transform:scale(1.025)}.name[data-v-7d6b2eec]{margin-top:9px;font-size:12px}.opt.sel .name[data-v-7d6b2eec]{text-decoration:underline;text-underline-offset:3px}.desc[data-v-7d6b2eec]{margin-top:1px;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:840px){.grid[data-v-7d6b2eec]{grid-template-columns:repeat(2,1fr)}}.grid[data-v-239c564d]{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:26px 20px}.grid[data-v-239c564d]>*{min-width:0}.pop-enter-active[data-v-239c564d]{transition:opacity .36s ease,transform .36s cubic-bezier(.22,.61,.36,1)}.pop-enter-from[data-v-239c564d]{opacity:0;transform:translateY(12px) scale(.96)}.pop-leave-active[data-v-239c564d]{position:absolute;transition:opacity .22s ease,transform .22s ease}.pop-leave-to[data-v-239c564d]{opacity:0;transform:scale(.94)}.pop-move[data-v-239c564d]{transition:transform .34s cubic-bezier(.22,.61,.36,1)}.item[data-v-239c564d]{margin:0}.shot[data-v-239c564d]{position:relative;width:100%;background:#fff;outline:1px solid var(--line);outline-offset:-1px}.shot img[data-v-239c564d]{display:block;width:100%;height:auto}.remove[data-v-239c564d]{position:absolute;top:6px;right:6px;width:22px;height:22px;line-height:1;font-size:15px;color:#fff;background:#111111b8;opacity:0;transition:opacity .15s}.item:hover .remove[data-v-239c564d]{opacity:1}.remove[data-v-239c564d]:hover{background:var(--fg)}figcaption[data-v-239c564d]{margin-top:9px}.name[data-v-239c564d]{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size[data-v-239c564d]{margin-top:1px;font-size:12px;color:var(--muted)}.add[data-v-239c564d]{width:100%;aspect-ratio:var(--ratio);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;text-align:center;color:var(--muted);background:var(--soft);outline:1px dashed #cfcfcf;outline-offset:-1px;transition:.15s}.add[data-v-239c564d]:hover,.add.over[data-v-239c564d]{outline-color:var(--fg);color:var(--fg)}.plus[data-v-239c564d]{font-size:22px;margin-bottom:2px}.sm[data-v-239c564d]{font-size:12px;color:#b0b0b0}.error[data-v-239c564d],.tip[data-v-239c564d]{margin-top:20px;font-size:12px}.error[data-v-239c564d]{color:var(--fg)}.tip[data-v-239c564d]{color:var(--muted)}@media(max-width:1080px){.grid[data-v-239c564d]{grid-template-columns:repeat(3,1fr)}}@media(max-width:840px){.grid[data-v-239c564d]{grid-template-columns:repeat(2,1fr)}.remove[data-v-239c564d]{opacity:1}}.meta[data-v-eef7dd3b]{max-width:420px}.summary[data-v-eef7dd3b]{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;padding:14px 0;font-size:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.summary dt[data-v-eef7dd3b]{color:var(--muted);letter-spacing:.06em}.summary dd[data-v-eef7dd3b]{text-align:right}.field[data-v-eef7dd3b]{margin-top:22px}.lab[data-v-eef7dd3b]{display:block;margin-bottom:10px;font-size:11px;letter-spacing:.14em;color:var(--muted)}.ratios[data-v-eef7dd3b]{display:flex;gap:8px;flex-wrap:wrap}.ratios button[data-v-eef7dd3b]{padding:9px 14px;font-size:12px;color:var(--muted);border:1px solid var(--line);transition:border-color .18s ease,color .18s ease}.ratios button[data-v-eef7dd3b]:hover{border-color:#bdbdbd;color:var(--fg)}.ratios button.on[data-v-eef7dd3b]{border-color:var(--fg);color:var(--fg)}.ratios em[data-v-eef7dd3b]{font-style:normal;color:#b0b0b0}.ratios button.on em[data-v-eef7dd3b]{color:var(--muted)}.custom[data-v-eef7dd3b]{display:flex;align-items:center;gap:8px;margin-top:10px}.custom input[data-v-eef7dd3b]{width:66px;padding:8px 10px;font:inherit;font-size:12px;color:var(--fg);background:#fff;border:1px solid var(--line);transition:border-color .18s ease}.custom input[data-v-eef7dd3b]:focus{outline:none;border-color:var(--fg)}.colon[data-v-eef7dd3b]{color:var(--muted)}textarea[data-v-eef7dd3b]{width:100%;padding:11px 12px;font:inherit;font-size:12px;line-height:1.7;color:var(--fg);background:#fff;border:1px solid var(--line);resize:vertical;transition:border-color .18s ease}textarea[data-v-eef7dd3b]:focus{outline:none;border-color:var(--fg)}textarea[data-v-eef7dd3b]::placeholder{color:#c4c4c4}.go[data-v-eef7dd3b]{width:100%;margin-top:26px}.note[data-v-eef7dd3b]{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.7}.out[data-v-eef7dd3b]{display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start}.frame[data-v-eef7dd3b]{flex:1 1 260px;min-width:0;max-width:460px;background:var(--soft);outline:1px solid var(--line);outline-offset:-1px;transition:aspect-ratio .3s ease}.frame.filled[data-v-eef7dd3b]{background:#fff}.frame img[data-v-eef7dd3b]{display:block;width:100%;height:auto}.side[data-v-eef7dd3b]{flex:0 1 200px;min-width:0;padding-top:2px;display:flex;flex-direction:column;gap:12px}.side .btn[data-v-eef7dd3b]{display:flex;align-items:center;justify-content:center;gap:10px}.spin[data-v-eef7dd3b]{width:13px;height:13px;border:1.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin-eef7dd3b .8s linear infinite}@keyframes spin-eef7dd3b{to{transform:rotate(360deg)}}.side .btn[data-v-eef7dd3b]:disabled{background:var(--fg);color:#fff;border-color:var(--fg);opacity:1;cursor:default}.hint[data-v-eef7dd3b]{color:var(--muted);font-size:12px}.demo[data-v-eef7dd3b]{color:var(--muted);font-size:12px;line-height:1.7}.restart[data-v-eef7dd3b]{margin-top:2px}@media(max-width:840px){.out[data-v-eef7dd3b]{flex-direction:column}.meta[data-v-eef7dd3b],.frame[data-v-eef7dd3b],.side[data-v-eef7dd3b]{width:100%;max-width:none;flex:none}}.layout[data-v-91c0a51b]{display:grid;grid-template-columns:400px 1fr;align-items:start}aside[data-v-91c0a51b]{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column}main[data-v-91c0a51b]{min-width:0;padding:0 30px 96px;min-height:calc(100vh - var(--header-h))}@media(max-width:1080px){.layout[data-v-91c0a51b]{grid-template-columns:340px 1fr}}@media(max-width:840px){.layout[data-v-91c0a51b]{grid-template-columns:1fr}aside[data-v-91c0a51b]{position:static;height:auto;overflow:visible;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:14px}aside[data-v-91c0a51b] .stage{width:110px}aside[data-v-91c0a51b] .strip{margin-top:0;flex:1 1 120px}main[data-v-91c0a51b]{padding:0 20px 96px;min-height:0}}:root{--fg:#111;--muted:#8c8c8c;--line:#e5e5e5;--soft:#f2f0ee;--header-h:56px;--steps-h:48px;--ratio:2/3}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:var(--fg);font:400 13px/1.5 Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{display:block;max-width:100%}.btn{flex:1;background:var(--fg);color:#fff;padding:13px 18px;font-size:12px;letter-spacing:.12em;text-align:center;transition:opacity .15s}.btn:hover{opacity:.78}.btn:disabled{background:#dcdcdc;color:#fff;cursor:not-allowed;opacity:1}.btn.line{background:none;color:var(--fg);border:1px solid var(--fg)}.btn.line:hover{background:var(--fg);color:#fff;opacity:1}.textlink{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.textlink:hover{color:var(--fg)}