@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{color:#15213a;font-synthesis:none;background:#f7faff;font-family:Outfit,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f7faff;min-width:320px;margin:0}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #8cc1ff}.app-shell{min-height:100vh;overflow:hidden}.site-header{justify-content:space-between;align-items:center;width:min(1140px,100% - 40px);height:76px;margin:auto;display:flex}.brand{color:#15213a;background:0 0;border:0;align-items:center;gap:9px;padding:6px 0;font-size:20px;font-weight:600;display:flex}.brand b{color:#287ef3}.brand-mark{color:#fff;background:linear-gradient(135deg,#0b6df0,#5da8ff);border-radius:10px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 5px 12px #2379e540}nav{gap:29px;margin-left:82px;display:flex}nav button,nav a{color:#697896;background:0 0;border:0;padding:5px 0;font-size:14px;text-decoration:none;transition:color .2s}nav button.active,nav button:hover,nav a:hover{color:#1a72e5}.github-link{color:#4c5e7d;align-items:center;gap:7px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.github-link:hover{color:#1a72e5}.hero{background:radial-gradient(circle at 83% 22%,#daedff 0,#eaf5ff 21%,#0000 41%),linear-gradient(125deg,#eaf4ff,#f4f9ff);border-radius:30px;grid-template-columns:1.1fr .9fr;align-items:center;width:min(1140px,100% - 40px);min-height:475px;margin:30px auto 76px;padding:64px 74px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";border:1px solid #bedfff;border-radius:50%;width:460px;height:460px;position:absolute;bottom:-287px;right:-196px;box-shadow:0 0 0 38px #dceeff80,0 0 0 76px #e9f4ffb3}.hero-copy{z-index:1;position:relative}.hero-badge,.eyebrow{color:#2478e9;letter-spacing:1.3px;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.hero-badge{letter-spacing:.3px;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;display:inline-flex;box-shadow:0 5px 16px #7396c31a}.hero h1{letter-spacing:-2.4px;margin:20px 0 15px;font-size:clamp(41px,4.5vw,58px);line-height:1.11}.hero h1 em{color:#247bf0;font-style:normal}.hero p{color:#637390;max-width:455px;margin:0;font-size:16px;line-height:1.75}.hero-button,.primary-button{color:#fff;background:linear-gradient(135deg,#2079ed,#549dff);border:0;justify-content:center;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 20px #1677ef38}.hero-button:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #1677ef43}.hero-button{border-radius:10px;margin-top:27px;padding:13px 18px;font-size:14px;font-weight:600}.hero-art{height:270px;position:relative}.orb{filter:blur(.1px);border-radius:50%;position:absolute}.orb-one{background:linear-gradient(145deg,#bddfff,#e4f2ff);width:206px;height:206px;top:27px;right:26px}.orb-two{background:#f5faff;border:1px solid #d4e8ff;width:133px;height:133px;top:86px;right:142px}.code-window{z-index:1;background:#fff;border:1px solid #d9e9fa;border-radius:13px;width:290px;animation:5s ease-in-out infinite float;position:absolute;top:40px;right:0;overflow:hidden;transform:rotate(-3deg);box-shadow:0 20px 35px #557da629}.window-top{color:#93a0b6;border-bottom:1px solid #eff4f9;align-items:center;gap:5px;height:35px;padding:0 12px;font:10px DM Mono,monospace;display:flex}.window-top i{background:#b7c6d8;border-radius:50%;width:6px;height:6px}.window-top span{margin-left:7px}.code-window pre{color:#576784;margin:0;padding:21px 19px;font:12px/1.9 DM Mono,monospace}.code-window code span{color:#a35cd4}.code-window code b{color:#2779dd;font-weight:500}.window-status{color:#43855a;background:#f2fbf5;align-items:center;gap:7px;padding:10px 16px;font-size:11px;display:flex}.tools-section{width:min(1140px,100% - 40px);margin:0 auto 78px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.section-heading h2,.tool-intro h1{letter-spacing:-1px;margin:7px 0 0;font-size:29px}.section-heading p{color:#7a88a0;margin:0;font-size:14px}.tool-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.tool-card{text-align:left;color:#1c2a45;background:#fff;border:1px solid #e2ebf7;border-radius:15px;min-height:166px;padding:22px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative}.tool-card.available:hover{border-color:#abd2ff;transform:translateY(-5px);box-shadow:0 13px 24px #6a91be16}.tool-card.disabled{cursor:default;opacity:.58}.tool-icon{color:#287ff1;background:#eaf4ff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.tool-card-content{margin-top:19px;display:block}.tool-card strong{font-size:15px;display:block}.tool-card small{color:#7887a0;margin-top:7px;font-size:12px;line-height:1.5;display:block}.tool-arrow{color:#78aef2;position:absolute;bottom:19px;right:17px}.soon{color:#8c9ab0;font-size:11px;position:absolute;top:19px;right:16px}.values{border-top:1px solid #dfebf8;border-bottom:1px solid #dfebf8;grid-template-columns:repeat(3,1fr);gap:45px;width:min(1140px,100% - 40px);margin:0 auto 65px;padding:29px 44px;display:grid}.values>div{padding-left:43px;position:relative}.value-icon{color:#438dee;place-items:center;display:grid;position:absolute;top:1px;left:0}.values h3{margin:0 0 7px;font-size:15px}.values p{color:#7d8aa0;margin:0;font-size:12px;line-height:1.6}footer{color:#9aa8bc;justify-content:space-between;width:min(1140px,100% - 40px);margin:auto;padding:0 0 25px;font:11px DM Mono,monospace;display:flex}.tool-workspace{width:min(1140px,100% - 40px);margin:43px auto 86px}.tool-intro{justify-content:space-between;align-items:start;gap:20px;margin-bottom:30px;display:flex}.tool-intro p{color:#74829b;max-width:580px;margin:10px 0 0;font-size:14px;line-height:1.65}.text-button{color:#6a7a94;background:0 0;border:0;flex:none;align-items:center;gap:6px;margin-top:10px;padding:8px 0;font-size:13px;display:inline-flex}.text-button:hover{color:#1a74e9}.converter-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.converter-card{background:#fff;border:1px solid #dce9f7;border-radius:18px;min-height:463px;padding:27px;position:relative;box-shadow:0 10px 25px #5c83b609}.card-heading{align-items:flex-start;gap:13px;margin-bottom:22px;display:flex}.step-number{color:#287ced;background:#eaf4ff;border-radius:9px;flex:none;place-items:center;width:29px;height:29px;font:12px DM Mono,monospace;display:grid}.card-heading h2{margin:0;font-size:17px}.card-heading p{color:#8390a5;margin:5px 0 0;font-size:12px}.dropzone{color:#7e8da5;cursor:pointer;background:#f9fcff;border:1.5px dashed #a9d0ff;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:195px;transition:background .2s,border-color .2s;display:flex}.dropzone:hover{background:#f2f8ff;border-color:#4d9afb}.dropzone input{display:none}.dropzone strong{color:#42536e;margin-top:4px;font-size:13px}.dropzone span:last-child{font-size:11px}.upload-icon{color:#327fe9;background:#e5f2ff;border-radius:12px;place-items:center;width:45px;height:45px;display:grid}.file-meta{color:#52627c;background:#f5f9fe;border-radius:9px;align-items:center;gap:9px;margin-top:13px;padding:10px 12px;font-size:12px;display:flex}.file-meta small{color:#8a98ad;margin-left:auto}.source-preview{object-fit:contain;background:#f5f8fc;border-radius:9px;width:100%;max-height:140px;margin-top:13px}textarea{resize:vertical;color:#31415c;background:#fbfdff;border:1px solid #dce6f2;border-radius:12px;width:100%;height:218px;padding:14px;font:12px/1.55 DM Mono,monospace;transition:border-color .2s,box-shadow .2s}textarea::placeholder{color:#a3afc1}textarea:focus{border-color:#54a0fa;outline:none;box-shadow:0 0 0 4px #74b4ff1f}.actions{gap:10px;margin-top:14px;display:flex}.primary-button,.secondary-button,.download-button{border-radius:9px;padding:10px 14px;font-size:13px;font-weight:600}.secondary-button{color:#53647e;background:#fff;border:1px solid #d6e3f1;align-items:center;gap:7px;display:inline-flex}.secondary-button:hover:not(:disabled){color:#2379e8;border-color:#9bc6fa}.secondary-button:disabled{cursor:not-allowed;opacity:.5}.result-area{background:#f9fcff;border:1px solid #dcedfc;border-radius:12px;grid-template-columns:95px 1fr;align-items:center;gap:13px;margin-top:17px;padding:10px;animation:.35s both reveal;display:grid}.result-area img{object-fit:contain;background:repeating-conic-gradient(#eaf0f8 0 25%, #fff 0 50%) 50% / 16px 16px;border-radius:7px;width:95px;height:80px}.result-area div{gap:10px;display:grid}.result-area span{color:#348450;align-items:center;gap:6px;font-size:12px;display:inline-flex}.download-button{color:#2379e7;background:#e6f3ff;border:0;align-items:center;gap:6px;width:fit-content;display:inline-flex}.download-button:hover{background:#d9ecff}.privacy-note{color:#65758e;background:#eff7ff;border-radius:10px;align-items:center;gap:8px;margin-top:20px;padding:13px 16px;font-size:12px;display:flex}.privacy-note svg{color:#287ce9}.toast{z-index:5;color:#fff;border-radius:10px;padding:12px 16px;font-size:13px;animation:.25s both reveal;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #24436c2b}.toast.success{background:#287fdf}.toast.error{background:#d35252}@keyframes float{50%{transform:rotate(-3deg)translateY(-8px)}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}}@media (width<=760px){.site-header{width:min(100% - 28px,600px);height:67px}.github-link{font-size:0}.github-link svg{width:21px;height:21px}nav{display:none}.hero{border-radius:21px;width:calc(100% - 28px);min-height:0;margin-top:15px;margin-bottom:53px;padding:46px 28px;display:block}.hero h1{letter-spacing:-2px;font-size:42px}.hero-art{height:205px;margin-top:22px}.code-window{width:252px;top:18px;right:1px}.orb-one{width:170px;height:170px}.tools-section,.tool-workspace{width:calc(100% - 28px)}.section-heading{display:block}.section-heading p{margin-top:9px}.tool-grid{grid-template-columns:1fr 1fr;gap:11px}.tool-card{min-height:154px;padding:17px}.values{grid-template-columns:1fr;gap:25px;width:calc(100% - 28px);padding:23px 0}.tool-intro{display:block}.text-button{margin-top:12px}.converter-grid{grid-template-columns:1fr}.converter-card{min-height:0;padding:20px}.tool-workspace{margin-top:28px}.privacy-note{align-items:flex-start;line-height:1.55}footer{width:calc(100% - 28px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}nav button{cursor:pointer}.show-all-button,.back-button{color:#2879e5;background:0 0;border:0;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.show-all-button:hover,.back-button:hover{color:#125fc6}.home-tools{overflow:hidden}.tool-carousel-wrap{position:relative}.tool-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(25% - 11.25px);grid-auto-flow:column;gap:15px;padding:3px 0 10px;display:grid;overflow-x:auto}.tool-carousel::-webkit-scrollbar{display:none}.tool-card{scroll-snap-align:start;padding:0;overflow:hidden}.tool-card-main{text-align:left;width:100%;min-height:166px;color:inherit;cursor:pointer;background:0 0;border:0;padding:22px;text-decoration:none;display:block;position:relative}.tool-card.disabled .tool-card-main{cursor:default}.tool-card-main:disabled{color:inherit}.tool-card .tool-card-content{padding-right:5px}.tool-card .tool-card-content em{color:#5a9cf1;margin-top:10px;font-family:DM Mono,monospace;font-size:10px;font-style:normal;display:block}.favourite-button{z-index:2;color:#8c9bb1;background:#f4f8fd;border:0;border-radius:9px;place-items:center;width:31px;height:31px;padding:0;transition:color .2s,background .2s,transform .2s;display:grid;position:absolute;top:15px;right:15px}.favourite-button:hover,.favourite-button[aria-pressed=true]{color:#e65273;background:#fff1f4}.favourite-button:hover{transform:scale(1.08)}.tool-card .soon{top:auto;bottom:21px}.carousel-control{z-index:3;color:#2879e5;background:#fff;border:1px solid #dce9f8;border-radius:50%;place-items:center;width:35px;height:35px;padding:0;transition:transform .2s,background .2s;display:grid;position:absolute;top:50%;box-shadow:0 5px 15px #5175a929}.carousel-control:hover{background:#edf6ff;transform:translateY(-50%)scale(1.05)}.carousel-control.previous{left:-17px;transform:translateY(-50%)}.carousel-control.next{right:-17px;transform:translateY(-50%)}.carousel-hint{color:#94a2b7;margin:11px 0 0;font-size:12px}.toolbox-page{width:min(1140px,100% - 40px);margin:38px auto 82px}.toolbox-hero{background:radial-gradient(circle at 90% 0,#dceeff,#0000 30%),linear-gradient(135deg,#eaf5ff,#f9fcff);border-radius:24px;padding:54px 60px}.toolbox-hero .back-button{margin-bottom:30px}.toolbox-hero h1{letter-spacing:-1.8px;margin:8px 0 10px;font-size:clamp(34px,4vw,48px)}.toolbox-hero p{color:#6e7d95;max-width:570px;margin:0;font-size:15px;line-height:1.7}.toolbox-controls{justify-content:space-between;align-items:center;gap:28px;margin:31px 0 25px;display:flex}.search-field{color:#6790bf;background:#fff;border:1px solid #d8e5f3;border-radius:11px;flex:0 360px;align-items:center;gap:10px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.search-field:focus-within{border-color:#5ba2f8;box-shadow:0 0 0 4px #77b7ff22}.search-field input{color:#30425e;background:0 0;border:0;outline:0;width:100%;padding:12px 0;font-size:13px}.category-tabs{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.category-tabs button{color:#64748e;background:#fff;border:1px solid #dce7f5;border-radius:999px;padding:8px 11px;font-size:12px;transition:all .2s}.category-tabs button:hover{color:#2677df;border-color:#99c8fc}.category-tabs button.active{color:#fff;background:#287fec;border-color:#287fec;box-shadow:0 4px 10px #2d82e430}.toolbox-results>p{color:#8997aa;margin:0 0 15px;font-size:12px}.all-tools{grid-template-columns:repeat(4,1fr)}.empty-state{text-align:center;color:#8290a5;padding:65px 20px}.empty-state svg{color:#7eafea}.empty-state h2{color:#41536e;margin:13px 0 7px;font-size:17px}.empty-state p{margin:0;font-size:13px}.tool-intro .back-button{margin-bottom:17px;display:flex}.preview-image-button{background:repeating-conic-gradient(#eaf0f8 0 25%, #fff 0 50%) 50% / 16px 16px;cursor:zoom-in;border:0;border-radius:7px;width:95px;height:80px;padding:0;display:grid;position:relative;overflow:hidden}.preview-image-button img{object-fit:contain;width:100%;height:100%}.preview-image-button span{color:#fff;opacity:0;background:#145dafca;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.preview-image-button:hover span,.preview-image-button:focus-visible span{opacity:1}.result-area>div{min-width:0}.image-viewer{z-index:20;background:#0d2447d9;place-items:center;padding:25px;animation:.2s both reveal;display:grid;position:fixed;inset:0}.image-viewer-content{background:#fff;border-radius:15px;flex-direction:column;width:min(100%,1050px);max-height:calc(100vh - 50px);display:flex;overflow:hidden;box-shadow:0 20px 50px #00000047}.image-viewer-header{color:#344763;border-bottom:1px solid #e5edf7;justify-content:space-between;align-items:center;min-height:53px;padding:0 17px;font-size:14px;font-weight:600;display:flex}.image-viewer-header button{color:#61728d;background:#f1f6fc;border:0;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid}.image-viewer-header button:hover{color:#206fd9;background:#e5f1ff}.image-viewer-content>img{object-fit:contain;background:repeating-conic-gradient(#e7edf5 0 25%, #fff 0 50%) 50% / 22px 22px;flex:1;width:100%;min-height:0}.viewer-download{align-self:center;margin:14px}@media (width<=760px){.tool-carousel{grid-auto-columns:calc(100% - 25px)}.carousel-control{display:none}.toolbox-page{width:calc(100% - 28px);margin-top:21px}.toolbox-hero{border-radius:19px;padding:35px 25px}.toolbox-hero h1{font-size:35px}.toolbox-controls{margin:22px 0;display:block}.search-field{max-width:none}.category-tabs{justify-content:flex-start;margin-top:14px}.all-tools{grid-template-columns:1fr 1fr}.tool-card-main{min-height:158px;padding:17px}.favourite-button{top:11px;right:10px}.image-viewer{padding:12px}.image-viewer-content{max-height:calc(100vh - 24px)}.image-viewer-header{min-height:48px}}.json-workspace{width:min(1140px,100% - 40px);margin:38px auto 82px}.json-intro{margin-bottom:26px}.json-intro .back-button{margin-bottom:17px;display:flex}.json-intro p{max-width:650px}.json-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.json-panel{background:#fff;border:1px solid #dce9f7;border-radius:18px;min-height:560px;overflow:hidden;box-shadow:0 10px 25px #5c83b609}.json-panel-heading{border-bottom:1px solid #e8eff8;justify-content:space-between;align-items:center;min-height:64px;padding:0 21px;display:flex}.json-panel-heading>div{align-items:center;gap:10px;display:flex}.json-panel-heading h2{margin:0;font-size:15px}.json-panel-heading>span{color:#8191a8;font:10px DM Mono,monospace}.json-toolbar{border-bottom:1px solid #eef3f9;flex-wrap:wrap;gap:7px;padding:12px 14px 8px;display:flex}.json-toolbar button{color:#52708f;background:#f9fcff;border:1px solid #e0eaf6;border-radius:7px;align-items:center;gap:5px;padding:7px 8px;font-size:11px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.json-toolbar button:hover{color:#2278e5;background:#eff7ff;border-color:#9fc8fb}.json-textarea{color:#31425d;height:410px;box-shadow:none;background:#fff;border:0;border-radius:0;padding:18px 20px;font:12px/1.65 DM Mono,monospace}.json-textarea:focus{box-shadow:inset 3px 0 #61a5f7}.json-error,.json-message{border-top:1px solid #f0f3f7;align-items:center;gap:6px;margin:0;padding:10px 17px;font-size:12px;display:flex}.json-error{color:#c84955;background:#fff6f6}.json-message{color:#307d60;background:#f2fbf5}.json-tree{color:#40536e;height:496px;padding:18px 20px 25px;font:12px/1.8 DM Mono,monospace;overflow:auto}.json-node-header,.json-node-footer,.json-leaf{align-items:center;gap:5px;min-height:25px;display:flex}.json-children{border-left:1px solid #dceaf9;margin-left:18px;padding-left:12px}.tree-toggle{color:#4387e6;background:#eaf4ff;border:0;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;padding:0;display:grid}.tree-toggle:hover{background:#dceeff}.tree-spacer{flex:none;width:20px}.json-key{color:#6c47a5}.json-colon{color:#91a0b4}.json-bracket{color:#267adf;font-weight:600}.collapsed-summary{color:#8a9bb0;font:inherit;background:0 0;border:0;padding:0 6px;font-size:11px}.collapsed-summary:hover{color:#287be5}.json-value{color:#286bba;min-width:75px;max-width:min(230px,56vw);font:inherit;background:0 0;border:1px solid #0000;border-radius:4px;outline:0;padding:1px 4px}.json-value:hover{background:#f7fbff;border-color:#d4e5f8}.json-value:focus{background:#fff;border-color:#79b2fa;box-shadow:0 0 0 3px #73b4fb20}.json-value.string{color:#16815f}.json-value.boolean{color:#c26e11}.json-value.null{color:#a25a92}.json-empty{text-align:center;color:#91a0b5;place-content:center;justify-items:center;height:496px;padding:25px;display:grid}.json-empty svg{color:#75aef3}.json-empty h2{color:#52657e;margin:15px 0 6px;font-size:16px}.json-empty p{max-width:260px;margin:0;font:12px/1.6 Noto Sans SC,sans-serif}@media (width<=760px){.json-workspace{width:calc(100% - 28px);margin-top:22px}.json-workbench{grid-template-columns:1fr}.json-panel{min-height:0}.json-textarea,.json-tree,.json-empty{height:385px}.json-toolbar{gap:5px}.json-toolbar button{padding:7px}.json-panel-heading{padding:0 16px}.json-tree{padding:15px}.json-value{max-width:38vw}}.tool-seo-content{background:#fff;border:1px solid #dce9f7;border-radius:18px;margin-top:42px;padding:35px 39px}.tool-seo-content h2{color:#243653;letter-spacing:-.5px;margin:0 0 12px;font-size:20px}.tool-seo-content>p{color:#6a7a92;max-width:800px;margin:0 0 31px;font-size:14px;line-height:1.75}.faq-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.faq-grid article{background:#f7fbff;border-radius:12px;padding:17px}.faq-grid h3{color:#3e516c;margin:0 0 8px;font-size:14px}.faq-grid p{color:#718099;margin:0;font-size:12px;line-height:1.65}@media (width<=760px){.tool-seo-content{margin-top:25px;padding:25px 20px}.faq-grid{grid-template-columns:1fr}.tool-seo-content h2{font-size:18px}}.simple-tool-workspace,.timestamp-workspace{width:min(860px,100% - 40px);margin:40px auto 82px}.simple-tool-card{background:#fff;border:1px solid #dce9f7;border-radius:18px;margin-bottom:20px;padding:28px;box-shadow:0 10px 25px #5c83b609}.simple-tool-heading{align-items:flex-start;gap:13px;margin-bottom:20px;display:flex}.simple-tool-heading h2{margin:0;font-size:17px}.simple-tool-heading p{color:#8390a5;margin:5px 0 0;font-size:12px}.simple-tool-card textarea{height:185px}.simple-tool-card textarea[readonly]{color:#456080;background:#f9fcff}.simple-message{color:#2679d8;margin:15px 0 0;font-size:12px}.simple-message.error{color:#c84955}.hash-results{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.hash-result{background:#fff;border:1px solid #dce9f7;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex;box-shadow:0 8px 18px #5c83b608}.hash-result>div{min-width:0}.hash-result span,.timestamp-result>span,.date-format span{color:#7f8da1;font-size:11px;display:block}.hash-result code,.timestamp-result code,.date-format code{color:#266ec5;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font:12px/1.45 DM Mono,monospace;display:block;overflow:hidden}.timestamp-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.timestamp-grid .simple-tool-card{min-width:0}.unit-selector{gap:7px;margin-bottom:15px;display:flex}.unit-selector button{color:#6b7c94;background:#f9fcff;border:1px solid #d8e6f5;border-radius:999px;padding:7px 10px;font-size:11px}.unit-selector button.active{color:#fff;background:#287fec;border-color:#287fec}.tool-input{color:#31415c;background:#fbfdff;border:1px solid #dce6f2;border-radius:10px;width:100%;height:45px;padding:0 13px;font:13px DM Mono,monospace}.tool-input:focus{border-color:#54a0fa;outline:none;box-shadow:0 0 0 4px #74b4ff1f}.date-format-list{gap:8px;margin-top:16px;display:grid}.date-format{background:#f6faff;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:9px 10px 9px 12px;display:flex}.date-format>div{min-width:0}.date-format button{color:#4083d8;background:#e5f2ff;border:0;border-radius:7px;flex:none;place-items:center;width:29px;height:29px;padding:0;display:grid}.date-format button:hover{background:#d8ecff}.timestamp-result{background:#f6faff;border-radius:12px;margin-top:17px;padding:18px}.timestamp-result code{margin:10px 0 14px;font-size:16px}.timestamp-result .secondary-button{padding:8px 11px}@media (width<=760px){.simple-tool-workspace,.timestamp-workspace{width:calc(100% - 28px);margin-top:23px}.simple-tool-card{padding:20px}.hash-results,.timestamp-grid{grid-template-columns:1fr}.hash-result{padding:15px}.simple-tool-card textarea{height:165px}}.related-tools{background:#f8fcff;border:1px solid #dce9f7;border-radius:16px;width:min(860px,100% - 40px);margin:-42px auto 82px;padding:25px 28px}.related-tools h2{color:#304561;margin:0;font-size:17px}.related-tools p{color:#71819a;margin:7px 0 17px;font-size:12px}.related-tools div{flex-wrap:wrap;gap:9px;display:flex}.related-tools a{color:#2879e5;background:#fff;border:1px solid #d5e6f8;border-radius:999px;padding:8px 11px;font-size:12px;text-decoration:none;transition:border-color .2s,background .2s}.related-tools a:hover{background:#edf7ff;border-color:#90bff2}@media (width<=760px){.related-tools{width:calc(100% - 28px);margin-top:-22px;padding:21px}}