.free-tools .rn{gap:24px;display:grid}.free-tools .rn-types{border:0;min-width:0;margin:0;padding:0}.free-tools .rn-types>legend{margin-bottom:12px;padding:0}.free-tools .rn-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.free-tools .rn-type{cursor:pointer;position:relative}.free-tools .rn-type input{opacity:0;pointer-events:none;position:absolute}.free-tools .rn-type-in{border:1px solid var(--line);background:var(--fill);height:100%;color:var(--mute);border-radius:14px;gap:4px;padding:14px 16px;transition:border-color .2s,background .2s,color .2s;display:grid}.free-tools .rn-type-in b{color:var(--ink);font-size:15px;font-weight:600}.free-tools .rn-type-in small{font-size:12px;line-height:1.4}.free-tools .rn-type:hover .rn-type-in{border-color:var(--line-2);background:var(--fill-2)}.free-tools .rn-type input:checked+.rn-type-in{color:var(--acc);background:radial-gradient(240px 120px at 100% 0,#3e5bf240,#0000 70%),#6f86ff12;border-color:#6f86ff80}.free-tools .rn-type input:focus-visible+.rn-type-in{outline:2px solid var(--acc);outline-offset:2px}.free-tools .rn-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.free-tools .rn-in{gap:20px;min-width:0;display:grid}.free-tools .rn-in-h,.free-tools .rn-out-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.free-tools .rn-in-h h2,.free-tools .rn-out-h h2{letter-spacing:-.02em;font-size:20px;font-weight:600}.free-tools .rn-in-actions{gap:8px;display:flex}.free-tools .rn-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.free-tools .rn-opt{color:var(--mute);margin-left:6px;font-size:12px;font-weight:400}.free-tools .rn-soft{color:#ffb86b}.free-tools .rn-textarea{resize:vertical;min-height:72px;line-height:1.5}.free-tools .rn-list{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.free-tools .rn-list>legend{float:left;width:100%;margin-bottom:8px;padding:0}.free-tools .rn-list ol{gap:8px;display:grid}.free-tools .rn-list li{grid-template-columns:16px minmax(0,1fr) 36px;align-items:center;gap:8px;display:grid}.free-tools .rn-bullet{color:var(--acc);text-align:center;font-size:16px}.free-tools .rn-x{width:36px;height:36px;color:var(--mute);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:grid}.free-tools .rn-x:hover{border-color:var(--line);background:var(--fill-2);color:var(--ink)}.free-tools .rn-list-f{flex-wrap:wrap;align-items:center;gap:8px 14px;padding-left:24px;display:flex}.free-tools .ft-ghost:disabled{opacity:.45;cursor:not-allowed}.free-tools .rn-out{top:calc(var(--ft-offset,0px) + 16px);border:1px solid var(--line);background:#0d0e14cc;border-radius:18px;gap:14px;min-width:0;padding:20px;scroll-margin-top:16px;display:grid;position:sticky}.free-tools .rn-copy{color:#fff;transition:filter .2s, transform .3s var(--ease);background:linear-gradient(#4d8bff,#2563ff);border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 10px 24px -10px #2563ffcc}.free-tools .rn-copy:hover:not(:disabled){filter:brightness(1.08)}.free-tools .rn-copy:active:not(:disabled){transform:scale(.98)}.free-tools .rn-copy:disabled{box-shadow:none;color:var(--mute);cursor:not-allowed;background:#ffffff14}.free-tools .rn-copy:focus-visible{border-radius:999px}.free-tools .rn-tabs{border:1px solid var(--line);background:var(--fill);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.free-tools .rn-tabs button{color:var(--mute);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.free-tools .rn-tabs button:hover{color:var(--ink)}.free-tools .rn-tabs button[aria-selected=true]{color:var(--ink);background:#ffffff1a;box-shadow:inset 0 1px #ffffff14}.free-tools .rn-count{color:var(--mute);background:#ffffff0f;border-radius:999px;padding:1px 7px;font-size:11px}.free-tools .rn-count.is-over{color:var(--dn);background:#ff6b7026}.free-tools .rn-panel{gap:12px;min-width:0;display:grid}.free-tools .rn-meter{gap:6px;display:grid}.free-tools .rn-meter span{color:var(--mute);font-size:12px}.free-tools .rn-bar{background:#ffffff0f;border-radius:999px;height:4px;overflow:hidden}.free-tools .rn-bar i{border-radius:inherit;background:var(--live);height:100%;transition:width .4s var(--ease), background .2s;display:block}.free-tools .rn-bar.is-near i{background:#ffb86b}.free-tools .rn-bar.is-over i{background:var(--dn)}.free-tools .rn-preview{border:1px solid var(--line);background:var(--fill);border-radius:14px;min-height:180px;max-height:460px;padding:18px;position:relative;overflow:auto}.free-tools .rn-preview pre{color:var(--ink);font-family:var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.free-tools .rn-preview.is-example pre{color:var(--mute)}.free-tools .rn-pill{float:right;border:1px solid var(--line-2);color:var(--mute);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin:-4px -4px 8px 12px;padding:2px 9px;font-size:11px}.free-tools .rn-checks{gap:6px;display:grid}.free-tools .rn-checks li{color:var(--text);grid-template-columns:18px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.5;display:grid}.free-tools .rn-checks li span{border-radius:50%;place-items:center;width:18px;height:18px;margin-top:1px;font-size:11px;font-weight:700;display:grid}.free-tools .rn-checks .is-ok span{color:var(--live);background:#3ddc9726}.free-tools .rn-checks .is-warn span{color:#ffb86b;background:#ffb86b26}.free-tools .rn-checks .is-error span{color:var(--dn);background:#ff6b7026}.free-tools .rn-checks .is-error{color:var(--ink)}.free-tools .rn-peek{display:none}@media (max-width:980px){.free-tools .rn-cols{grid-template-columns:1fr}.free-tools .rn-out{position:static}.free-tools .rn-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.free-tools .rn-peek{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text);background:#12141ce6;border:1px solid #6f86ff59;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex;position:sticky;bottom:12px;box-shadow:0 14px 30px -12px #000c}.free-tools .rn-peek b{color:var(--acc);margin-left:4px;font-weight:600}.free-tools .rn-peek i{color:var(--ink);font-style:normal}}@media (max-width:520px){.free-tools .rn-two{grid-template-columns:1fr}.free-tools .rn-out{padding:16px}.free-tools .rn-type-in{padding:12px}}