.toolbox{padding:26px}.tool-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.tool-hero h2{font-size:23px;color:#405273;margin:13px 0}.tool-hero p{font-size:12px;color:#7b89a0;line-height:1.9;max-width:620px}.tool-hero>.outline{white-space:nowrap;font-size:12px}.tool-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding-bottom:18px;border-bottom:1px solid #e8edf5}.tool-tabs button{font-size:12px;color:#7b88a1;border:1px solid #e8edf5;background:#f8faff;border-radius:8px;padding:11px 15px}.tool-tabs button[aria-pressed=true]{color:#466be1;border-color:#cbd9ff;background:#edf2ff}.tool-message{font-size:12px;line-height:1.8;min-height:24px;color:#54799a;margin:13px 0}.tool-error,.tool-message.tool-error{color:#bd596d}.tool-good{color:#348a6e}.tool-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.tool-section-title h3{font-size:15px;color:#485c7b;margin:10px 0}.tool-section-title>span{font-size:10px;color:#8798b3;white-space:nowrap}.tool-note{font-size:11px;color:#8291aa;line-height:1.9;overflow-wrap:anywhere}.tool-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.toolbox label{display:block;font-size:12px;color:#667a98;margin:17px 0;line-height:1.7}.toolbox textarea,.toolbox input,.toolbox select{display:block;box-sizing:border-box;width:100%;border:1px solid #dce4f2;border-radius:9px;background:#fafcff;padding:12px;font-size:12px;color:#425574;margin-top:9px;min-width:0}.toolbox textarea{height:270px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.7;tab-size:2;white-space:pre;overflow-wrap:normal}.toolbox textarea[readonly]{background:#f5f8fd}.toolbox .tool-short{height:135px}.toolbox .tool-time-result{height:142px}.toolbox .tool-hash-result{height:80px;white-space:pre-wrap;overflow-wrap:anywhere}.toolbox input[type=file]{padding:14px}.toolbox input[type=file]::file-selector-button{padding:8px 12px;border:1px solid #d9e3f7;border-radius:6px;background:white;color:#56719c;margin-right:10px}.tool-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:16px 0}.tool-actions button,.toolbox>section>.ghost{font-size:12px;min-height:38px}.toolbox button:disabled{opacity:.45;cursor:not-allowed}.toolbox button:focus-visible,.toolbox input:focus-visible,.toolbox textarea:focus-visible,.toolbox select:focus-visible{outline:2px solid #7898ed;outline-offset:3px}.tool-diff-output{max-height:480px;overflow:auto;border:1px solid #e6ebf4;border-radius:8px;background:#fafcff;font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.tool-diff-output:empty{display:none}.tool-diff-line{display:flex;align-items:flex-start;min-width:fit-content;line-height:1.8;padding:3px 9px}.tool-diff-numbers{display:block;flex:0 0 85px;text-align:right;padding-right:14px;color:#9aa8bc;user-select:none}.tool-diff-sign{display:block;flex:0 0 24px;font-weight:600;user-select:none}.tool-diff-text{white-space:pre;tab-size:4;display:block;padding-right:14px}.tool-diff-add{background:#eaf8f1;color:#36785e}.tool-diff-remove{background:#fff0f1;color:#ab5967}.tool-diff-same{color:#73819b}.tool-qr-result{display:flex;flex-direction:column;align-items:center;gap:8px;margin:23px 0}.tool-qr-result canvas{display:block;max-width:min(100%,330px);height:auto;border:1px solid #e2e8f3;image-rendering:pixelated}.toolbox [hidden]{display:none!important}.tool-credit{font-size:10px;border-top:1px solid #eef1f7;padding-top:16px;margin-top:25px}.toolbox [data-tool-hash-match]{font-size:12px;line-height:1.8;overflow-wrap:anywhere}@media(max-width:760px){.toolbox{padding:19px}.tool-hero{display:block}.tool-hero h2{font-size:21px}.tool-hero p{font-size:11px}.tool-hero>.outline{margin-top:9px}.tool-tabs{gap:7px}.tool-tabs button{flex:1 1 125px;padding:11px 9px;font-size:11px}.tool-columns{grid-template-columns:1fr;gap:0}.toolbox textarea{height:210px}.tool-section-title{align-items:flex-start}.tool-section-title>span{white-space:normal;text-align:right;max-width:45%;line-height:1.7;margin-top:10px}.tool-diff-numbers{flex-basis:60px;font-size:10px}.toolbox .tool-time-result{height:170px}.tool-actions button{flex:1 1 100px}.toolbox .tool-hash-result{height:94px}}
