.studio[data-astro-cid-mbplcknx]{padding-block:var(--section);background:var(--cloth-2);border-block:1px solid var(--rule)}.studio[data-astro-cid-mbplcknx].bare{background:transparent;border:0;padding-top:8px}.bench[data-astro-cid-mbplcknx]{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}.panel[data-astro-cid-mbplcknx]{display:grid;gap:22px;min-width:0}.drop[data-astro-cid-mbplcknx]{display:grid;justify-items:center;gap:6px;padding:30px 20px;border-radius:var(--radius);background:var(--card);cursor:pointer;text-align:center;position:relative;transition:transform .2s var(--ease),box-shadow .2s var(--ease);border:1.5px dashed color-mix(in srgb,var(--ink) 35%,transparent)}.drop[data-astro-cid-mbplcknx].over{transform:translateY(-2px);box-shadow:0 16px 30px -18px rgb(var(--shadow-rgb) / .45)}@media(hover:hover){.drop[data-astro-cid-mbplcknx]:hover{transform:translateY(-2px);box-shadow:0 16px 30px -18px rgb(var(--shadow-rgb) / .45)}.samples[data-astro-cid-mbplcknx] button[data-astro-cid-mbplcknx]:hover img[data-astro-cid-mbplcknx]{transform:translateY(-2px)}}.drop[data-astro-cid-mbplcknx]:active,.samples[data-astro-cid-mbplcknx] button[data-astro-cid-mbplcknx]:active img[data-astro-cid-mbplcknx]{transform:scale(.97);transition-duration:.1s}.drop[data-astro-cid-mbplcknx]:focus-within{outline:2px solid var(--thread);outline-offset:3px}.drop-icon[data-astro-cid-mbplcknx] svg[data-astro-cid-mbplcknx]{width:40px;height:40px;fill:none;stroke:var(--thread);stroke-width:1.6;stroke-linecap:round}.drop-title[data-astro-cid-mbplcknx]{font-family:var(--f-display);font-variation-settings:var(--display-axes);font-size:1.35rem}.drop-sub[data-astro-cid-mbplcknx],.hint[data-astro-cid-mbplcknx],.fine[data-astro-cid-mbplcknx]{color:var(--ink-2);font-size:.875rem}.hint[data-astro-cid-mbplcknx]{margin-top:-12px;text-align:center}.group[data-astro-cid-mbplcknx]{display:grid;gap:10px}.label[data-astro-cid-mbplcknx]{font:500 var(--t-label) / 1.2 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}[data-astro-cid-mbplcknx]:lang(zh) .label[data-astro-cid-mbplcknx],[data-astro-cid-mbplcknx]:lang(ko) .label[data-astro-cid-mbplcknx]{letter-spacing:.08em}.samples[data-astro-cid-mbplcknx]{display:flex;gap:14px}.samples[data-astro-cid-mbplcknx] button[data-astro-cid-mbplcknx]{display:grid;justify-items:center;gap:6px;padding:0;border:0;background:none;color:var(--ink-2);font:inherit;font-size:.8125rem;cursor:pointer}.samples[data-astro-cid-mbplcknx] img[data-astro-cid-mbplcknx]{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--cloth-2),0 0 0 3px var(--rule);transition:box-shadow .2s var(--ease),transform .2s var(--ease)}.samples[data-astro-cid-mbplcknx] button[data-astro-cid-mbplcknx][aria-pressed=true] img[data-astro-cid-mbplcknx]{box-shadow:0 0 0 2px var(--cloth-2),0 0 0 4px var(--thread)}.samples[data-astro-cid-mbplcknx] button[data-astro-cid-mbplcknx][aria-pressed=true]{color:var(--ink)}.seg[data-astro-cid-mbplcknx]{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--card);border:1px solid var(--rule);justify-self:start}.seg[data-astro-cid-mbplcknx] button[data-astro-cid-mbplcknx]{border:0;background:transparent;color:var(--ink-2);font:500 .875rem / 1 var(--f-sans);height:36px;padding:0 14px;border-radius:999px;cursor:pointer}.seg[data-astro-cid-mbplcknx] button[data-astro-cid-mbplcknx][aria-checked=true]{background:var(--thread);color:var(--on-thread)}.threads[data-astro-cid-mbplcknx]{display:grid;gap:10px}.threads[data-astro-cid-mbplcknx] ul[data-astro-cid-mbplcknx]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.threads[data-astro-cid-mbplcknx] li{display:grid;grid-template-columns:18px auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--rule);font-size:.8125rem;font-variant-numeric:tabular-nums;min-width:0}.threads[data-astro-cid-mbplcknx] i{width:16px;height:16px;border-radius:50%;background-color:var(--c);background-image:repeating-linear-gradient(118deg,#ffffff47 0 1.2px,#00000014 1.2px 2.6px);box-shadow:inset 0 0 0 1px #00000024}.threads[data-astro-cid-mbplcknx] b{font-weight:500;white-space:nowrap}.threads[data-astro-cid-mbplcknx] span{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.threads[data-astro-cid-mbplcknx] em{font-style:normal;color:var(--ink-3)}.actions[data-astro-cid-mbplcknx]{display:flex;flex-wrap:wrap;gap:12px}.out[data-astro-cid-mbplcknx]{display:grid;justify-items:center;gap:14px;position:sticky;top:100px;min-width:0}.hoop-live[data-astro-cid-mbplcknx]{position:relative;width:100%;max-width:640px;aspect-ratio:1}.layer[data-astro-cid-mbplcknx]{position:absolute;inset:0;width:100%;height:100%;display:block}.photo[data-astro-cid-mbplcknx]{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ring[data-astro-cid-mbplcknx]{pointer-events:none}.divider[data-astro-cid-mbplcknx]{position:absolute;top:11.5%;bottom:6.5%;left:var(--pos);width:2px;margin-left:-1px;background:#ffffffe6;pointer-events:none;opacity:1;transition:opacity .3s var(--ease)}.busy .divider[data-astro-cid-mbplcknx]{opacity:0}.knob[data-astro-cid-mbplcknx]{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fffdfb;box-shadow:0 6px 18px -6px #28180c73}.knob[data-astro-cid-mbplcknx]:before,.knob[data-astro-cid-mbplcknx]:after{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border:solid #2a2320;border-width:0 0 1.6px 1.6px}.knob[data-astro-cid-mbplcknx]:before{left:11px;transform:rotate(45deg)}.knob[data-astro-cid-mbplcknx]:after{right:11px;transform:rotate(-135deg)}.hoop-live[data-astro-cid-mbplcknx]{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}.hoop-live[data-astro-cid-mbplcknx] input[data-astro-cid-mbplcknx]{position:absolute;left:50%;bottom:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.hoop-live[data-astro-cid-mbplcknx]:has(input:focus-visible) .knob[data-astro-cid-mbplcknx]{outline:2px solid var(--thread);outline-offset:3px}.thread-pin[data-astro-cid-mbplcknx]{position:absolute;right:8%;top:30%;width:1px;height:1px}.status[data-astro-cid-mbplcknx]{font-family:var(--f-display);font-variation-settings:var(--display-axes);font-style:italic;color:var(--ink-2);min-height:1.6em}.note[data-astro-cid-mbplcknx]{font-size:.875rem;color:var(--ink-2);max-width:34em;text-align:center}.err[data-astro-cid-mbplcknx]{color:var(--thread)}.restitch[data-astro-cid-mbplcknx]{border:0;font:inherit;font-size:.9375rem;cursor:pointer;background-color:transparent}@media(max-width:899px){.bench[data-astro-cid-mbplcknx]{grid-template-columns:1fr}.out[data-astro-cid-mbplcknx]{position:static;order:-1}}@media(max-width:480px){.threads[data-astro-cid-mbplcknx] ul[data-astro-cid-mbplcknx]{grid-template-columns:1fr}}.gap[data-astro-cid-jrkm3tls]{height:var(--section)}
