.creator-conversion{max-width:1120px;margin:0 auto 64px}.conversion-access{background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.conversion-access p{color:var(--muted);flex-basis:100%;line-height:1.6}.conversion-workspace,.conversion-loading{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:32px;display:grid}.conversion-loading{background:0 0;min-height:460px;padding:0}.conversion-loading-upload,.conversion-loading-library{background:var(--surface);border-radius:12px;padding:24px}.conversion-loading span{background:var(--surface-raised);border-radius:6px;height:24px;margin-bottom:20px;animation:1.8s ease-in-out infinite alternate conversion-pulse;display:block}.conversion-loading-upload span:nth-child(2){height:180px}.conversion-loading-upload span:nth-child(3){height:100px;margin-bottom:0}.conversion-loading-library span:nth-child(2){height:160px;margin-bottom:0}.conversion-form{margin:0;padding:24px}.conversion-library{min-width:0}.conversion-form fieldset{border:0;min-width:0;margin:0;padding:0}.conversion-form legend{font-family:var(--font-display);margin-bottom:20px;font-size:1.5rem;line-height:1.2}.conversion-form .field{font-size:var(--text-label);gap:8px;margin-bottom:16px;display:grid}.conversion-form .field input,.conversion-form .field select{border:1px solid var(--line);width:100%;max-width:100%;min-height:48px;color:var(--ink);background:var(--surface);font:inherit;border-radius:8px;padding:12px 14px}.conversion-drop{border:1px dashed var(--line);background:var(--paper);cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;margin-bottom:20px;padding:24px 16px;display:flex;position:relative}.conversion-drop svg{color:var(--accent);margin-bottom:8px}.conversion-drop strong{font-size:var(--text-label)}.conversion-drop span{color:var(--muted);font-size:var(--text-small);text-underline-offset:3px;text-decoration:underline}.conversion-drop input{opacity:0;width:1px;height:1px;position:absolute}.conversion-drop:focus-within,.conversion-drop.drag-over{outline:2px solid var(--accent);outline-offset:3px;border-color:var(--accent)}.conversion-drop:hover{border-color:var(--accent)}.conversion-selected{font-size:var(--text-small);overflow-wrap:anywhere;margin:-4px 0 20px;line-height:1.6}.conversion-form .field:focus-within input,.conversion-form .field:focus-within select{outline:2px solid var(--accent);outline-offset:2px}.conversion-form .flow-muted{margin:-8px 0 16px}.conversion-rights{margin-block:12px 24px}.conversion-form .btn{justify-content:center;gap:10px;min-height:48px}.conversion-form .btn:disabled{cursor:not-allowed;opacity:.55}.conversion-form .creator-form-feedback{margin-top:20px}.conversion-library-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.conversion-library-heading h2{font-family:var(--font-display);margin-bottom:6px;font-size:1.5rem;line-height:1.2}.conversion-library-heading p{color:var(--muted);font-size:var(--text-small);line-height:1.5}.conversion-library-heading .conversion-limit{white-space:nowrap;flex-shrink:0}.conversion-caveat{color:var(--muted);font-size:var(--text-small);margin-top:24px;line-height:1.65}.conversion-caveat summary{cursor:pointer;padding-block:12px}.conversion-caveat p{max-width:800px;padding-bottom:8px}.conversion-list{gap:12px;display:grid}.conversion-empty{color:var(--muted);background:var(--surface);text-align:center;border-radius:12px;padding:28px}.conversion-item{background:var(--surface);border-radius:12px;min-width:0;padding:20px 22px}.conversion-item-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.conversion-item-heading h3{overflow-wrap:anywhere;min-width:0;margin:0;font-size:1rem;font-weight:650}.conversion-status{color:var(--muted);background:var(--paper);font-size:var(--text-small);border-radius:999px;flex-shrink:0;padding:5px 9px}.conversion-status.is-ready{color:var(--accent)}.conversion-status.is-failed{color:var(--danger)}.conversion-meta{overflow-wrap:anywhere;margin-top:8px}.conversion-dimensions{font-size:var(--text-small);color:var(--muted);margin-top:12px}.conversion-dimensions strong{color:var(--ink);font-variant-numeric:tabular-nums}.conversion-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.conversion-action,.conversion-download{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--bg);font:inherit;font-size:var(--text-small);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;line-height:1.3;text-decoration:none;display:inline-flex}.conversion-action:hover,.conversion-download:hover{border-color:var(--accent);color:var(--accent)}.conversion-action:focus-visible,.conversion-download:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.conversion-action:disabled{opacity:.55;cursor:wait}.conversion-action.is-danger{color:var(--danger)}.conversion-error{color:var(--danger);font-size:var(--text-small);margin-top:14px;line-height:1.6}.conversion-preview{background:var(--paper);border-radius:8px;margin-top:16px;overflow:hidden}.conversion-preview[aria-busy=true]{place-items:center;min-height:280px;display:grid}.conversion-preview[aria-busy=true]:after{content:"";background:var(--surface-raised);border-radius:8px;width:62%;height:64%;display:block}.conversion-preview canvas{touch-action:none;width:100%;height:280px;display:block}@keyframes conversion-pulse{0%{opacity:.52}to{opacity:1}}@media (prefers-reduced-motion:reduce){.conversion-loading span{animation:none}}@media (width<=900px){.conversion-workspace,.conversion-loading{grid-template-columns:minmax(0,1fr);gap:28px}}@media (width<=640px){.conversion-access{flex-direction:column;align-items:stretch;padding:22px}.conversion-access .btn{width:100%}.conversion-form{padding:22px}.conversion-library-heading{flex-direction:column;align-items:start;gap:8px}.conversion-item{padding:18px}}.conversion-page[data-astro-cid-vbohii2c]{padding-bottom:24px}.conversion-intro[data-astro-cid-vbohii2c]{max-width:1120px;margin-inline:auto;padding-bottom:28px}.conversion-intro[data-astro-cid-vbohii2c] h1[data-astro-cid-vbohii2c]{font-size:clamp(2rem, 4.3vw, var(--text-title))}.conversion-intro[data-astro-cid-vbohii2c]>p[data-astro-cid-vbohii2c]:not(.context-note){max-width:640px}.conversion-intro[data-astro-cid-vbohii2c] .conversion-format-note[data-astro-cid-vbohii2c]{color:var(--muted);font-size:var(--text-small);margin-top:12px}
