.logo{text-decoration:none;color:var(--ink)}.bar{gap:10px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-block:6px 16px}.stepb{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:6px 12px 6px 6px;cursor:pointer;font-weight:700;font-size:.92rem;color:var(--muted);white-space:nowrap}.stepb span{overflow:hidden;text-overflow:ellipsis}.stepb i{flex:none;font:800 .85rem/1 var(--display);font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--line);color:var(--ink)}.stepb[aria-current="step"]{border-color:var(--ink);color:var(--ink)}.stepb[aria-current="step"] i{background:var(--candy);color:var(--candy-ink)}.stepb.done i{background:var(--ink);color:var(--bg)}.crumbs{display:flex;gap:8px;align-items:center;font-size:.85rem;color:var(--muted);padding-block:2px 6px}.crumbs a{color:inherit}.intro{padding-block:6px 18px}.lead{color:var(--muted);font-size:1.08rem;max-width:56ch;margin:14px 0 0}.how{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.how li{display:flex;gap:12px;align-items:center;border:1.5px solid var(--line);border-radius:20px;background:var(--card);padding:14px 16px}.how i{font:800 1.1rem/1 var(--display);font-style:normal;flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--candy);color:var(--candy-ink);border:1.5px solid var(--ink)}.how div{display:flex;flex-direction:column;min-width:0}.how b{font:800 1.02rem/1.2 var(--display);letter-spacing:-.01em}.how span{color:var(--muted);font-size:.88rem}.view[hidden]{display:none}.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;padding-bottom:8px}.tcard{position:relative;display:flex;flex-direction:column;gap:10px;text-align:left;border:1.5px solid var(--line);background:var(--card);border-radius:22px;padding:10px 10px 14px;cursor:pointer;min-width:0}.tcard:hover{border-color:var(--ink)}.tcard[aria-pressed="true"]{border-color:var(--ink);box-shadow:0 0 0 3px var(--candy)}.tthumb{display:block;border-radius:12px;overflow:hidden;background:#fff;border:1.5px solid var(--line);aspect-ratio:595/842;line-height:0}.tthumb canvas{width:100%;height:100%;display:block}.tmeta{display:flex;flex-direction:column;padding:0 4px}.tmeta b{font:800 1.05rem/1.2 var(--display);letter-spacing:-.01em}.tmeta span{color:var(--muted);font-size:.84rem}.tick{position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:50%;background:var(--candy);color:var(--candy-ink);border:1.5px solid var(--ink);display:none;place-items:center}.tcard[aria-pressed="true"] .tick{display:grid}.dock{position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--bg);border-top:1.5px solid var(--ink);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.dock[hidden]{display:none}.dockin{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dsel{color:var(--muted);min-width:0}.dbtns{display:flex;gap:10px;flex:none}.dbtns[hidden],#dback[hidden]{display:none}.dsel b{color:var(--ink)}body.has-dock .foot{padding-bottom:96px}.btn.big{padding:14px 26px;font-size:1.02rem}.btn:disabled{opacity:.6;cursor:default}.tabs{display:none;gap:8px;margin-bottom:12px}.work{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:26px;align-items:start}.formcol{min-width:0;display:flex;flex-direction:column;gap:12px}.note{margin:0;border:1.5px dashed var(--ink);border-radius:16px;padding:12px 14px;font-size:.92rem;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;background:var(--card)}.note[hidden]{display:none}.acc{border:1.5px solid var(--line);border-radius:20px;background:var(--card)}.acc[open]{border-color:var(--ink)}.acc>summary{cursor:pointer;list-style:none;padding:14px 18px;font:800 1.05rem/1.2 var(--display);letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:center}.acc>summary::-webkit-details-marker{display:none}.acc>summary::after{content:"+";font:700 1.4rem/1 var(--body);color:var(--muted)}.acc[open]>summary::after{content:"\2212"}.accb{padding:0 18px 18px;display:flex;flex-direction:column;gap:14px}.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.fg>div{min-width:0}.ent{border:1.5px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--bg)}.prevcol{position:sticky;top:calc(68px + env(safe-area-inset-top,0px));min-width:0;display:flex;flex-direction:column;gap:12px}.ptools{display:flex;flex-direction:column;gap:12px;border:1.5px solid var(--line);border-radius:20px;background:var(--card);padding:14px}.pt1{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:end}.pt1 .lbl{grid-column:1/-1}.pt1 .hint{padding-bottom:10px}.swrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.swb{border:1.5px solid var(--line);background:var(--field);color:var(--ink);cursor:pointer;font:600 .84rem var(--body)}.swb.def{border-radius:999px;padding:7px 12px}.swb.dot{width:30px;height:30px;border-radius:50%;background:var(--c);padding:0}.swb[aria-pressed="true"]{border-color:var(--ink);box-shadow:0 0 0 3px var(--candy)}.pscroll{border:1.5px solid var(--line);border-radius:20px;background:#E6EAE7;padding:12px;max-height:calc(100vh - 290px);min-height:260px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;align-items:center}.pscroll.big{max-height:none;padding:16px}.pg{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:100%}.pg canvas{display:block;max-width:100%;background:#fff;box-shadow:0 2px 0 rgba(0,0,0,.18),0 10px 24px rgba(0,0,0,.14);border-radius:2px}.pg figcaption{font:500 .78rem var(--mono);color:#4A524D}.final{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:26px;align-items:start;padding-bottom:8px}.fpanel{position:sticky;top:calc(76px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:14px;border:2px solid var(--ink);border-radius:26px;background:var(--card);padding:22px}.fpanel h2{font:800 clamp(1.7rem,3.5vw,2.2rem)/1.05 var(--display);letter-spacing:-.035em;margin:0}.tips{margin:0;padding-left:18px;color:var(--muted);font-size:.92rem;display:flex;flex-direction:column;gap:6px}@media (max-width:980px){.work,.final{grid-template-columns:1fr}.tabs{display:flex;position:sticky;top:calc(60px + env(safe-area-inset-top,0px));z-index:15;background:var(--bg);padding-block:8px;margin-top:-4px}.tabs .pill{flex:1}.prevcol,.fpanel{position:static}#v-details[data-tab="edit"] .prevcol{display:none}#v-details[data-tab="preview"] .formcol{display:none}.pscroll{max-height:none}.final .fpanel{order:-1}.how{grid-template-columns:1fr}}@media (max-width:640px){.steps{gap:6px}.stepb{font-size:.78rem;gap:5px;padding:4px 6px 4px 4px}.stepb i{width:22px;height:22px;font-size:.74rem}.tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dockin{flex-direction:column;align-items:stretch;gap:8px}.dsel{display:none}.dbtns{width:100%}.dbtns .btn{flex:1;padding-inline:12px}.pt1{grid-template-columns:1fr}.pt1 .hint{padding-bottom:0}}@media (max-width:350px){.stepb i{display:none}.stepb{padding:6px 4px}}.partsbox{display:flex;flex-direction:column;gap:10px}.plabel{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.9rem;color:var(--muted)}.plabel b{color:var(--ink);font:800 1rem var(--display)}.pbar{height:7px;border-radius:999px;background:var(--line);overflow:hidden}.pbar i{display:block;height:100%;width:0;background:var(--candy-deep);border-radius:999px;transition:width .25s}.parts{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 4px;scroll-snap-type:x proximity}.parts::-webkit-scrollbar{display:none}.partb{flex:none;display:flex;align-items:center;gap:7px;border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:5px 13px 5px 5px;font-weight:700;font-size:.84rem;color:var(--muted);cursor:pointer;scroll-snap-align:center;white-space:nowrap}.partb i{font:800 .78rem/1 var(--display);font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--line);color:var(--ink)}.partb[aria-current="step"]{border-color:var(--ink);color:var(--ink)}.partb[aria-current="step"] i{background:var(--candy);color:var(--candy-ink)}.partb.done i{background:var(--ink);color:var(--bg)}.parth{font:800 1.6rem/1.1 var(--display);letter-spacing:-.03em;margin:4px 0 0}.parthint{color:var(--muted);margin:4px 0 0}.opt{font:600 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--line);border-radius:999px;padding:3px 9px;vertical-align:middle;color:var(--muted);margin-left:8px}.pcard{border:2px solid var(--ink);border-radius:22px;background:var(--card);padding:18px;display:flex;flex-direction:column;gap:14px}.emptyp{margin:0;color:var(--muted);border:1.5px dashed var(--line);border-radius:14px;padding:14px;text-align:center}.mini{display:none;align-items:center;gap:14px;text-align:left;width:100%;border:1.5px solid var(--line);border-radius:18px;background:var(--card);padding:10px;cursor:pointer}.mincv{flex:none;width:92px;height:118px;overflow:hidden;border-radius:6px;background:#fff;border:1.5px solid var(--line);line-height:0;position:relative}.mincv canvas{display:block}.mintxt{display:flex;flex-direction:column;min-width:0}.mintxt b{font:800 1rem var(--display)}.mintxt span{color:var(--muted);font-size:.86rem}@media (max-width:980px){.mini{display:flex}}