.free-tool{gap:var(--sp-7);max-width:880px;margin-top:var(--sp-5);display:grid}.free-tool-step{gap:var(--sp-4);padding:var(--sp-6);border:1px solid var(--line-dashed);border-radius:var(--r-sm);background:var(--surface-card);display:grid}.free-tool-step h2{align-items:center;gap:var(--sp-3);font-size:var(--fs-ui);margin:0;display:flex}.free-tool-step h2 span{background:#d9f3b6;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.free-tool-drop{justify-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-8) var(--sp-5);border-radius:var(--r-sm);color:var(--ink);background:#f9fbf6;border:1.5px dashed #cdd6c3;display:grid}.free-tool-drop:hover{background:#f0f6e8;border-color:#8fa779}.free-tool-drop span{font-size:var(--fs-meta);color:var(--ink-muted)}.free-tool-source{gap:var(--sp-3);display:grid}.free-tool-source video{border-radius:var(--r-2xs);background:#000;width:100%;max-height:360px}.free-tool-source p{align-items:center;gap:var(--sp-3);font-size:var(--fs-meta);color:var(--ink-muted);flex-wrap:wrap;margin:0;display:flex}.free-tool-source p span:first-of-type{color:var(--ink);overflow-wrap:anywhere}.free-tool-fields{align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;display:flex}.free-tool-fields label{gap:var(--sp-2);font-size:var(--fs-meta);color:var(--ink-muted);display:grid}.free-tool-fields input,.free-tool-fields select{min-width:140px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dfe4d7;border-radius:6px;padding:9px 11px}.free-tool-fields .cta-ghost{align-items:center;gap:var(--sp-2);display:inline-flex}.free-tool-range{accent-color:#82ad42;width:100%}.free-tool-length{gap:var(--sp-2);font-size:var(--fs-meta);color:var(--ink-muted);display:grid}.free-tool-length strong{color:var(--ink)}.free-tool-length input{accent-color:#82ad42;width:100%}.free-tool-help{font-size:var(--fs-meta);line-height:var(--lh-relaxed);color:var(--ink-muted);margin:0}.free-tool-modes{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.free-tool-modes label{gap:var(--sp-1);padding:var(--sp-4);cursor:pointer;background:#fff;border:1px solid #e5e8e1;border-radius:7px;display:grid;position:relative}.free-tool-modes label.active{background:#f8fbf1;border-color:#a4bd83}.free-tool-modes input{opacity:0;pointer-events:none;position:absolute}.free-tool-modes label:has(input:disabled){cursor:not-allowed;opacity:.6}.free-tool-modes label:has(input:focus-visible){outline-offset:2px;outline:3px solid #95b866}.free-tool-modes span{font-size:var(--fs-meta);color:var(--ink-muted);line-height:1.45}.free-tool-styles{gap:var(--sp-2);flex-wrap:wrap;display:flex}.free-tool-styles button{font-size:var(--fs-meta);background:#fff;border:1px solid #e5e8e1;border-radius:999px;padding:8px 14px}.free-tool-styles button.active{background:#f0f7e7;border-color:#a4bd83;font-weight:600}.free-tool-actions .cta-lime{cursor:pointer;border:0}.free-tool-actions .cta-lime:disabled,.free-tool-export .cta-lime:disabled{opacity:.55;cursor:default}.free-tool-busy{align-items:center;gap:var(--sp-3);font-size:var(--fs-meta);flex-wrap:wrap;display:flex}.free-tool-busy .text-link{background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.free-tool-alert{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-4);color:#a13e32;font-size:var(--fs-meta);background:#fff2ee;border:1px solid #f1d4ce;border-radius:7px;margin:0;line-height:1.5;display:flex}.free-tool-alert svg{flex:none;margin-top:2px}.free-tool-preview{gap:var(--sp-6);grid-template-columns:268px minmax(0,1fr);align-items:start;display:grid}.free-tool-phone{aspect-ratio:9/16;background:#101318;border-radius:14px;width:268px;overflow:hidden}.free-tool-phone video{object-fit:contain;background:#000;width:100%;height:100%}.free-tool-export{gap:var(--sp-4);justify-items:start;display:grid}.free-tool-export p{line-height:var(--lh-body);margin:0}.free-tool-export .cta-lime{cursor:pointer;border:0}.free-tool-list{gap:var(--sp-4);max-width:880px;line-height:var(--lh-relaxed);margin:0;padding-left:22px;display:grid}.free-tool-list li{color:var(--ink-muted)}.free-tool-list strong{color:var(--ink)}.free-tool-list code{background:#e8eedf;border-radius:4px;padding:1px 5px;font-size:.92em}@media (max-width:760px){.free-tool-modes,.free-tool-preview{grid-template-columns:1fr}.free-tool-phone{width:min(100%,268px)}}.free-tool-words{font-size:var(--fs-meta);color:var(--ink-muted)}.free-tool-words summary{cursor:pointer}.free-tool-words p{max-height:180px;margin:var(--sp-2) 0 0;line-height:var(--lh-relaxed);color:var(--ink);overflow:auto}