.toolbox-intro{padding:12px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:25px}.toolbox-intro h1{font-size:34px;letter-spacing:-1px;margin:12px 0}.toolbox-intro p{font-size:13px;color:var(--muted);margin:0}.utility-nav{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:24px}.utility-nav a{border:1px solid var(--line);border-radius:7px;background:#fff;color:#68785f;padding:9px 14px;font-size:12px}.utility-nav a[aria-current=page]{color:#fff;background:var(--green);border-color:var(--green)}.utility-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start}.utility-grid h2,.utility-results h2,.tools-page>.card-plain h2{font-size:20px;margin:8px 0 18px}.utility-grid textarea{min-height:130px}.utility-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.utility-options .form-field{margin-top:16px}.utility-status{font-size:12px;color:#718169;margin-top:16px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}.utility-status.error{color:#aa4b37}.utility-caption{font-size:11px;color:#84917a;line-height:1.9;overflow-wrap:anywhere}.qr-preview{text-align:center}.qr-preview canvas{display:block;max-width:100%;width:290px;height:auto;margin:20px auto;background:white}.qr-preview .button-row{justify-content:center}.empty-utility{display:grid;place-items:center;background:#f5f8f0;border:1px dashed #d3deca;border-radius:9px;min-height:290px;color:#98a18c;font-size:13px;margin:20px 0}.utility-picker{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;background:#f6f9f1;border:1px dashed #b7c6aa;border-radius:8px;min-height:145px;text-align:center;padding:20px;cursor:pointer;margin:16px 0}.utility-picker strong{font-size:14px;color:var(--green)}.utility-picker span{font-size:11px;color:#839377}.utility-picker input,.video-file-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.utility-picker:focus-within,.video-file-label:focus-within{outline:3px solid #32684f44;outline-offset:3px}.video-file-label{position:relative;cursor:pointer;overflow:hidden}.utility-tips{padding-left:19px;margin:0;color:#74836b;font-size:12px;line-height:1.95}.utility-tips li{margin-bottom:13px}.utility-results{margin-top:24px}.archive-list{max-height:420px;overflow:auto;border-top:1px solid var(--line)}.archive-entry{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid #edf1e8}.archive-entry>div{min-width:0}.archive-entry strong{display:block;overflow-wrap:anywhere;font-size:12px;font-weight:500}.archive-entry small{color:#8b987f;font-size:10px}.archive-entry button{flex-shrink:0;font-size:11px;min-height:34px;padding:6px 13px}.utility-bottom-note{font-size:11px;color:#8d9982;line-height:1.9;margin:30px 0 15px}.tools-page [hidden]{display:none!important}.utility-grid .btn-main:disabled,.frame-controls button:disabled{opacity:.5;cursor:default}.tools-page #frame-video{display:block;width:100%;max-height:520px;background:#152219;margin:18px 0;border-radius:7px}.frame-controls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.frame-controls .form-field{margin:0;width:140px}.frame-controls button{padding:10px 12px;font-size:12px}.frame-controls input{padding:9px!important}.tools-page #frame-canvas{display:block;width:100%;height:auto;background:#17251d;cursor:crosshair;touch-action:none;border-radius:5px}.crop-inputs{gap:10px;margin-bottom:14px}.crop-inputs .form-field{margin-top:8px}.crop-inputs label{font-size:11px}.crop-inputs input{padding:8px!important}.tools-page #frame-result{max-height:280px;display:block;margin-bottom:10px;border:1px solid var(--line);object-fit:contain}.more-tools{padding:25px 0 10px}.more-tools h2{font-size:20px;margin:8px 0 15px}.extra-tools-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.extra-tools-nav a{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px;color:var(--ink)}.extra-tools-nav strong{font-size:13px;display:block;margin-bottom:7px}.extra-tools-nav small{font-size:11px;color:#829277;display:block}.extra-tools-nav a:hover{border-color:#91a78a;text-decoration:none}.utility-grid .button-row{margin-top:19px}
@media(max-width:720px){.utility-grid{grid-template-columns:1fr}.toolbox-intro{align-items:flex-start;flex-direction:column;gap:10px}.toolbox-intro h1{font-size:27px}.toolbox-intro p{font-size:12px}.utility-nav{gap:7px;padding-bottom:18px}.utility-nav a{padding:7px 10px;font-size:11px}.utility-options{gap:10px}.utility-grid>.card-plain{padding:21px}.extra-tools-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.extra-tools-nav a{padding:14px}.extra-tools-nav strong{font-size:12px}.extra-tools-nav small{font-size:10px}.frame-controls{gap:8px}.frame-controls .form-field{width:100%}.qr-preview canvas{width:250px}.tools-page>.card-plain .tool-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.utility-results .tool-section-heading{align-items:flex-start;flex-direction:column}}
#qr-read-preview{display:block;max-width:100%;max-height:260px;object-fit:contain;margin:18px auto;background:#fff;border:1px solid var(--line);border-radius:6px}#qr-read-content{min-height:170px;overflow-wrap:anywhere;font-size:12px}#qr-read-empty{min-height:190px}.qr-reader-section{padding-top:5px}