.tool-wrap{gap:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);background:#ffffffd1;padding:clamp(20px,3vw,32px);display:grid}.tool-wrap form{gap:var(--space-5);display:grid}.tool-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-field{align-content:start;gap:6px;display:grid}.tool-field label{color:var(--ink);font-size:var(--fs-base);font-weight:var(--fw-heavy);letter-spacing:-.01em}.tool-field .hint{color:var(--muted);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:0;margin-top:2px;display:block}.tool-field input,.tool-field select,.tool-field textarea{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:44px;color:var(--ink);font:var(--fw-semibold) var(--fs-md) var(--body);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;padding:10px 14px}.tool-field textarea{resize:vertical;min-height:168px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-sm);white-space:pre;overflow-wrap:normal;line-height:1.65;overflow-x:auto}.tool-field input:hover,.tool-field select:hover,.tool-field textarea:hover{border-color:rgba(var(--berry-rgb), .3)}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:var(--berry);box-shadow:0 0 0 3px rgba(var(--berry-rgb), .12);outline:none}.tool-field input[type=color]{cursor:pointer;padding:4px}.tool-field input[readonly],.tool-field textarea[readonly]{background:var(--surface-2);color:var(--muted)}.tool-checks{gap:10px;display:grid}.tool-check{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:20px 1fr;align-items:start;gap:10px;padding:12px 14px;display:grid}.tool-check input{width:18px;height:18px;accent-color:var(--berry);margin:2px 0 0}.tool-check label{color:var(--ink);font-size:var(--fs-base);font-weight:var(--fw-heavy)}.tool-check .hint{color:var(--muted);font-size:var(--fs-xs);font-weight:var(--fw-medium);display:block}.tool-check input:disabled+div .hint{opacity:.85}.tool-result{gap:var(--space-3);border:1px solid rgba(var(--berry-rgb), .22);border-radius:var(--radius-xl);background:linear-gradient(145deg, var(--surface), var(--berry-soft));padding:clamp(18px,2.6vw,26px);display:grid}.tool-result[hidden]{display:none}.tool-result .big{font-family:var(--display);font-size:clamp(2.4rem,6vw,3.6rem);font-weight:var(--fw-semibold);letter-spacing:-.04em;color:var(--berry);line-height:1}.tool-result .sub{color:var(--ink);font-size:var(--fs-lg);font-weight:var(--fw-heavy);margin:-4px 0 0}.tool-result .total,.tool-result .note{color:var(--muted);font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0}.tool-result>code{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-base);overflow-wrap:anywhere;padding:14px 16px;line-height:1.6;display:block}.tool-result.is-neutral{border-color:var(--line);background:var(--surface-2)}.tool-result.is-neutral .big{color:var(--ink)}.tool-actions{flex-wrap:wrap;gap:10px;display:flex}.tool-actions .btn{min-height:40px}.tool-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.tool-stat{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffb8;padding:12px 14px}.tool-stat dt{color:var(--muted);font-size:var(--fs-xs);font-weight:var(--fw-heavy);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px}.tool-stat dd{color:var(--ink);font-size:var(--fs-xl);font-weight:var(--fw-heavy);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0}.tool-table-wrap{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);overflow-x:auto}.tool-table{border-collapse:collapse;width:100%;min-width:560px;font-size:var(--fs-base)}.tool-table th,.tool-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px}[dir=rtl] .tool-table th,[dir=rtl] .tool-table td{text-align:right}.tool-table th{color:var(--muted);font-size:var(--fs-xs);font-weight:var(--fw-heavy);letter-spacing:.06em;text-transform:uppercase}.tool-table td{color:var(--ink);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.tool-table tbody tr:last-child td{border-bottom:0}.tool-table tr.is-leak td{background:var(--berry-soft)}.tool-table tr.is-leak td:first-child{box-shadow:inset 3px 0 0 var(--berry)}[dir=rtl] .tool-table tr.is-leak td:first-child{box-shadow:inset -3px 0 0 var(--berry)}.tool-table .num{font-variant-numeric:tabular-nums}.tool-issues{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tool-issues li{border:1px solid rgba(var(--accent-pink-rgb), .28);border-radius:var(--radius-md);color:var(--ink);font-size:var(--fs-base);font-weight:var(--fw-semibold);background:#fffc;padding:10px 14px}.tool-issues li.is-ok{border-color:var(--line);color:var(--muted)}.tool-code{max-height:460px;margin:0;overflow:auto}.tool-code code{white-space:pre;font-size:var(--fs-sm);display:block}.tool-sub-head{gap:4px;display:grid}.tool-sub-head h2{font-size:var(--fs-2xl);letter-spacing:-.02em;margin:0}.tool-sub-head p{color:var(--muted);font-size:var(--fs-md);margin:0}.tool-divider{background:var(--line);border:0;height:1px;margin:0}@media (width<=760px){.tool-grid,.tool-grid.three{grid-template-columns:1fr}}