.tool-card[data-astro-cid-zkfsxxwh]{background:var(--color-surface);border:1px solid var(--color-border);overflow-wrap:break-word;border-radius:10px;margin-bottom:1rem;padding:1.5rem}.input-grid[data-astro-cid-zkfsxxwh]{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=600px){.input-grid[data-astro-cid-zkfsxxwh]{grid-template-columns:1fr}}.mode-tabs[data-astro-cid-zkfsxxwh]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;padding:.35rem;display:grid}.mode-tab[data-astro-cid-zkfsxxwh]{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.55rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.mode-tab[data-astro-cid-zkfsxxwh].active{background:var(--color-accent);color:var(--color-on-accent)}.text-panel[data-astro-cid-zkfsxxwh]{display:none}.text-panel[data-astro-cid-zkfsxxwh].active{display:block}.text-panel[data-astro-cid-zkfsxxwh] input[data-astro-cid-zkfsxxwh][type=text],.text-panel[data-astro-cid-zkfsxxwh] input[data-astro-cid-zkfsxxwh][type=color]{background:var(--color-bg);border:1px solid var(--color-border);width:100%;color:var(--color-text);box-sizing:border-box;font-size:.95rem;font-family:var(--font-sans);border-radius:6px;padding:.55rem .75rem}.text-panel[data-astro-cid-zkfsxxwh] input[data-astro-cid-zkfsxxwh][type=color]{cursor:pointer;height:38px;padding:.2rem}.preview-canvas-wrap[data-astro-cid-zkfsxxwh]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;margin-top:1rem;padding:.75rem;display:none}.preview-canvas-wrap[data-astro-cid-zkfsxxwh].active{display:block}.preview-canvas-wrap[data-astro-cid-zkfsxxwh] .pc-label[data-astro-cid-zkfsxxwh]{color:var(--color-muted);margin-bottom:.5rem;font-size:.82rem}.preview-canvas-wrap[data-astro-cid-zkfsxxwh] .pc-label[data-astro-cid-zkfsxxwh] strong[data-astro-cid-zkfsxxwh]{color:var(--color-accent);font-family:var(--font-mono)}.preview-canvas-wrap[data-astro-cid-zkfsxxwh] canvas[data-astro-cid-zkfsxxwh]{cursor:grab;touch-action:none;background:#000;border-radius:6px;width:100%;max-width:100%;display:block}.preview-canvas-wrap[data-astro-cid-zkfsxxwh] canvas[data-astro-cid-zkfsxxwh].grabbing{cursor:grabbing}.preview-canvas-wrap[data-astro-cid-zkfsxxwh] .pc-toggle[data-astro-cid-zkfsxxwh]{color:var(--color-text);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.preview-canvas-wrap[data-astro-cid-zkfsxxwh] .pc-toggle[data-astro-cid-zkfsxxwh] input[data-astro-cid-zkfsxxwh][type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.drop-zone[data-astro-cid-zkfsxxwh]{border:2px dashed var(--color-border);text-align:center;cursor:pointer;border-radius:8px;padding:1.5rem 1rem;transition:border-color .2s,background .2s;position:relative}.drop-zone[data-astro-cid-zkfsxxwh]:hover,.drop-zone[data-astro-cid-zkfsxxwh].dragover{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 5%, transparent)}.drop-zone[data-astro-cid-zkfsxxwh].has-file{border-style:solid;border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 4%, transparent)}.drop-zone[data-astro-cid-zkfsxxwh] input[data-astro-cid-zkfsxxwh][type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.drop-icon[data-astro-cid-zkfsxxwh]{margin-bottom:.4rem;font-size:1.6rem}.drop-label[data-astro-cid-zkfsxxwh]{color:var(--color-text);margin-bottom:.2rem;font-size:.92rem;font-weight:600}.drop-hint[data-astro-cid-zkfsxxwh]{color:var(--color-muted);font-size:.78rem}.drop-fname[data-astro-cid-zkfsxxwh]{font-family:var(--font-mono);color:var(--color-accent);word-break:break-all;margin-top:.35rem;font-size:.78rem}.position-grid[data-astro-cid-zkfsxxwh]{grid-template-columns:repeat(3,1fr);gap:.4rem;max-width:280px;margin-top:1rem;display:grid}.pos-cell[data-astro-cid-zkfsxxwh]{aspect-ratio:1.5;border:2px solid var(--color-border);cursor:pointer;color:var(--color-muted);border-radius:6px;justify-content:center;align-items:center;font-size:.78rem;transition:border-color .15s,background .15s;display:flex}.pos-cell[data-astro-cid-zkfsxxwh]:hover{border-color:color-mix(in srgb, var(--color-accent) 50%, transparent)}.pos-cell[data-astro-cid-zkfsxxwh].selected{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent);font-weight:700}.slider-block[data-astro-cid-zkfsxxwh]{margin-top:1rem}.slider-label[data-astro-cid-zkfsxxwh]{color:var(--color-muted);justify-content:space-between;margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:flex}.slider-label[data-astro-cid-zkfsxxwh] .val[data-astro-cid-zkfsxxwh]{font-family:var(--font-mono);color:var(--color-accent);font-weight:700}input[data-astro-cid-zkfsxxwh][type=range]{-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;outline:none;width:100%;height:4px}input[data-astro-cid-zkfsxxwh][type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-bg);border-radius:50%;width:18px;height:18px}input[data-astro-cid-zkfsxxwh][type=range]::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:2px solid var(--color-bg);border-radius:50%;width:18px;height:18px}.options-row[data-astro-cid-zkfsxxwh]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:1rem;display:grid}.option-block[data-astro-cid-zkfsxxwh] label[data-astro-cid-zkfsxxwh]{color:var(--color-muted);margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.option-block[data-astro-cid-zkfsxxwh] input[data-astro-cid-zkfsxxwh],.option-block[data-astro-cid-zkfsxxwh] select[data-astro-cid-zkfsxxwh]{background:var(--color-bg);border:1px solid var(--color-border);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:6px;padding:.55rem .75rem;font-size:.9rem}.btn-convert[data-astro-cid-zkfsxxwh]{background:var(--color-accent);width:100%;color:var(--color-on-accent);cursor:pointer;border:none;border-radius:8px;margin-top:1.25rem;padding:1rem;font-size:1.02rem;font-weight:700;display:block}.btn-convert[data-astro-cid-zkfsxxwh]:hover:not(:disabled){opacity:.9}.btn-convert[data-astro-cid-zkfsxxwh]:disabled{opacity:.4;cursor:not-allowed}.result-section[data-astro-cid-zkfsxxwh]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;margin-top:1.25rem;padding:1.25rem;display:none}.result-section[data-astro-cid-zkfsxxwh] video[data-astro-cid-zkfsxxwh]{background:#000;border-radius:6px;width:100%;max-height:360px;margin-bottom:1rem}