.tool-layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start;padding-block:2rem 4rem}@media (max-width:980px){.tool-layout{grid-template-columns:1fr}}.tool-form .field{margin-bottom:1.1rem}.tool-form label{font-family:var(--font-display);font-weight:600;font-size:0.92rem;display:block;margin-bottom:0.35rem}.tool-form input,.tool-form textarea,.tool-form select{width:100%;font-family:var(--font-body);font-size:0.92rem;padding:0.6em 0.75em;border:1px solid var(--color-line);border-radius:var(--radius-s);background:var(--color-paper);color:var(--color-ink)}.tool-form textarea{min-height:4.5em;resize:vertical}.tool-form input:focus,.tool-form textarea:focus,.tool-form select:focus{outline:none;border-color:var(--color-signal);box-shadow:0 0 0 3px rgba(62,123,224,0.15)}.field-hint{font-size:0.78rem;color:var(--color-ink-soft);margin-top:0.3rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem}.tool-radio-group{display:flex;gap:0.6rem;flex-wrap:wrap}.tool-radio-group label{display:flex;align-items:center;gap:0.4em;font-family:var(--font-body);font-weight:400;font-size:0.85rem;border:1px solid var(--color-line);border-radius:var(--radius-s);padding:0.4em 0.8em;cursor:pointer}.tool-radio-group input{width:auto}.tool-output{position:sticky;top:88px}.tool-output__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.9rem}.output-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-m);padding:1.1rem 1.25rem;margin-bottom:0.9rem;position:relative}.output-card__label{font-family:var(--font-data);font-size:0.7rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--color-amber-dim);margin-bottom:0.5rem;display:block}.output-card p,.output-card pre{margin:0;font-size:0.92rem;line-height:1.6;color:var(--color-ink);white-space:pre-wrap;font-family:var(--font-body)}.output-card__copy{margin-top:0.75rem;font-family:var(--font-data);font-size:0.75rem;background:none;border:1px solid var(--color-line);border-radius:var(--radius-s);padding:0.35em 0.8em;cursor:pointer;color:var(--color-signal)}.output-card__copy:hover{background:rgba(62,123,224,0.06)}.output-card__copy.is-copied{color:var(--color-good);border-color:var(--color-good)}.tool-empty{border:1px dashed var(--color-line);border-radius:var(--radius-m);padding:2.5rem 1.5rem;text-align:center;color:var(--color-ink-soft);font-size:0.9rem}