@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#132650;background:#fff}*{box-sizing:border-box}body{margin:0;background:#fff;color:#132650}button,input,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}.app-shell{min-height:100vh;max-width:1440px;margin:0 auto}.site-header{border-bottom:1px solid #e5ebf3;padding:22px 34px 0}.header-main{display:flex;align-items:center;gap:20px}.logo{font:700 28px Space Grotesk;letter-spacing:-1.6px;color:#132650;white-space:nowrap}.logo span{color:#1067e8}.header-tagline{font-size:14px;color:#53637e;border-left:2px solid #f36b32;padding-left:20px}.header-actions{margin-left:auto;display:flex;gap:26px;align-items:center;font-size:13px;font-weight:600}.category-nav{display:flex;gap:24px;padding:22px 0 16px;font-size:13px;font-weight:600;color:#30466d}.category-nav a:hover,.header-actions a:hover{color:#1067e8}.icon-button{background:none;border:0;color:#132650;display:none}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;padding:68px 36px 46px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-50px;top:15px;width:45%;height:280px;background-image:linear-gradient(45deg,transparent 48%,#eaf2ff 49%,#eaf2ff 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,#eaf2ff 49%,#eaf2ff 51%,transparent 52%);background-size:22px 22px;opacity:.55;z-index:-1}.eyebrow{margin:0 0 15px;letter-spacing:3px;font-size:10px;font-weight:700;color:#58709a}.hero h1{font:700 clamp(42px,5.3vw,74px)/.99 "Space Grotesk";letter-spacing:-3.5px;margin:0;color:#132650}.hero-lede{font-size:18px;line-height:1.5;color:#50617e;max-width:500px;margin:25px 0 0}.hero-search{align-self:end;margin-bottom:10px}.hero-search label{font-size:13px;font-weight:700;display:block;margin-bottom:10px}.search-control{height:58px;border:1px solid #cfd9e7;box-shadow:0 8px 20px #1a4c8012;display:flex;align-items:center;padding-left:18px;background:#fff}.search-control svg{color:#5f7190}.search-control input{border:0;outline:0;flex:1;padding:0 14px;font-size:16px;color:#132650}.search-control button{height:58px;width:58px;border:0;background:#1067e8;color:#fff;display:grid;place-items:center}.search-hints{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-top:14px;font-size:12px}.search-hints span{color:#7c8aa2}.search-hints a{color:#1067e8;font-weight:600}.category-rail{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;padding:24px 36px;border-top:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3}.category-rail a{display:grid;gap:7px;padding:6px 10px}.category-rail a:hover{background:#f2f7ff}.category-rail svg{color:#1067e8}.category-rail b{font-size:13px}.category-rail small,.ranked-tool small,.featured-tool small,.trending-grid small,.related-grid small{font-size:11px;color:#667692;line-height:1.4}.home-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:48px;padding:48px 36px 24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{display:flex;align-items:center;gap:9px;font:700 23px Space Grotesk;margin:0;letter-spacing:-.8px}.section-heading h2 svg{color:#f36b32}.section-heading a{display:flex;align-items:center;gap:4px;font-size:12px;color:#1067e8;font-weight:700}.ranked-tool,.featured-tool{width:100%;border:1px solid #e0e7f0;background:#fff;display:flex;align-items:center;text-align:left;gap:14px;padding:15px 16px;cursor:pointer;color:#132650}.ranked-tool{border-bottom:0}.ranked-tool:last-child{border-bottom:1px solid #e0e7f0}.ranked-tool:hover,.featured-tool:hover,.related-grid a:hover{background:#f5f9ff}.ranked-tool>strong{color:#f36b32;font-size:15px;width:18px}.ranked-tool>svg,.featured-tool>svg{color:#1067e8}.ranked-tool span:nth-of-type(1),.featured-tool span{display:grid;gap:3px;flex:1}.ranked-tool b,.featured-tool b{font-size:13px}.uses{font-size:11px;color:#63728b}.featured-tool{border-bottom:0;padding:14px}.featured-tool:last-child{border-bottom:1px solid #e0e7f0}.featured-tool small{font-size:10px}.trending{padding:30px 36px 52px}.trending h2 svg{color:#f36b32}.trending-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trending-grid a{border:1px solid #e0e7f0;padding:15px;display:grid;gap:8px;position:relative;min-height:92px}.trending-grid em{position:absolute;bottom:10px;right:10px;background:#f36b32;color:#fff;padding:3px 6px;font-size:9px;font-style:normal;font-weight:700}.footer{display:flex;align-items:flex-end;gap:34px;padding:26px 36px;border-top:1px solid #e5ebf3;color:#687892;font-size:12px}.footer .logo{font-size:18px}.footer p{margin:5px 0 0;font-size:11px}.footer nav{display:flex;gap:20px;margin-left:auto}.footer>span{display:flex;align-items:center;gap:5px}.tool-main{padding:26px 36px 60px}.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:12px;color:#72809a;margin-bottom:28px}.breadcrumbs b{color:#132650}.tool-intro{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.tool-intro h1{font:700 clamp(35px,4vw,53px)/1 "Space Grotesk";letter-spacing:-2.5px;margin:0 0 13px}.tool-intro p:not(.eyebrow){font-size:16px;color:#596a85;max-width:700px;margin:0;line-height:1.5}.tool-mark{display:flex;gap:12px;align-items:center;border-left:1px solid #f36b32;padding-left:18px;color:#1067e8;text-transform:uppercase;font-size:10px;letter-spacing:1px;line-height:1.5}.tool-mark small{color:#314b76}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor-card{border:1px solid #cfd9e7;background:#fbfdff}.editor-head{height:44px;display:flex;align-items:center;padding:0 14px;gap:14px;border-bottom:1px solid #e3eaf2;font-size:12px}.editor-head b{margin-right:auto}.editor-head button{background:none;border:0;color:#1067e8;font-size:11px;display:flex;gap:4px;align-items:center;cursor:pointer}.editor-card textarea,.editor-card pre{width:100%;min-height:315px;margin:0;padding:18px 20px;border:0;resize:vertical;outline:0;background:#fff;color:#173260;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.editor-card textarea:focus{box-shadow:inset 0 0 0 2px #1067e8}.output-card pre{overflow:auto}.tool-actions{display:flex;gap:10px;align-items:center;margin:16px 0}.tool-actions button{height:48px;padding:0 26px;border:1px solid #1067e8;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer}.tool-actions .primary{background:#1067e8;color:#fff}.tool-actions .secondary{background:#fff;color:#132650}.toggle-label{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:12px}.toggle-label input{display:none}.toggle-label span{width:42px;height:24px;border-radius:20px;background:#d6deea;position:relative}.toggle-label span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.toggle-label input:checked+span{background:#1067e8}.toggle-label input:checked+span:after{left:21px}.status{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#eaf8f0;color:#0d7d4e}.status.invalid{background:#fff0eb;color:#bb3b19}.status b,.status small{display:block}.status small{font-size:11px;margin-top:3px;color:#406d5b}.how-to{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;margin:30px 0;padding:20px 0;border-top:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3}.how-to h2{font:700 18px Space Grotesk;margin:0 0 14px}.how-to ol,.how-to ul{margin:0;padding-left:20px;color:#50617e;font-size:13px;line-height:1.85}.how-to li b{color:#132650}.ad-space{height:90px;background:#f2f6fa;display:grid;place-items:center;color:#70819a;margin:28px 0 30px}.ad-space span{font:600 15px Space Grotesk}.ad-space small{font-size:10px;margin-top:-30px}.related{margin-top:28px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-grid a{border:1px solid #e0e7f0;padding:14px 12px;display:flex;align-items:center;gap:10px}.related-icon{width:34px;height:34px;display:grid;place-items:center;background:#e7f8ef;color:#1b9460}.related-icon.blue{background:#e7f0ff;color:#1067e8}.related-icon.red{background:#fff0eb;color:#e85129}.related-icon.violet{background:#f1eaff;color:#7950ce}.related-grid a>span:nth-child(2){display:grid;gap:4px;flex:1}.related-grid b{font-size:12px}.related-grid small{font-size:10px}.related-grid>a>svg{color:#8290a6}.mobile-menu{display:none}.empty-state{color:#6d7e99}@media(max-width:900px){.site-header{padding:16px 18px 0}.header-tagline,.header-actions>a,.category-nav{display:none}.header-actions{gap:10px}.mobile-menu{display:block}.hero{grid-template-columns:1fr;gap:34px;padding:42px 20px 30px}.hero h1{font-size:52px}.hero-lede{font-size:16px}.hero:after{width:80%;right:-160px}.category-rail{grid-template-columns:repeat(4,1fr);padding:18px 20px}.category-rail a{padding:8px 4px}.home-grid{grid-template-columns:1fr;padding:34px 20px 16px;gap:34px}.trending{padding:24px 20px 40px}.trending-grid{grid-template-columns:repeat(2,1fr)}.footer{padding:22px 20px;display:grid;grid-template-columns:1fr 1fr}.footer nav{margin:0;flex-wrap:wrap;gap:12px}.footer>span{grid-column:1/-1}.tool-main{padding:24px 18px 45px}.tool-intro{gap:20px}.tool-mark{display:none}.workspace{grid-template-columns:1fr}.editor-card textarea,.editor-card pre{min-height:230px;font-size:12px}.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.logo{font-size:23px}.hero h1{font-size:43px;letter-spacing:-2px}.category-rail{grid-template-columns:repeat(2,1fr);gap:5px}.category-rail a{grid-template-columns:28px 1fr;align-items:center}.category-rail small{grid-column:2}.ranked-tool{gap:9px;padding:13px 10px}.ranked-tool .uses{display:none}.trending-grid,.footer{grid-template-columns:1fr}.footer nav{grid-row:2}.tool-intro h1{font-size:36px}.tool-intro p:not(.eyebrow){font-size:14px}.breadcrumbs{font-size:10px}.tool-actions{display:grid;grid-template-columns:1fr 1fr}.tool-actions button{padding:0 10px}.toggle-label{grid-column:1/-1;margin:4px 0}.how-to{grid-template-columns:1fr;gap:22px}.related-grid{grid-template-columns:1fr}.ad-space{height:64px}.ad-space small{margin-top:-20px}}.header-actions button{border:0;background:none;color:inherit;cursor:pointer;font-weight:600;padding:0}.search-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#13265040;z-index:10;padding:12vh 20px 20px}.search-panel-inner{max-width:720px;margin:0 auto;background:#fff;border:1px solid #cfd9e7;box-shadow:0 20px 50px #13265030;padding:24px}.search-panel-head{display:flex;align-items:center;justify-content:space-between}.search-panel-head h2{font:700 24px Space Grotesk;margin:0}.search-panel-head button{background:none;border:0;cursor:pointer}.search-panel .search-control{margin-top:18px}.search-results{margin-top:14px;max-height:55vh;overflow:auto}.search-results button{width:100%;border:0;border-top:1px solid #e5ebf3;background:#fff;padding:15px 4px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.search-results button:hover{background:#f5f9ff}.search-results button>svg{color:#1067e8}.search-results span{display:grid;gap:4px;flex:1}.search-results small{font-size:11px;color:#667692}.search-results p{color:#65758f;font-size:14px;padding:20px 4px}.single-workspace{border:1px solid #cfd9e7;background:#fbfdff;padding:20px;max-width:900px}.single-workspace>label{font-size:12px;font-weight:700;display:block;margin:0 0 8px}.single-workspace textarea,.single-workspace input:not([type=range]){width:100%;border:1px solid #d7e0eb;background:#fff;padding:14px;color:#173260;outline:0}.single-workspace textarea:focus,.single-workspace input:focus{box-shadow:inset 0 0 0 2px #1067e8}.single-workspace textarea{resize:vertical;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.action-link{display:flex!important;align-items:center;justify-content:center;gap:8px;text-decoration:none}.qr-preview{min-height:300px;display:grid;place-items:center;background:#fff;margin:18px 0;padding:20px;border:1px solid #e3eaf2}.qr-preview p{color:#73829b}.qr-preview canvas{max-width:100%}.password-output{display:flex;gap:8px;margin-bottom:20px}.password-output input{font:16px ui-monospace,monospace}.password-output button{border:1px solid #cfd9e7;background:#fff;color:#1067e8;width:45px;cursor:pointer}.single-workspace input[type=range]{accent-color:#1067e8;margin:10px 0 8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.stats-grid div{border:1px solid #e0e7f0;padding:14px;background:#fff}.stats-grid b,.stats-grid small{display:block}.stats-grid b{font:700 24px Space Grotesk}.stats-grid small{font-size:11px;color:#667692;margin-top:3px}.mode-tabs{display:flex;gap:0;margin-bottom:18px}.mode-tabs button{padding:10px 18px;background:#fff;border:1px solid #cfd9e7;color:#52627c;cursor:pointer}.mode-tabs .selected{background:#1067e8;border-color:#1067e8;color:#fff}.uuid-list{display:grid;gap:8px}.uuid-list div{display:flex;justify-content:space-between;align-items:center;border:1px solid #e0e7f0;background:#fff;padding:13px}.uuid-list code{font:13px ui-monospace,monospace;overflow:auto}.uuid-list button{border:0;background:none;color:#1067e8;cursor:pointer}.workspace-note{font-size:14px;color:#596a85}.error-page{padding:100px 36px;min-height:420px}.error-page h1{font:700 52px Space Grotesk;letter-spacing:-2px;margin:0 0 16px}.error-page p:not(.eyebrow){color:#596a85;margin-bottom:24px}.error-page .primary{display:inline-flex;width:max-content;padding:0 22px;height:48px;align-items:center;background:#1067e8;color:#fff;border:0;cursor:pointer}@media(max-width:560px){.search-panel{padding:5vh 12px 12px}.search-panel-inner{padding:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.single-workspace{padding:15px}.uuid-list code{font-size:11px}.error-page{padding:70px 20px}.error-page h1{font-size:40px}}.accessibility-launcher{position:fixed;left:20px;bottom:20px;z-index:2147483646;width:48px;height:48px;border:0;border-radius:999px;background:#0a66c2;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px #0003;transition:transform .18s ease,background .18s ease}.accessibility-launcher:hover{background:#084f99;transform:translateY(-2px)}.accessibility-launcher:focus{outline:3px solid #f36b32;outline-offset:3px}.accessibility-launcher.loading{opacity:.75;cursor:progress}.accessibility-launcher.loading svg{animation:accessibility-spin .9s linear infinite}@keyframes accessibility-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.accessibility-launcher{left:14px;bottom:14px;width:46px;height:46px}}.accessibility-menu{position:fixed;left:20px;bottom:80px;z-index:2147483645;width:310px;background:#fff;border:1px solid #cfd9e7;box-shadow:0 16px 40px #1326502b;padding:18px;color:#132650}.accessibility-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.accessibility-menu h2{font:700 20px Space Grotesk;margin:0}.accessibility-menu-head button{border:0;background:none;cursor:pointer;color:#132650}.accessibility-menu p{font-size:12px;color:#63728b;margin:8px 0 16px}.accessibility-menu label{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5ebf3;padding:13px 0;font-size:13px;cursor:pointer}.accessibility-menu label input{position:absolute;opacity:0}.accessibility-menu label i{display:block;width:38px;height:22px;border-radius:20px;background:#d6deea;position:relative}.accessibility-menu label i:after{content:"";position:absolute;width:16px;height:16px;right:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.accessibility-menu label input:checked+i{background:#1067e8}.accessibility-menu label input:checked+i:after{right:19px}.accessibility-menu-actions{display:grid;gap:8px;margin-top:14px}.accessibility-menu-actions button{height:38px;border:1px solid #cfd9e7;background:#fff;color:#132650;cursor:pointer;font-size:12px}.accessibility-menu-actions .external-accessibility{background:#1067e8;border-color:#1067e8;color:#fff}.accessibility-high-contrast{filter:contrast(1.15)}.accessibility-large-text{font-size:112%}.accessibility-highlight-links a{outline:2px solid #f36b32;outline-offset:2px}.accessibility-reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:480px){.accessibility-menu{left:14px;right:14px;bottom:72px;width:auto}}