.tool{border-bottom:var(--stroke) solid var(--c-line)}.tool-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 40px;border-top:var(--stroke) solid var(--c-line)}.tool-btn{padding:9px 16px;border:var(--stroke) solid var(--c-control);background:var(--c-sheet);color:var(--c-primary);font-family:var(--font-main);font-size:12px;letter-spacing:.1em;cursor:pointer;transition:border-color var(--t-fast) var(--ease-draw),color var(--t-fast) var(--ease-draw)}.tool-btn:hover{border-color:var(--c-accent-text);color:var(--c-accent-text)}.tool-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.tool-bar-note{font-size:12px;letter-spacing:.08em;color:var(--c-accent-text)}.tool-bar+.tool-grid{border-top:none}.tool-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:1px;background:var(--c-hairline);border-top:var(--stroke) solid var(--c-line)}.tool-form,.tool-out{background:var(--c-sheet);padding:32px 40px 40px;min-width:0}.tool-live-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.tool-cap{font-size:12px;letter-spacing:.18em;color:var(--c-muted);padding-bottom:14px;margin-bottom:22px;border-bottom:var(--stroke) solid var(--c-hairline)}.tool-field{margin-bottom:22px}.tool-field>label,.tool-legend{display:block;font-family:var(--font-anno);font-style:normal;font-size:12px;letter-spacing:.1em;color:var(--c-muted);margin-bottom:9px}.tool-field select,.tool-field textarea,.tool-field input[type=number],.tool-field input[type=text],.tool-field input[type=date]{width:100%;padding:12px 13px;border:var(--stroke) solid var(--c-control);background:var(--c-sheet);color:var(--c-text);font-family:var(--font-main);font-size:15px;border-radius:0;appearance:none}.tool-field textarea{resize:vertical;min-height:84px;line-height:1.5}.tool-field input::placeholder,.tool-field textarea::placeholder{color:var(--c-placeholder);opacity:1}.tool-field select{background-image:linear-gradient(45deg,transparent 50%,var(--c-primary) 50%),linear-gradient(135deg,var(--c-primary) 50%,transparent 50%);background-position:calc(100% - 19px) calc(50% + 2px),calc(100% - 13px) calc(50% + 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:38px}.tool-field select:focus-visible,.tool-field textarea:focus-visible,.tool-field input:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.tool-hint{margin-top:7px;font-family:var(--font-anno);font-style:normal;font-size:12px;line-height:1.6;color:var(--c-muted)}.tool-opts{display:grid;gap:1px;background:var(--c-hairline);border:var(--stroke) solid var(--c-hairline)}.tool-opt{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--c-sheet);cursor:pointer;transition:background var(--t-fast) var(--ease-draw)}.tool-opt:hover{background:var(--c-row-hover)}.tool-opt input{margin:3px 0 0;accent-color:var(--c-primary);flex:none}.tool-opt span{font-size:14px;line-height:1.45;color:var(--c-ink-soft)}.tool-opt input:checked+span{color:var(--c-text);font-weight:500}.tool-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}@media(max-width:480px){.tool-row{grid-template-columns:1fr;gap:18px}}.tool-result{min-width:0}.tool-empty{font-size:14px;line-height:1.6;color:var(--c-muted);font-family:var(--font-anno);font-style:normal}.tool-big{font-size:34px;font-weight:600;letter-spacing:.03em;color:var(--c-text);line-height:1.15}.tool-big small{display:block;margin-top:6px;font-family:var(--font-anno);font-style:normal;font-size:12px;font-weight:400;letter-spacing:.1em;color:var(--c-muted)}.tool-block{padding:16px 0;border-bottom:var(--stroke) solid var(--c-hairline)}.tool-block:last-child{border-bottom:none}.tool-block-t{font-family:var(--font-anno);font-style:normal;font-size:12px;letter-spacing:.14em;color:var(--c-accent-text);margin-bottom:10px}.tool-list{margin:0;padding:0;list-style:none}.tool-list li{position:relative;padding:6px 0 6px 20px;font-size:14px;line-height:1.55;color:var(--c-ink-soft)}.tool-list li:before{content:"—";position:absolute;left:0;color:var(--c-accent-text);font-family:var(--font-anno)}.tool-list li.no:before{content:"×";color:var(--c-muted)}.tool-kv{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:baseline;padding:8px 0;border-bottom:var(--stroke) solid var(--c-hairline);font-size:14px}.tool-kv:last-child{border-bottom:none}.tool-kv>span:first-child{color:var(--c-ink-soft)}.tool-kv>span:last-child{font-weight:600;color:var(--c-text);font-variant-numeric:tabular-nums;text-align:right}.tool-flag{display:inline-block;padding:3px 9px;font-family:var(--font-anno);font-style:normal;font-size:12px;letter-spacing:.1em;border:var(--stroke) solid var(--c-control);color:var(--c-primary)}.tool-flag.warn{border-color:var(--c-accent-text);color:var(--c-accent-text)}.tool-src{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;padding:14px 40px;border-bottom:var(--stroke) solid var(--c-hairline);font-size:12px;letter-spacing:.1em;color:var(--c-muted)}.tool-src-l{color:var(--c-accent-text)}.tool-disc{margin:0;padding:18px 40px 26px;font-family:var(--font-anno);font-style:normal;font-size:12px;line-height:1.75;color:var(--c-muted);max-width:900px}@media(max-width:768px){.tool-field input[type=number],.tool-field input[type=text],.tool-field input[type=date],.tool-field select,.tool-field textarea{font-size:16px}}@media(max-width:900px){.tool-grid{grid-template-columns:1fr}.tool-bar{padding:14px 20px}.tool-form,.tool-out{padding:24px 20px 28px}.tool-src,.tool-disc{padding-left:20px;padding-right:20px}.tool-big{font-size:28px}}
