.fmt-tool{--fmt-ink:#111;--fmt-beige:#f4ede6;--fmt-panel:#fff;--fmt-pink:#ff6faf;--fmt-border:#1111111f;--fmt-muted:#11111185;--fmt-ready:#22c55e;--fmt-error:#ef4444}.fmt-tool__shell{flex-direction:column;gap:1.25rem;width:100%;max-width:1600px;margin-inline:auto;padding:2rem 1rem 2.5rem;display:flex}@media (min-width:640px){.fmt-tool__shell{gap:1.5rem;padding:2.5rem 1.25rem 3rem}}@media (min-width:1024px){.fmt-tool__shell{padding:3rem 1.5rem 3.5rem}}.fmt-tool__hero{align-items:center;gap:1.5rem;display:grid}@media (min-width:900px){.fmt-tool__hero{grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:2rem}}.fmt-tool__title{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:var(--fmt-ink);font-size:clamp(2rem,5.5vw,3.75rem);font-weight:900;line-height:.92}.fmt-tool__title-accent{font-family:var(--font-accent), cursive;text-transform:none;letter-spacing:0;color:var(--fmt-pink);font-size:1.08em;font-weight:400}.fmt-tool__intro{max-width:36rem;color:var(--fmt-muted);margin-top:.85rem;font-size:.92rem;line-height:1.65}.fmt-tool__badges{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.fmt-tool__badge{letter-spacing:.06em;color:#1111119e;background:#ff6faf14;border:1px solid #ff6faf47;border-radius:9999px;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex}.fmt-tool__badge .spark{color:var(--fmt-pink);font-size:.75em}.fmt-tool__hero-art{aspect-ratio:4/3;width:100%;min-height:200px;position:relative}@media (min-width:900px){.fmt-tool__hero-art{aspect-ratio:auto;height:280px;min-height:240px}}.fmt-tool__workspace{gap:1rem;display:grid}@media (min-width:900px){.fmt-tool__workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.95fr);align-items:start;gap:1rem}}@media (min-width:640px) and (max-width:899px){.fmt-tool__workspace{grid-template-columns:1fr 1fr}.fmt-tool__panel--preview{grid-column:1/-1}}.fmt-tool__panel{background:var(--fmt-panel);border:1px solid var(--fmt-border);border-radius:1.25rem;padding:1.1rem;box-shadow:0 1px #1111110a}@media (min-width:640px){.fmt-tool__panel{border-radius:1.5rem;padding:1.25rem}}.fmt-tool__panel-title{font-family:var(--font-display), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--fmt-ink);margin-bottom:1rem;font-size:.72rem;font-weight:800}.fmt-tool__dropzone{text-align:center;cursor:pointer;background:#ff6faf0a;border:2px dashed #ff6faf73;border-radius:1rem;padding:1.5rem 1rem;transition:border-color .2s,background .2s}.fmt-tool__dropzone[data-active]{border-color:var(--fmt-pink);background:#ff6faf1a}.fmt-tool__dropzone-icon{width:2.5rem;height:2.5rem;color:var(--fmt-pink);background:#ff6faf1f;border-radius:9999px;justify-content:center;align-items:center;margin-bottom:.65rem;display:inline-flex}.fmt-tool__dropzone-text{color:var(--fmt-muted);max-width:18rem;margin-inline:auto;font-size:.82rem;line-height:1.5}.fmt-tool__btn-primary{background:var(--fmt-pink);color:#fff;font-family:var(--font-display), sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;margin-top:.85rem;padding:.65rem 1.1rem;font-size:.62rem;font-weight:800;transition:opacity .2s,transform .15s;display:inline-flex}.fmt-tool__btn-primary:hover:not(:disabled){opacity:.92}.fmt-tool__btn-primary:disabled{opacity:.45;cursor:not-allowed}.fmt-tool__formats-hint{color:#1116;letter-spacing:.04em;margin-top:.75rem;font-size:.68rem}.fmt-tool__file-list-head{justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;margin-bottom:.5rem;display:flex}.fmt-tool__file-list-label{letter-spacing:.12em;text-transform:uppercase;color:var(--fmt-ink);font-size:.62rem;font-weight:800}.fmt-tool__clear-btn{letter-spacing:.06em;color:var(--fmt-muted);cursor:pointer;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.62rem;font-weight:600;display:inline-flex}.fmt-tool__clear-btn:hover{color:var(--fmt-pink)}.fmt-tool__file-list{flex-direction:column;gap:.45rem;max-height:280px;display:flex;overflow-y:auto}.fmt-tool__file-row{border:1px solid var(--fmt-border);cursor:pointer;border-radius:.75rem;align-items:center;gap:.55rem;padding:.45rem .55rem;transition:border-color .2s,background .2s;display:flex}.fmt-tool__file-row[data-selected]{background:#ff6faf0f;border-color:#ff6faf73}.fmt-tool__file-row[data-error]{border-color:#ef444459}.fmt-tool__file-thumb{object-fit:cover;background:var(--fmt-beige);border-radius:.45rem;flex-shrink:0;width:2.5rem;height:2.5rem}.fmt-tool__file-meta{flex:1;min-width:0}.fmt-tool__file-name{color:var(--fmt-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:700;overflow:hidden}.fmt-tool__file-detail{color:var(--fmt-muted);margin-top:.1rem;font-size:.62rem}.fmt-tool__file-error{color:var(--fmt-error);margin-top:.15rem;font-size:.58rem}.fmt-tool__file-remove{color:#11111159;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.2rem}.fmt-tool__file-remove:hover{color:var(--fmt-pink)}.fmt-tool__section{margin-bottom:1rem}.fmt-tool__section:last-child{margin-bottom:0}.fmt-tool__section-label{letter-spacing:.1em;text-transform:uppercase;color:#11111173;margin-bottom:.5rem;font-size:.62rem;font-weight:700}.fmt-tool__chips{flex-wrap:wrap;gap:.4rem;display:flex}.fmt-tool__chip{border:1px solid var(--fmt-border);letter-spacing:.08em;text-transform:uppercase;color:var(--fmt-ink);cursor:pointer;background:#fff;border-radius:9999px;align-items:center;gap:.25rem;padding:.35rem .7rem;font-size:.62rem;font-weight:700;transition:border-color .2s,background .2s,opacity .2s;display:inline-flex}.fmt-tool__chip[data-active]{border-color:var(--fmt-pink);color:var(--fmt-pink);background:#ff6faf1a}.fmt-tool__chip:disabled{opacity:.38;cursor:not-allowed}.fmt-tool__chip-hint{color:#1111116b;margin-top:.4rem;font-size:.62rem;line-height:1.45}.fmt-tool__slider-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.fmt-tool__slider-value{color:var(--fmt-pink);font-size:.72rem;font-weight:800}.fmt-tool__slider{width:100%;accent-color:var(--fmt-pink)}.fmt-tool__slider-labels{color:#1116;justify-content:space-between;margin-top:.2rem;font-size:.58rem;display:flex}.fmt-tool__toggle-row{border-top:1px solid #1111110f;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.55rem 0;display:flex}.fmt-tool__toggle-row:first-of-type{border-top:none}.fmt-tool__toggle-copy{min-width:0}.fmt-tool__toggle-title{color:var(--fmt-ink);font-size:.72rem;font-weight:700}.fmt-tool__toggle-desc{color:var(--fmt-muted);margin-top:.15rem;font-size:.62rem;line-height:1.4}.fmt-tool__toggle{border:1px solid var(--fmt-border);cursor:pointer;background:#1111110f;border-radius:9999px;flex-shrink:0;width:2.4rem;height:1.35rem;transition:background .2s,border-color .2s;position:relative}.fmt-tool__toggle[data-on]{background:var(--fmt-pink);border-color:var(--fmt-pink)}.fmt-tool__toggle-knob{background:#fff;border-radius:9999px;width:1rem;height:1rem;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000001f}.fmt-tool__toggle[data-on] .fmt-tool__toggle-knob{transform:translate(1.05rem)}.fmt-tool__resize-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.65rem;display:grid}.fmt-tool__input-wrap label{letter-spacing:.08em;text-transform:uppercase;color:#1111116b;margin-bottom:.25rem;font-size:.58rem;font-weight:700;display:block}.fmt-tool__input-wrap input,.fmt-tool__select{border:1px solid var(--fmt-border);width:100%;color:var(--fmt-ink);background:#fff;border-radius:.55rem;padding:.45rem .55rem;font-size:.78rem}.fmt-tool__lock-btn{border:1px solid var(--fmt-border);width:2rem;height:2rem;color:var(--fmt-ink);cursor:pointer;background:#fff;border-radius:.55rem;justify-content:center;align-self:end;align-items:center;display:inline-flex}.fmt-tool__lock-btn[data-locked]{border-color:var(--fmt-pink);color:var(--fmt-pink);background:#ff6faf14}.fmt-tool__convert-btn{width:100%;margin-top:1rem}.fmt-tool__preview-compare{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.fmt-tool__preview-box{border:1px solid var(--fmt-border);background:var(--fmt-beige);border-radius:.75rem;padding:.5rem}.fmt-tool__preview-label{letter-spacing:.1em;text-transform:uppercase;color:#1111116b;margin-bottom:.35rem;font-size:.55rem;font-weight:800}.fmt-tool__preview-img-wrap{aspect-ratio:1;background:repeating-conic-gradient(#e8e0d8 0% 25%,#f4ede6 0% 50%) 50%/12px 12px;border-radius:.45rem;width:100%;position:relative;overflow:hidden}.fmt-tool__preview-img{object-fit:contain;width:100%;height:100%}.fmt-tool__preview-meta{color:var(--fmt-muted);margin-top:.35rem;font-size:.58rem;line-height:1.4}.fmt-tool__summary{background:#ff6faf0f;border:1px solid #ff6faf33;border-radius:.75rem;margin-top:.85rem;padding:.65rem .75rem}.fmt-tool__summary-row{letter-spacing:.06em;text-transform:uppercase;color:var(--fmt-ink);justify-content:space-between;gap:.5rem;font-size:.62rem;font-weight:700;display:flex}.fmt-tool__summary-row+.fmt-tool__summary-row{margin-top:.35rem}.fmt-tool__summary-value{color:var(--fmt-pink)}.fmt-tool__download-btn{width:100%;margin-top:.85rem}.fmt-tool__tip{border:1px solid var(--fmt-border);background:#fff;border-radius:.75rem;align-items:flex-start;gap:.5rem;margin-top:.85rem;padding:.65rem .75rem;display:flex}.fmt-tool__tip-icon{color:var(--fmt-pink);flex-shrink:0;margin-top:.1rem}.fmt-tool__tip-text{color:var(--fmt-muted);font-size:.68rem;line-height:1.5}.fmt-tool__tip-text strong{color:var(--fmt-ink);font-weight:700}.fmt-tool__empty-preview{text-align:center;color:#11111159;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:160px;font-size:.72rem;display:flex}.fmt-tool__status-msg{color:var(--fmt-muted);text-align:center;margin-top:.5rem;font-size:.68rem}.fmt-tool__global-error{color:var(--fmt-error);background:#ef444414;border:1px solid #ef444433;border-radius:.55rem;margin-top:.5rem;padding:.55rem .65rem;font-size:.68rem}