.studio{padding-block:var(--s-4) var(--s-6)}.studio [hidden],.sync-toast[hidden]{display:none!important}.studio__container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--s-2)}@media(min-width:640px){.studio__container{padding-inline:var(--s-3)}}.studio__head{text-align:center;max-width:640px;margin:0 auto var(--s-4)}.studio__title{margin:var(--s-1) 0 var(--s-2)}.studio__sub{margin:0;color:var(--text-dim);font-size:1.0625rem;line-height:1.5}.studio[data-mode=studio] .studio__head{margin-bottom:var(--s-3)}@media(min-width:900px){.studio[data-mode=studio] .studio__head{text-align:start;max-width:none;margin-bottom:var(--s-4)}}.landing{max-width:480px;margin:0 auto;background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-2xl);padding:var(--s-3)}.landing__label{display:block;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem}.landing__row{display:flex;gap:.5rem}.landing__input,.field__input{flex:1;min-width:0;height:52px;padding:0 1rem;border-radius:var(--r-lg);border:1px solid var(--outline);background:var(--surface);color:var(--text);font:inherit;font-size:1rem}[dir=rtl] .landing__input:placeholder-shown{direction:rtl}.landing__input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.landing__input:focus,.field__input:focus{outline:2px solid var(--accent);outline-offset:-1px}.landing__help{margin:var(--s-2) 0 0;color:var(--text-dim);font-size:.9375rem}.landing__error{margin:var(--s-2) 0 0;color:var(--error);font-size:.9375rem}@media(max-width:480px){.landing__row{flex-direction:column}}.workspace{display:grid;gap:var(--s-3)}.notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.75rem 1rem;border-radius:var(--r-md);background:var(--accent-dim);color:var(--text-meta);font-size:.9375rem;grid-column:1 / -1}.notice--warn{background:var(--warm-dim)}.notice__actions{display:inline-flex;align-items:center;gap:.25rem}.notice__btn{font:inherit;font-weight:600;color:var(--text);background:transparent;border:1px solid var(--hairline);border-radius:var(--r-sm);padding:.25rem .75rem;cursor:pointer}.notice__x{font:inherit;font-size:1.25rem;line-height:1;color:var(--text-dim);background:transparent;border:0;padding:.25rem .5rem;cursor:pointer}.preview{position:relative;width:min(100%,420px);margin-inline:auto}.preview__card{position:relative;width:100%;aspect-ratio:1000 / 1414;background:#fff;border-radius:3px;box-shadow:0 0 0 1px #1f1a140f,0 1px 2px #1f1a1414,0 28px 48px -28px #1f1a1473;overflow:hidden}.preview__card svg{display:block;width:100%;height:auto}.preview__skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#f3efe8,#faf7f2,#f3efe8);background-size:200% 100%;animation:studio-shimmer 1.4s linear infinite}@keyframes studio-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.preview__ribbon{position:absolute;top:12px;inset-inline-end:-6px;padding:.3rem .7rem;border-radius:var(--r-pill);background:var(--text);color:var(--bg);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 6px 16px -6px #1f1a1480}.panel{min-width:0;scroll-margin-top:calc(var(--nav-height) + 8px)}.panel__h{font-family:var(--font-title, "Instrument Serif"),Georgia,serif;font-weight:400;font-size:1.5rem;line-height:1.2;margin:0 0 var(--s-2)}.panel__section+.panel__section{margin-top:var(--s-4)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin-bottom:var(--s-3);border-radius:var(--r-lg);background:var(--surface-alt)}.tabs [role=tab]{min-height:40px;padding:4px 6px;line-height:1.15;border:0;border-radius:var(--r-md);background:transparent;color:var(--text-dim);font:inherit;font-weight:600;font-size:.9375rem;cursor:pointer}.tabs [role=tab].is-selected{background:var(--card);color:var(--text);box-shadow:0 1px 2px #1f1a1414}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 -2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}.chip{flex:none;height:34px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--outline);background:var(--card);color:var(--text-meta);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.chip:hover{border-color:var(--text-2)}.chip.is-selected{background:var(--text);border-color:var(--text);color:var(--bg)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fams{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 10px;margin:0 -4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fams::-webkit-scrollbar{display:none}.fam{flex:none;width:116px;padding:0;border:0;background:transparent;text-align:center;cursor:pointer;scroll-snap-align:start;font:inherit;color:var(--text)}.fam__thumb{display:block;aspect-ratio:1000 / 1414;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--hairline),0 6px 14px -8px #1f1a1459;transition:box-shadow .12s ease,transform .12s ease}.fam__thumb svg{width:100%;height:auto;display:block}.fam__skeleton{display:block;height:100%;background:var(--surface-alt)}.fam.is-selected .fam__thumb{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text),0 6px 14px -8px #1f1a1459}.fam:hover .fam__thumb{transform:translateY(-1px)}.fam__label{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.875rem;font-weight:600}.fam__pro{font-size:.5625rem;font-weight:800;letter-spacing:.1em;padding:2px 5px;border-radius:4px;background:var(--text);color:var(--bg)}.swatches{margin-top:var(--s-2);display:flex;align-items:center;gap:var(--s-2)}.swatches__row{display:flex;gap:10px}.swatch{width:36px;height:36px;border-radius:50%;border:0;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #1f1a141f}.swatch.is-selected{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}.swatches__name{font-size:.9375rem;color:var(--text-meta);font-weight:500}.field{display:block;margin-bottom:var(--s-2)}.field__label{display:block;margin-bottom:6px;font-size:.8125rem;font-weight:600;color:var(--text-meta)}.field__input{width:100%}.field--toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem}.field--toggle .field__label{margin:0}.switch{position:relative;width:48px;height:28px;flex:none}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch__track{position:absolute;inset:0;border-radius:999px;background:var(--outline);transition:background .12s ease}.switch__track:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .12s ease}.switch input:checked+.switch__track{background:var(--text)}.switch input:checked+.switch__track:after{transform:translate(20px)}[dir=rtl] .switch input:checked+.switch__track:after{transform:translate(-20px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}.switch input:disabled{cursor:not-allowed}.switch input:disabled+.switch__track{opacity:.45}.field--toggle.is-locked .field__label{color:var(--text-dim)}.field__helper{margin:-6px 0 var(--s-2);font-size:.8125rem;color:var(--text-dim)}.field__label .fam__pro{margin-inline-start:6px;vertical-align:1px}.formats{display:grid;gap:10px}.fmt{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--outline);border-radius:var(--r-md);background:var(--card);cursor:pointer;transition:border-color .12s ease}.fmt:has(input:checked){border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.fmt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.fmt__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fmt__title{font-weight:600}.fmt__desc{font-size:.875rem;color:var(--text-dim)}.fmt__out{font-size:.6875rem;font-weight:700;letter-spacing:.08em;padding:3px 7px;border-radius:6px;background:var(--surface-alt);color:var(--text-meta)}.paper{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-2)}.paper__label{font-size:.875rem;font-weight:600;color:var(--text-meta)}.seg{display:inline-flex;padding:3px;gap:3px;border-radius:var(--r-md);background:var(--surface-alt)}.seg__btn{height:34px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--text-dim);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.seg__btn.is-selected{background:var(--card);color:var(--text);box-shadow:0 1px 2px #1f1a1414}.export--desktop{margin-top:var(--s-3)}.export__row{display:flex;gap:10px}.export__btn{flex:1}.export__btn.is-locked{background:var(--outline);color:var(--text-dim)}.export__btn:disabled{cursor:not-allowed;opacity:.9}.export__share{width:52px;padding:0;flex:none}.export__share svg{width:20px;height:20px;min-width:20px;flex:none}.export__helper{margin:10px 0 0;font-size:.875rem;color:var(--text-dim)}.export__progress{margin:8px 0 0;font-size:.8125rem;color:var(--text-dim)}.bar{position:sticky;bottom:0;z-index:20;margin-top:var(--s-3);padding:12px var(--s-2) calc(12px + env(safe-area-inset-bottom));background:var(--bg);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-top:1px solid var(--hairline)}.bar .export__progress,.bar .export__helper{text-align:center}.sync-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,12px);padding:10px 16px;border-radius:999px;background:var(--text);color:var(--bg);font-size:.9375rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:60}.sync-toast.show{opacity:1;transform:translate(-50%)}@media(max-width:899px){body.is-studio .wc-launch,body.is-studio .wc-teaser{display:none!important}.studio[data-mode=studio] .studio__head{display:none}.studio[data-mode=studio]{padding-top:0}.stage{position:sticky;top:var(--nav-height);z-index:10;margin:0 calc(-1 * var(--s-2));padding:12px var(--s-2) 10px;background:var(--bg);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--hairline)}.preview{width:fit-content;max-width:100%;margin-inline:auto}.preview__card{height:clamp(260px,42vh,440px);width:auto}.tabs{position:static;margin:12px 0 0}.panel{padding-top:var(--s-2);padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom))}.panel__section{display:none}.panel[data-tab=style] .panel__section[data-tab=style],.panel[data-tab=details] .panel__section[data-tab=details],.panel[data-tab=get] .panel__section[data-tab=get]{display:block}.panel__h,.export--desktop{display:none}}@media(min-width:900px){.workspace{grid-template-columns:minmax(0,520px) minmax(340px,1fr);gap:var(--s-5);align-items:start}.stage{position:sticky;top:calc(var(--nav-height) + var(--s-3))}.preview{width:100%;max-width:min(520px,calc((100vh - var(--nav-height) - 72px) * var(--card-inv, .707)))}.tabs{display:none}.panel__section{display:block!important}.bar{display:none}.sync-toast{bottom:32px}}