.toolbox-heading{padding-bottom:30px}.toolbox-filter{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.toolbox-filter>div{display:flex;flex-wrap:wrap;gap:7px}.toolbox-filter button{padding:10px 14px;border-radius:8px;background:transparent;color:#777786;font-size:12px}.toolbox-filter button.active{background:#eae6ff;color:#6350d9}.toolbox-filter input{height:40px;max-width:300px;min-width:210px;border:1px solid #e7e4ef;border-radius:8px;background:#fff;padding:0 13px;font-size:11px;color:#555}.toolbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.toolbox-card{position:relative;text-align:left;background:#fff;border:1px solid #e8e6ef;border-radius:14px;padding:23px;min-height:175px;transition:border-color .15s,transform .15s;box-shadow:0 3px 13px #34244f02}.toolbox-card:hover{border-color:#b9aef1;transform:translateY(-2px)}.toolbox-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#efecff;color:#6757e8;font-size:24px;font-weight:500}.toolbox-card:nth-child(3n+2) .toolbox-icon{background:#eaf5f0;color:#3f8b72}.toolbox-card:nth-child(3n) .toolbox-icon{background:#fff1e4;color:#b1804b}.toolbox-tag{position:absolute;right:21px;top:25px;color:#a09aaa;font-size:10px}.toolbox-card h2{font-size:16px;font-weight:600;margin:17px 0 9px;color:#34303f}.toolbox-card p{font-size:11px;line-height:1.8;color:#8d8798;margin:0}.toolbox-footnote{font-size:11px;line-height:1.9;color:#97909f;margin:25px 0 55px}.utility-workbench{margin-bottom:45px;border:1px solid #e6e2ed;border-radius:16px;background:#fff;overflow:hidden}.utility-top{display:flex;gap:20px;align-items:center;padding:20px 24px;border-bottom:1px solid #eeeaf3}.utility-top h2{font-size:18px;margin:0 0 7px;font-weight:600}.utility-top p{font-size:11px;color:#9690a0;margin:0}.utility-local{margin-left:auto;font-size:10px;white-space:nowrap;color:#4f9a80}.utility-layout{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:500px;align-items:start}.utility-controls{padding:25px 22px;border-right:1px solid #eeeaf3;align-self:stretch}.utility-field{display:block;font-size:11px;font-weight:500;color:#696170;margin-bottom:20px;line-height:1.7}.utility-field input,.utility-field select,.utility-field textarea{margin-top:8px}.utility-field input[type=file]{display:block;font-size:11px;width:100%;line-height:1.8;color:#8a7e99}.utility-field input[type=file]::file-selector-button{border:1px solid #ded6f5;background:#f6f2ff;color:#6954b0;border-radius:6px;padding:8px;margin-right:7px;font:inherit;cursor:pointer}.utility-field textarea{width:100%;padding:10px;border:1px solid #e5dfec;border-radius:7px;font-family:inherit;font-size:12px;line-height:1.9;color:#5f566a;resize:vertical;min-height:90px;max-height:450px}.utility-field input[type=color]{width:100%;height:34px;padding:3px;border:1px solid #e5dfec;border-radius:6px;background:white}.utility-field input[type=range]{display:block;width:100%;accent-color:#6757e8}.utility-controls>.primary-button{width:100%;margin:8px 0}.utility-controls>.small-button{margin-bottom:10px}.utility-note{font-size:10px;color:#9a90a2;line-height:1.9;margin:12px 0 20px}.utility-button-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.utility-work{padding:24px;min-width:0}.utility-preview{display:flex;align-items:center;justify-content:center;min-height:360px;max-height:700px;overflow:auto;border:1px solid #eae6ee;border-radius:10px;background:repeating-conic-gradient(#f5f3f8 0 25%,#eeebf2 0 50%) 0/18px 18px;padding:20px}.utility-empty{color:#a49aac;font-size:12px;text-align:center;line-height:1.8;padding:0 20px}.utility-canvas{display:block;max-width:100%;max-height:620px;width:auto;height:auto;box-shadow:0 5px 18px #2b13331c;object-fit:contain}.utility-preview.has-canvas{align-items:flex-start}.utility-status{font-size:11px;color:#857093;line-height:1.9;min-height:22px;margin:15px 0 12px;overflow-wrap:anywhere}.utility-results{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.utility-results .primary-button{font-size:12px}.utility-file-row{display:flex;align-items:center;gap:4px;padding:8px 0;border-bottom:1px solid #f0edf5}.utility-file-row>span{flex:1;min-width:0;font-size:10px;color:#83788f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utility-file-row button{padding:3px 7px;min-height:25px;font-size:10px}.utility-file-list{margin:10px 0 20px}.pdf-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;min-height:320px;padding:14px;max-height:700px}.pdf-page-card{background:#fff;border:1px solid #e1dbe9;border-radius:8px;padding:10px;min-width:0}.pdf-page-card>label{display:flex;align-items:center;gap:6px;font-size:9px;color:#8b8096;line-height:1.6}.pdf-page-card>label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-page-card input{accent-color:#6757e8}.pdf-thumb{height:165px;display:flex;justify-content:center;align-items:center;background:#f7f6fa;margin-top:10px;overflow:hidden;font-size:10px;color:#b2a8bb}.pdf-thumb canvas{max-width:100%;max-height:160px;object-fit:contain}.pdf-page-card .utility-button-row{gap:4px;margin-bottom:0}.pdf-page-card .small-button{font-size:9px;padding:4px 6px;min-height:25px}.random-result{font-family:inherit;font-size:23px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;color:#514263;text-align:center;padding:24px;margin:0}.qr-result{font-family:inherit;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;color:#655771;width:100%}.ocr-result{display:block;width:100%;height:200px;border:1px solid #e2d9eb;border-radius:8px;padding:13px;font-family:inherit;font-size:13px;line-height:1.9;color:#62536d;margin:18px 0 10px}.ocr-result~.small-button{margin-right:9px}.toolbox-home{min-height:50vh}
@media(max-width:1100px){.toolbox-filter{align-items:flex-start}.toolbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-layout{grid-template-columns:265px minmax(0,1fr)}.pdf-pages{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-work{padding:18px}.utility-top{padding:18px}}
@media(max-width:760px){.site-header{height:auto;min-height:74px;flex-wrap:wrap;padding-top:12px;padding-bottom:10px;gap:8px 15px}.site-header nav{min-height:35px;gap:10px}.site-header .nav-button{font-size:11px}.toolbox-filter{display:block}.toolbox-filter>div{gap:2px;margin-bottom:14px}.toolbox-filter button{font-size:10px;padding:9px}.toolbox-filter input{width:100%;max-width:none}.toolbox-grid{gap:10px}.toolbox-card{padding:16px;min-height:168px;border-radius:11px}.toolbox-icon{width:33px;height:33px;font-size:20px}.toolbox-tag{right:14px;top:22px;font-size:8px}.toolbox-card h2{font-size:13px;line-height:1.5;margin:15px 0 8px}.toolbox-card p{font-size:10px;line-height:1.8}.utility-top{padding:15px;gap:12px;flex-wrap:wrap}.utility-top h2{font-size:15px}.utility-top p{font-size:10px}.utility-top>.small-button{font-size:10px}.utility-local{display:none}.utility-layout{display:flex;flex-direction:column}.utility-controls{width:100%;border-right:0;border-bottom:1px solid #eeeaf3;padding:20px}.utility-work{padding:15px;width:100%}.utility-preview{min-height:240px;max-height:600px;padding:13px}.utility-canvas{max-height:520px}.pdf-pages{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.utility-field textarea,.utility-field input[type=text],.utility-field input[type=number]{font-size:16px}.toolbox-footnote{font-size:10px}.random-result{font-size:20px;padding:10px}.utility-top [data-tools-back]{flex-shrink:0}.utility-results{align-items:stretch}.utility-results .primary-button{width:100%;font-size:11px}}
.utility-mobile-jump{display:none}@media(max-width:760px){.utility-mobile-jump{display:flex;position:sticky;top:0;z-index:4;background:#ffffffef;backdrop-filter:blur(8px);border-bottom:1px solid #eae4f4;padding:8px 15px;gap:8px}.utility-mobile-jump button{flex:1;padding:8px;border-radius:6px;background:#f3f0fc;color:#827098;font-size:11px}.utility-controls{scroll-margin-top:55px}}
a.toolbox-card{color:var(--ink);text-decoration:none;cursor:pointer;text-align:left}