*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f5f6f8;color:#202124}header{position:sticky;top:0;z-index:20;height:62px;background:#d71920;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;box-shadow:0 2px 10px #0002}header button{border:0;background:#ffffff22;color:#fff;border-radius:12px;width:42px;height:42px;font-size:21px}header div{display:flex;flex-direction:column;flex:1;margin:0 12px}header small{opacity:.8;font-size:11px}main{max-width:1100px;margin:auto;padding:16px}.hero{background:linear-gradient(135deg,#d71920,#ef4444);color:white;border-radius:20px;padding:22px;box-shadow:0 8px 25px #0002}.hero h1{margin:0 0 5px;font-size:28px}.hero p{margin:0;opacity:.9}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}.card{border:0;background:#fff;border-radius:17px;padding:17px;text-align:left;box-shadow:0 3px 12px #00000012;cursor:pointer;min-height:120px}.card:active,.btn:active{transform:scale(.98)}.ico{font-size:28px}.card b{display:block;margin-top:7px}.card small{color:#666;display:block;margin-top:4px}#drawer{position:fixed;z-index:30;left:-320px;top:62px;width:310px;height:calc(100vh - 62px);background:#fff;padding:14px;box-shadow:4px 0 20px #0003;overflow:auto;transition:.22s}#drawer.open{left:0}#toolSearch{width:100%;padding:13px;border:1px solid #ddd;border-radius:12px;margin-bottom:10px}.cat{margin:8px 0 4px;color:#d71920;font-weight:800}.navitem{padding:10px;border-radius:9px;cursor:pointer}.navitem:hover{background:#f2f2f2}.toolbox{background:#fff;border-radius:18px;padding:18px;box-shadow:0 3px 14px #00000012}.toolbox h2{margin-top:0}.row{display:flex;gap:8px;flex-wrap:wrap}.input,.select,textarea{width:100%;padding:12px;border:1px solid #d8d8d8;border-radius:11px;background:#fff;font:inherit}.field{margin:10px 0}.field label{font-size:13px;font-weight:700;display:block;margin-bottom:5px}.btn{border:0;border-radius:11px;padding:11px 15px;background:#d71920;color:white;font-weight:700;cursor:pointer}.btn.alt{background:#eee;color:#222}.result{margin-top:14px;padding:14px;border-radius:12px;background:#f4f5f7;white-space:pre-line;overflow:auto;line-height:1.7;font-size:14px}.speed-result{min-height:120px}.progress{height:10px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin-top:12px}.progress i{display:block;width:0;height:100%;transition:width .25s}.back{border:0;background:transparent;font-size:16px;padding:6px 0 12px;color:#d71920;font-weight:700}video,audio,img.preview{max-width:100%;border-radius:12px}.preview{display:block;max-height:55vh;margin:10px auto}canvas{max-width:100%;border-radius:10px}body.dark{background:#151515;color:#eee}body.dark .card,body.dark .toolbox,body.dark #drawer{background:#222;color:#eee}body.dark .card small{color:#bbb}body.dark .input,body.dark .select,body.dark textarea{background:#2b2b2b;color:#fff;border-color:#555}body.dark .result{background:#303030}body.dark .btn.alt{background:#444;color:#fff}#toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#222;color:#fff;padding:10px 15px;border-radius:10px;display:none;z-index:100}.meter{height:18px;background:#ddd;border-radius:20px;overflow:hidden}.meter i{display:block;height:100%;width:0;background:#d71920;transition:.2s}@media(max-width:600px){main{padding:12px}.cards{grid-template-columns:repeat(2,1fr);gap:9px}.card{padding:13px;min-height:112px}.hero{padding:18px}.toolbox{padding:14px}#drawer{width:85vw}}\n