:root{--ink:#17243a;--muted:#728092;--line:#e5e9ef;--paper:#fff;--background:#f6f8fa;--accent:#ed854b;--nav:#142238;--radius:14px}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);margin:0;font-family:ToolCabana,system-ui,sans-serif;font-size:14px}h1,h2,h3,.brand{font-family:ToolCabana,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,a,input,textarea,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ed854b}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid #ed854b66}button{color:inherit;background:0 0;border:none}svg{flex-shrink:0}p{line-height:1.65}.app-shell{grid-template-columns:234px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#a7b4c6;flex-direction:column;width:234px;padding:28px 18px;display:flex;position:fixed;inset-block:0;overflow:auto}.brand{color:#fff;letter-spacing:-.6px;align-items:center;margin-bottom:38px;font-size:20px;font-weight:800;display:flex}.brand-mark{color:#17243a;background:#ed854b;border-radius:10px;place-items:center;width:33px;height:33px;margin-right:9px;display:grid}.brand-dot{color:#f29a61}.nav-label{letter-spacing:1.6px;color:#74839a;margin:0 12px 17px;font-size:9px;font-weight:700}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav a{border-radius:8px;align-items:center;gap:11px;padding:11px 12px;font-size:12px;transition:background .15s;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff0c}.sidebar nav small,.sidebar nav a>span:last-child:not(:first-child){margin-inline-start:auto}.sidebar nav a>span:nth-child(2){margin:0}.sidebar nav small{color:#718199;font-size:10px}.sidebar nav .nav-home{color:#fff;background:#25354c;margin-bottom:13px;font-size:13px}.nav-home span{background:#3b4b61;border-radius:5px;padding:2px 5px;font-size:10px}.sidebar-note{color:#b7c2d0;margin-top:auto;padding:45px 11px 0;font-size:10px;line-height:1.5}.status-dot{background:#63b79c;border-radius:50%;width:6px;height:6px;margin-inline-end:6px;display:inline-block}.sidebar-note p{color:#718199;margin:7px 0 18px}.sidebar-note a{color:#97a5b8;align-items:center;gap:8px;display:flex}.main-shell{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:77px;padding:0 44px;display:flex}.header-search{color:#98a1ae;align-items:center;gap:10px;width:240px;font-size:12px;display:flex}kbd{border:1px solid var(--line);color:#a0a8b1;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:10px}.header-search kbd{margin-left:auto}.topbar-right{align-items:center;gap:24px;display:flex}.free-pill{letter-spacing:1.3px;color:#588774;background:#eaf4ef;border-radius:4px;padding:6px 9px;font-size:9px;font-weight:700}.language-menu{font-size:12px;position:relative}.language-menu summary{cursor:pointer;gap:10px;list-style:none;display:flex}.language-menu>div{border:1px solid var(--line);z-index:10;background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;width:240px;max-height:420px;padding:10px;display:grid;position:absolute;top:30px;right:0;overflow:auto;box-shadow:0 16px 50px #17243a22}.language-menu a{border-radius:6px;padding:8px}.language-menu a:hover{background:#f2f4f7}.mobile-brand{display:none}main{max-width:1550px;margin:0 auto}.home-intro{border-bottom:1px solid var(--line);background:radial-gradient(at 85% 15%,#f8eae0 0,#0000 40%),#fbfcfd;padding:53px 44px 43px;position:relative;overflow:hidden}.eyebrow{letter-spacing:1.8px;color:#798496;font-size:9px;font-weight:700}.home-intro h1{letter-spacing:-1.9px;margin:20px 0 16px;font-size:44px;font-weight:800;line-height:1.16}.home-intro h1 span{color:#7b899b}.home-intro p{color:#7b8799;margin-bottom:26px;font-size:13px;line-height:1.7}.search-box{z-index:2;color:#8d97a4;background:#fff;border:1px solid #dfe4eb;border-radius:10px;align-items:center;gap:15px;width:min(580px,100%);height:57px;padding:0 18px;display:flex;position:relative;box-shadow:0 4px 14px #17243a05}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ed854b14}.search-box input{width:0;color:var(--ink);background:0 0;border:0;flex:1;font-size:13px;outline:0!important}.quick-search{color:#929ba8;align-items:center;gap:8px;margin-top:14px;font-size:10px;display:flex}.quick-search button{background:#fff;border:1px solid #e3e7ed;border-radius:5px;padding:4px 8px}.intro-decoration{width:210px;height:235px;position:absolute;top:45px;right:8%}.deco-icon{background:#fff;border-radius:21px;place-items:center;width:95px;height:95px;display:grid;position:absolute;box-shadow:0 10px 40px #503c2910}.deco-icon:first-child{color:#ed854b;top:10px;left:0;transform:rotate(-12deg)}.deco-icon:nth-child(2){color:#6384a6;background:#edf3f9;top:45px;right:0;transform:rotate(11deg)}.deco-icon:nth-child(3){color:#649e89;background:#edf7f2;top:140px;left:40px;transform:rotate(-5deg)}.deco-cross{color:#c5cbd3;font-size:25px;position:absolute;top:130px;left:-40px}.popular,.directory{padding:30px 44px 8px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px;display:flex}.section-heading h2{letter-spacing:-.4px;align-items:center;gap:9px;margin:0;font-size:17px;display:flex}.section-heading>span,.section-heading>a{color:#8c98a8;align-items:center;gap:8px;font-size:10px;display:flex}.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tool-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px;transition:transform .17s,box-shadow .17s;position:relative}.tool-card:hover{border-color:#d1d8e1;transform:translateY(-3px);box-shadow:0 10px 20px #17243a08}.card-top{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.tool-icon{color:#6f88ae;background:#eef2fa;border-radius:11px;place-items:center;width:43px;height:43px;display:grid}.tone-1{color:#c98a5d;background:#f9ede4}.tone-2{color:#619579;background:#eaf4ee}.tone-3{color:#809cb7;background:#eef4fa}.tone-4{color:#588e9b;background:#e8f3f5}.tone-5{color:#bd8090;background:#f8edf0}.favorite{color:#bdc5ce;padding:5px;display:flex}.favorite:hover,.favorite.selected{color:#ed854b}.card-link h3{letter-spacing:-.2px;justify-content:space-between;align-items:center;gap:7px;margin:0 0 8px;font-size:13px;display:flex}.card-link h3 svg{color:#c0c8d2;flex-shrink:0}.card-link p{color:#8591a0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.65;display:-webkit-box;overflow:hidden}.card-link:after{content:"";z-index:0;position:absolute;inset:0}.favorite{z-index:1;position:relative}.card-category{color:#99a3af;margin-top:21px;font-size:9px;display:block}.compact{padding:16px}.compact .card-category{display:none}.compact .card-top{margin-bottom:12px}.compact .tool-icon{border-radius:9px;width:35px;height:35px}.compact .card-link p{-webkit-line-clamp:1}.directory{padding-top:35px;padding-bottom:55px}.count-badge{color:#8e99a6;letter-spacing:0;border:1px solid #e1e5eb;border-radius:5px;padding:3px 6px;font-family:ToolCabana,sans-serif;font-size:10px}.favorites-toggle{color:#7b889b;align-items:center;gap:6px;font-size:10px;display:flex}.favorites-toggle.active{color:#dc7842}.category-tabs{scrollbar-width:thin;gap:7px;padding-bottom:21px;display:flex;overflow:auto}.category-tabs button{white-space:nowrap;color:#7d8999;background:#fff;border:1px solid #e3e7ed;border-radius:6px;padding:8px 11px;font-size:10px}.category-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.footer{border-top:1px solid var(--line);color:#9ca5b1;justify-content:space-between;gap:20px;padding:24px 44px;font-size:10px;display:flex}.footer>div{gap:20px;display:flex}.empty-state{text-align:center;color:#7b8799;padding:60px}.empty-state button{color:#bd693e;text-decoration:underline}.tool-page{padding:29px 44px 44px}.back-link{color:#8792a1;align-items:center;gap:8px;margin-bottom:24px;font-size:11px;display:inline-flex}.tool-title{align-items:center;gap:16px;margin-bottom:30px;display:flex}.tool-title .tool-icon{border-radius:14px;width:56px;height:56px}.tool-title h1{letter-spacing:-.8px;margin:0 0 6px;font-size:27px}.tool-title p{color:#7c899b;margin:0;font-size:12px}.no-signup{white-space:nowrap;color:#72957f;align-items:center;gap:6px;margin-inline-start:auto;font-size:10px;display:flex}.workspace{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.workspace-heading{border-bottom:1px solid var(--line);color:#8995a4;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;font-size:10px;display:flex}.text-button{color:#8390a2;align-items:center;gap:5px;padding:3px;font-size:10px;display:inline-flex}.text-button:hover{color:#ed854b}.workspace-grid{grid-template-columns:minmax(0,1fr) 270px;display:grid}.input-panel{min-width:0;padding:22px}.options-panel{border-inline-start:1px solid var(--line);background:#fcfdfd;padding:23px}.options-panel h3{margin:0 0 20px;font-size:12px}.editor-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:500;display:flex}.input-editor{resize:vertical;border:1px solid var(--line);color:#33425a;background:#fff;border-radius:9px;width:100%;min-height:250px;padding:16px;font-size:13px;line-height:1.8}.code-editor,.output-editor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.editor-bottom{color:#9ba6b4;justify-content:space-between;align-items:center;margin-top:9px;font-size:9px;display:flex}.icon-button{color:#a7afba;display:flex}.fields{flex-direction:column;gap:17px;display:flex}.field{color:#728093;flex-direction:column;gap:7px;font-size:10px;font-weight:500;display:flex}.field input,.field select,.field textarea{color:#34435a;background:#fff;border:1px solid #dfe5ec;border-radius:7px;width:100%;min-width:0;padding:10px 11px;font-size:12px}.field input[type=range]{accent-color:var(--accent);padding:0}.field input[type=color]{height:40px;padding:4px}.field small{font-size:9px;font-weight:400;line-height:1.5}.checkbox-field{flex-direction:row;align-items:flex-start;gap:9px;line-height:1.5}.checkbox-field input{accent-color:#ed854b;width:13px;height:13px;margin:2px 0 0}.button{border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:37px;padding:11px 16px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.button.primary{color:#fff;background:#ed854b;box-shadow:0 2px 3px #dc734314}.button.secondary{color:#68798e;background:#fff;border:1px solid #dfe5ec}.button.secondary:hover{background:#f8fafb;border-color:#bdc8d5}.button.small{min-height:30px;padding:7px 10px;font-size:10px}.run-button{width:100%;margin-top:25px}.run-button svg:last-child{margin-inline-start:auto}.privacy-note{color:#97a2b1;justify-content:center;align-items:center;gap:5px;margin-top:15px;font-size:9px;line-height:1.5;display:flex}.progress{color:#8290a3;flex-wrap:wrap;gap:7px;margin-top:15px;font-size:10px;display:flex}.progress progress{accent-color:#ed854b;width:100%}.remote-notice{color:#9a8776;background:#fbf3ec;border-radius:7px;align-items:flex-start;gap:6px;padding:10px;font-size:10px;line-height:1.6;display:flex}.dropzone{text-align:center;background:#f9fbfd;border:1.5px dashed #cdd6e2;border-radius:11px;min-height:260px;margin-bottom:16px;padding:35px 20px}.dropzone.dragging{background:#fff5ed;border-color:#ed854b}.upload-icon{color:#7c97b8;background:#eaf0f7;border-radius:15px;place-items:center;width:57px;height:57px;margin:0 auto 16px;display:grid}.dropzone h3{margin:0;font-size:15px}.dropzone p{color:#8f9cae;margin:9px 0 20px;font-size:11px}.file-list{flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.file-list li{border:1px solid var(--line);color:#8c9bb1;border-radius:8px;align-items:center;gap:12px;padding:11px;display:flex}.file-list li>div:nth-child(2){flex:1;min-width:0}.file-list strong{color:#51637b;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.file-list small{margin-top:5px;font-size:9px;display:block}.file-thumb{object-fit:contain;border-radius:5px;width:39px;height:39px}.file-actions{align-items:center;gap:6px;display:flex}.file-actions button{padding:5px;display:flex}.calculation-intro{color:#93a0b1;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.calculation-symbol{color:#d4a37a;background:#f6f0e9;border-radius:30px;place-items:center;width:105px;height:105px;margin-bottom:18px;font-size:55px;display:grid}.calculation-intro h3{color:#62748b;margin:0;font-size:16px}.calculation-intro p{font-size:11px}.family-calculator .workspace-grid,.family-unit .workspace-grid{grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}.result-panel{border-top:1px solid var(--line);padding:24px}.result-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.result-heading h3{align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.result-heading h3 svg{color:#63a184}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px;display:grid}.stats-grid>div{border:1px solid var(--line);overflow-wrap:anywhere;background:#fafcfd;border-radius:8px;padding:16px}.stats-grid small{color:#8997a8;font-size:10px;display:block}.stats-grid strong{margin-top:9px;font:700 20px ToolCabana,sans-serif;display:block}.output-editor{border:1px solid var(--line);resize:vertical;color:#435571;background:#fafbfc;border-radius:8px;width:100%;min-height:90px;padding:16px;line-height:1.8}.result-image{object-fit:contain;border:1px solid var(--line);background:repeating-conic-gradient(#f1f2f3 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:8px;max-width:100%;max-height:450px;margin:15px auto;display:block}.result-preview{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;height:330px;margin-bottom:20px}.result-notice{color:#8996a7;background:#f6f8fa;border-radius:7px;padding:12px;font-size:11px}.downloads{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.table-scroll{border:1px solid var(--line);border-radius:8px;max-height:420px;margin-top:16px;overflow:auto}table{border-collapse:collapse;text-align:left;white-space:pre-wrap;width:100%;font-size:11px}th{color:#6f7f94;background:#f5f7fa;font-weight:600;position:sticky;top:0}th,td{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:10px 13px}td{color:#6b7d94}.diff-result{white-space:pre-wrap;border:1px solid var(--line);border-radius:8px;padding:20px;line-height:1.8}.diff-result .added{color:#34654b;background:#d9f2e0}.diff-result .removed{color:#9e5350;background:#fae0df;text-decoration:line-through}.error-panel{color:#ac6746;background:#fff7f2;border:1px solid #f0d3c3;border-radius:9px;margin:20px;padding:16px;font-size:11px}.error-panel p{white-space:pre-wrap;margin-bottom:0}.access-panel{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;min-height:280px;padding:43px 24px}.access-icon{color:#c89060;background:#f6ece2;border-radius:14px;place-items:center;width:55px;height:55px;margin:0 auto 18px;display:grid}.access-panel h2{letter-spacing:-.3px;font-size:18px}.access-panel p{color:#8793a5;max-width:550px;margin:15px auto 22px;font-size:12px}.gate-footnote{color:#a1aaba;margin-top:15px;font-size:9px;display:block}.spin,.checking svg{animation:1.3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tool-guide{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 245px;gap:45px;margin:40px 0;padding-bottom:32px;display:grid}.tool-guide h2{letter-spacing:-.5px;margin-top:12px;font-size:18px}.tool-guide h3{margin-top:23px;font-size:13px}.tool-guide p,.tool-guide ol{color:#8995a6;font-size:12px;line-height:1.8}.tool-guide ol{padding-left:20px}.tool-guide li{padding:4px}.guide-note{border:1px solid var(--line);color:#8f9cb0;background:#fff;border-radius:11px;align-self:start;padding:23px}.guide-note h3{color:#60758e;margin-top:17px}.guide-note p{font-size:11px}.guide-note a{color:#a0745b;align-items:center;gap:7px;margin-top:20px;font-size:10px;display:flex}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.related-grid a{border:1px solid var(--line);color:#8798b0;background:#fff;border-radius:9px;align-items:center;gap:12px;padding:17px;font-size:12px;display:flex}.related-grid a span:first-of-type{color:#5e718c;flex:1}.legal-page{max-width:880px;min-height:65vh;margin:0 auto;padding:50px 44px}.legal-page h1{letter-spacing:-1px;font-size:33px}.legal-page p{color:#7e8ba0;margin-bottom:24px;font-size:14px;line-height:1.85}.locale-notice{color:#a88554;background:#fff3df;flex-wrap:wrap;gap:13px;margin:0;padding:10px 44px;font-size:10px;display:flex}.locale-notice a,.locale-notice button{text-decoration:underline}.skip-link{z-index:100;background:#fff;border-radius:5px;padding:10px;position:fixed;top:-100px}.skip-link:focus{top:10px;left:250px}.timer-workspace{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;padding:40px}.timer-display{letter-spacing:-3px;color:#334661;font-variant-numeric:tabular-nums;margin:30px 0;font-family:ui-monospace,monospace;font-size:80px}.timer-display small{color:#a1acba;font-size:30px}.timer-buttons{justify-content:center;gap:12px;display:flex}.timer-settings{color:#92a0b2;justify-content:center;align-items:center;gap:20px;font-size:12px;display:flex}.timer-settings input{border:1px solid var(--line);border-radius:7px;width:65px;margin-left:10px;padding:8px}.laps{text-align:left;max-width:320px;margin:30px auto;padding:0;list-style:none}.laps li{border-bottom:1px solid var(--line);color:#78899f;justify-content:space-between;padding:10px;font-size:12px;display:flex}@media (min-width:1500px){.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-intro h1{font-size:50px}.intro-decoration{right:15%}}@media (max-width:1150px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{width:205px;padding-inline:12px}.sidebar nav a{font-size:10px}.brand{font-size:18px}.popular-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-decoration{transform-origin:100% 0;right:4%;transform:scale(.8)}.home-intro h1{font-size:37px}.search-box{width:460px;max-width:100%}.workspace-grid{grid-template-columns:minmax(0,1fr) 235px}.topbar,.home-intro,.popular,.directory,.tool-page,.footer{padding-inline:28px}}@media (max-width:850px){.sidebar{display:none}.app-shell{display:block}.main-shell{width:100%}.mobile-brand{font-size:18px;font-weight:800;display:block}.header-search{display:none}.topbar{height:65px;padding-inline:22px}.topbar-right{gap:16px}.intro-decoration{right:7%}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-card{padding:16px}.card-link h3{font-size:12px}.tool-guide{grid-template-columns:1fr 210px;gap:25px}.skip-link:focus{left:10px}}@media (max-width:650px){.home-intro{padding:34px 22px 28px}.home-intro h1{letter-spacing:-1.5px;font-size:35px}.home-intro p{font-size:12px}.intro-decoration{display:none}.eyebrow{font-size:8px}.search-box{width:100%;height:53px}.popular,.directory,.tool-page,.footer{padding-inline:20px}.popular-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-link h3{font-size:12px}.card-link p{font-size:10px}.card-category{margin-top:16px;font-size:8px}.tool-card{padding:15px}.section-heading>span{display:none}.section-heading h2{font-size:16px}.category-tabs button{padding:8px 10px}.tool-title{gap:12px}.tool-title h1{font-size:22px}.tool-title p{font-size:11px}.no-signup{display:none}.tool-title .tool-icon{flex-shrink:0;width:46px;height:46px}.workspace-grid,.family-calculator .workspace-grid,.family-unit .workspace-grid{grid-template-columns:1fr}.options-panel{border-inline-start:0;border-top:1px solid var(--line);padding:20px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.field:has(textarea){grid-column:1/-1}.checkbox-field{grid-column:1/-1}.input-panel{padding:16px}.input-editor{min-height:220px}.workspace-heading{padding:13px 16px}.workspace-heading>span{font-size:9px}.tool-guide{grid-template-columns:1fr;margin-top:30px}.guide-note{display:none}.result-panel{padding:18px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid strong{font-size:17px}.related-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:15px;padding-block:22px}.footer>div{gap:16px}.legal-page{padding:30px 22px}.locale-notice{padding-inline:20px}.timer-workspace{padding:28px 16px}.timer-display{font-size:62px}.calculation-intro{min-height:160px}.calculation-symbol{border-radius:17px;width:65px;height:65px;font-size:36px}.calculation-intro p{margin:8px 0}.calculation-intro h3{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}.card-link p,.tool-title p,.home-intro p,.tool-guide p,.tool-guide ol,.guide-note p,.legal-page p,.access-panel p,.result-notice,.studio-help{color:#5c6c80}.field,.text-button,.workspace-heading,.privacy-note,.editor-bottom,.card-category,.footer,.quick-search,.section-heading>span,.category-tabs button,.back-link,.gate-footnote{color:#5d6c7f}.button.primary{background:#b95119}.button.primary:hover{background:#a34512}.field{font-size:12px}.field small,.privacy-note,.editor-bottom,.studio-help{font-size:11px}.card-link h3{font-size:14px}.card-link p{font-size:12px}.card-category,.footer{font-size:11px}.button{min-height:42px;font-size:12px}.favorite,.icon-button,.file-actions button{justify-content:center;align-items:center;min-width:32px;min-height:32px}.favorite{color:#5e7288}.file-studio{margin:20px 0}.file-studio .editor-toolbar{color:#5d6c7f;font-size:12px}.sample-file{color:#a34512;margin:0 auto 12px;text-decoration:underline;display:block}.image-stage{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/16px 16px;border:1px solid #dfe5ec;border-radius:8px;max-height:400px;margin:auto;line-height:0;position:relative;overflow:hidden}.image-stage img{object-fit:contain;width:100%;height:100%}.image-stage.selectable{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.image-selection{pointer-events:none;box-sizing:border-box;background:#ed854b33;border:2px dashed #fff;outline:1px solid #17243a;position:absolute}.pixel-selection{border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%)}.studio-help{margin:12px 0;line-height:1.65}.pdf-pages{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px;max-height:390px;padding:4px;display:grid;overflow:auto}.pdf-page{opacity:.6;background:#fafbfc;border:2px solid #dfe5ec;border-radius:7px;padding:7px}.pdf-page.selected{opacity:1;border-color:#b95119}.pdf-page img{object-fit:contain;width:100%;height:115px;display:block}.pdf-page span{text-align:center;color:#334155;margin-top:7px;font-size:12px;display:block}.signature-pad{touch-action:none;background:#fbfcfd;border:1px dashed #8b98aa;border-radius:8px;width:100%;margin-bottom:12px;display:block}.execution-frame{background:#fff;border:0;border-radius:14px;width:100%;display:block}.private-execution{background:#f7f9fc;padding:12px}.ad-slot{text-align:center;border:1px solid #e2e8f0;border-radius:8px;min-height:135px;margin:32px 44px;padding:14px}.ad-slot>small{text-transform:uppercase;letter-spacing:1px;color:#5e7288;margin-bottom:8px;font-size:10px;display:block}.challenge-overlay{z-index:100;background:#17243a66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.challenge-overlay>section{background:#fff;border-radius:14px;max-width:450px;padding:32px}.challenge-overlay h2{font-size:22px}.challenge-overlay p{color:#52637a;font-size:14px}.challenge-overlay .button{margin-top:20px}.media-preview{width:100%;max-height:450px;margin:16px 0;display:block}@media (max-width:650px){.card-link h3{font-size:13px}.card-link p{font-size:12px}.card-category{font-size:10px}.workspace-heading>span{font-size:11px}.image-stage{max-height:330px}.pdf-page img{height:95px}.field input,.field select,.field textarea,.input-editor{font-size:16px}}.csv-studio{border:1px solid var(--line);border-radius:10px;margin-bottom:22px;padding:14px}.csv-studio td{padding:2px}.csv-studio input{border:1px solid var(--line);width:100%;min-width:110px;padding:8px}.studio-actions{gap:8px;margin-top:12px;display:flex}.wheel-studio{text-align:center;padding:20px}.wheel-pointer{z-index:2;color:#17243a;font-size:30px;position:relative}.choice-wheel{border:6px solid #fff;border-radius:50%;width:250px;height:250px;margin:-8px auto 15px;transition:transform 2.8s cubic-bezier(.12,.8,.15,1);position:relative;box-shadow:0 2px 18px #17243a22}.choice-wheel span{color:#fff;text-shadow:0 1px 2px #17243a;white-space:nowrap;width:100px;margin-left:-50px;font-size:10px;position:absolute;top:50%;left:50%;overflow:hidden}.media-preview{margin:20px 0}.media-preview video{background:#17243a;border-radius:10px;max-width:100%;max-height:480px}.media-preview audio{width:min(500px,100%)}.media-preview figcaption{color:var(--muted);margin-top:8px;font-size:12px}@media (prefers-reduced-motion:reduce){.choice-wheel{transition:none}}.guide-settings{gap:12px;display:grid}.guide-settings div{border-bottom:1px solid var(--line);padding:10px 0}.guide-settings dt{font-size:13px;font-weight:600}.guide-settings dd{color:var(--muted);margin:5px 0 0;font-size:12px}.tool-faq details,.guide-example,.json-tree{border:1px solid var(--line);border-radius:8px;margin-top:12px;padding:12px}.tool-faq summary,.guide-example summary,.json-tree summary{cursor:pointer;font-size:13px;font-weight:600}.guide-example pre{white-space:pre-wrap;overflow-wrap:anywhere}.json-children{border-left:1px solid var(--line);padding-left:18px}.json-node button{text-align:start;padding:8px 3px;font-family:monospace;font-size:13px}.json-leaf{overflow-wrap:anywhere;gap:12px;padding:5px;font-family:monospace;font-size:13px;display:flex}.json-value{color:#156867;white-space:pre-wrap}.json-node small{color:var(--muted)}.form-studio{border:1px solid var(--line);border-radius:10px;gap:14px;margin-bottom:18px;padding:18px;display:grid}.form-studio input[type=checkbox]{width:22px;height:22px}.timer-settings{flex-wrap:wrap;gap:18px}.timer-settings .field{max-width:260px}.camera-tools{border:1px solid var(--line);border-radius:10px;margin-bottom:18px;padding:16px}.camera-tools video{background:#17243a;border-radius:8px;width:100%;max-height:400px}.result-table input{border:1px solid var(--line);border-radius:5px;max-width:180px;padding:7px}.table-pagination{justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;display:flex}.table-pagination span{margin-right:auto;font-size:12px}.timer-settings .field{text-align:start;flex:180px;min-width:160px}.timer-settings .field input,.timer-settings .field select{width:100%;min-height:42px;margin:0}.timer-settings .checkbox-field{flex:100%;justify-content:center}.timer-settings .checkbox-field input{width:18px;min-height:18px}.timer-buttons{flex-wrap:wrap}.timer-display{direction:ltr}.timer-workspace .privacy-note{text-align:start;max-width:640px;margin-inline:auto}.timer-settings strong{color:#52637a;font-size:12px}.brand-mark{margin-right:0;margin-inline-end:9px}.language-menu>div{right:auto;inset-inline-end:0}.table-pagination span{margin-right:0;margin-inline-end:auto}.tool-guide ol{padding-left:0;padding-inline-start:20px}.json-children{padding-left:0;border-left:0;border-inline-start:1px solid var(--line);padding-inline-start:18px}th,td{text-align:start}@media (max-width:650px){.timer-display{font-size:clamp(38px,12vw,62px)}.timer-settings .field{flex-basis:100%;min-width:0;max-width:none}.timer-buttons .button{flex:110px}.ad-slot{margin-inline:20px}.language-menu{max-width:calc(100vw - 40px)}.topbar-right{gap:10px}.topbar-right>span{font-size:9px}.tool-title>div{min-width:0}.tool-title h1{overflow-wrap:anywhere}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.live-workspace .error-panel.copy-error{grid-area:auto/1/auto/-1}button,a,input,select,textarea{touch-action:manipulation}.button,.icon-button,.file-actions button,.favorite{min-height:44px}.favorite,.icon-button,.file-actions button{min-width:44px}.text-button{min-height:36px}.workspace-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.live-toggle{cursor:pointer;align-items:center;gap:8px;min-height:36px;font-size:11px;display:flex}.live-toggle input{accent-color:#b95119;width:16px;height:16px}.live-help,.keyboard-hint{color:#5d6c7f;font-size:11px;line-height:1.6}.keyboard-hint{text-align:center;margin:12px 0 0}.live-help .status-dot{margin-inline-end:6px}.live-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.live-workspace .workspace-heading{grid-column:1/-1}.live-workspace .workspace-grid{grid-area:2/1;min-width:0;display:block}.live-workspace .options-panel{border-inline-start:0;border-top:1px solid var(--line);padding:18px 22px}.live-workspace .options-panel h3{margin-bottom:14px}.live-workspace .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}:is(.live-workspace .field:has(textarea),.live-workspace .checkbox-field){grid-column:1/-1}.live-workspace .result-panel{border-top:0;border-inline-start:1px solid var(--line);grid-area:2/2;min-width:0;min-height:100%}.live-workspace .error-panel{grid-area:2/2;margin:22px}.live-workspace .values-workspace{grid-template-columns:1fr}.values-workspace .input-panel{display:none}.values-workspace .options-panel{border-top:0;padding:24px}.live-workspace .output-editor{min-height:220px}.live-workspace .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-placeholder{text-align:center;background:#fbfcfd;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;min-height:350px!important}.result-placeholder h3{margin:16px 0 8px;font-size:16px}.result-placeholder p{color:#5d6c7f;max-width:260px;font-size:12px;line-height:1.7}.placeholder-icon{color:#608879;background:#edf3f0;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.swap-units{color:#a34512;margin-top:12px}.dropzone.has-files{justify-content:space-between;align-items:center;gap:12px;min-height:0;padding:14px;display:flex}.dropzone.has-files .upload-icon,.dropzone.has-files h3,.dropzone.has-files p{display:none}.dropzone.has-files .sample-file{text-align:start;margin:0}.dropzone.has-files .button{flex-shrink:0}.connection-intro{align-items:center;gap:16px;padding:26px 26px 12px;display:flex}.connection-symbol{color:#477264;background:#eef4f2;border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.connection-intro h2{letter-spacing:-.4px;margin:0 0 7px;font-size:20px}.connection-intro p{color:#5d6c7f;margin:0;font-size:12px;line-height:1.6}.ip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 26px 26px;display:grid}.ip-card{border:1px solid var(--line);background:#fbfcfd;border-radius:12px;min-width:0;padding:22px}.ip-ready{background:#f6faf8;border-color:#d7e8de}.ip-card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.ip-card h3{margin:0;font-size:13px}.connection-badge{color:#5d6c7f;background:#fff;border:1px solid #e0e6ed;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:flex}.connection-badge.ready{color:#276347;background:#eff8f1;border-color:#d4e8d9}.ip-address{color:#243a4c;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;min-height:74px;margin:20px 0 12px;font:600 clamp(18px,2vw,26px)/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.ip-card p{color:#5d6c7f;min-height:42px;margin:0 0 18px;font-size:12px;line-height:1.7}.connection-footer{border-top:1px solid var(--line);color:#5d6c7f;background:#fbfcfd;align-items:center;gap:10px;padding:17px 26px;display:flex}.connection-footer>svg{flex-shrink:0}.connection-footer p{flex:1;margin:0;font-size:11px;line-height:1.7}.connection-footer a{text-decoration:underline}.connection-footer>span{flex-shrink:0;font-size:10px}.screen-measurements{grid-template-columns:1fr 1fr;gap:26px;padding:22px 26px;display:grid}.viewport-readout{text-align:center;background:#f5f9f8;border:1px solid #dde8e3;border-radius:12px;flex-direction:column;justify-content:center;padding:26px;display:flex}.viewport-readout small,.viewport-readout span{color:#5d6c7f;font-size:12px}.viewport-readout strong{overflow-wrap:anywhere;margin:15px 0;font:600 clamp(22px,3vw,40px)/1.6 ui-monospace,monospace}.screen-measurements dl{margin:0}.screen-measurements dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;font-size:12px;display:flex}.screen-measurements dt{color:#5d6c7f}.screen-measurements dd{text-align:end;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.connection-workspace>.result-notice{margin:0 26px 26px}.search-result-hint{color:#5d6c7f;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 0;font-size:11px;display:flex}.search-result-hint a{color:#a34512;text-decoration:underline}.active-filters{color:#5d6c7f;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;font-size:12px;display:flex}.active-filters button{color:#a34512;min-height:36px;text-decoration:underline}.category-tabs button,.favorites-toggle{min-height:44px}.tool-card{content-visibility:auto;contain-intrinsic-size:auto 200px}.search-box input{min-width:0}@media (max-width:1050px){.live-workspace{grid-template-columns:1fr}.live-workspace .workspace-grid,.live-workspace .result-panel,.live-workspace .error-panel{grid-area:auto/1}.live-workspace .result-panel{border-inline-start:0;border-top:1px solid var(--line);min-height:0}.result-placeholder{min-height:200px!important}.live-workspace .input-editor{min-height:180px}.live-workspace .output-editor{min-height:150px}}@media (max-width:650px){.workspace-heading{flex-wrap:wrap;align-items:flex-start;gap:8px}.workspace-actions{justify-content:space-between;gap:10px;width:100%}.live-workspace .options-panel,.values-workspace .options-panel{padding:18px 16px}.live-workspace .fields{gap:14px}.live-workspace .field:has(select){grid-column:1/-1}.connection-intro{align-items:flex-start;padding:22px 18px 10px}.connection-intro h2{font-size:18px}.connection-symbol{border-radius:12px;width:42px;height:42px}.ip-grid{grid-template-columns:1fr;padding:14px 18px 20px}.ip-card{padding:18px}.ip-address{min-height:0;margin:14px 0;font-size:24px}.ip-card p{min-height:0}.ip-card .button{width:100%}.connection-footer{flex-wrap:wrap;align-items:flex-start;padding:16px 18px}.connection-footer>span{width:100%;padding-inline-start:27px}.screen-measurements{grid-template-columns:1fr;gap:16px;padding:14px 18px}.connection-workspace>.result-notice{margin:0 18px 20px}.dropzone.has-files{flex-wrap:wrap}.dropzone.has-files .button{flex:1}.result-placeholder{padding:24px;min-height:180px!important}}.workspace .settings-hint{color:#5d6c7f;margin:0 0 16px;font-size:12px;line-height:1.6}.advanced-settings{border:1px solid var(--line);background:#f8fafc;border-radius:12px;margin:20px 0;overflow:hidden}.advanced-toggle{text-align:start;width:100%;min-height:58px;color:var(--ink);align-items:center;gap:10px;padding:14px;font-weight:650;display:flex}.advanced-toggle:hover{background:#eef2f7}.advanced-toggle>span{flex:1}.advanced-toggle small{color:#5d6c7f;margin-top:4px;font-size:11px;font-weight:400;display:block}.advanced-toggle .expanded{transform:rotate(180deg)}.advanced-settings>div{padding:4px 14px 14px}.advanced-settings>div[hidden]{display:none}.settings-reset{min-height:32px;margin-top:16px}.settings-reset:disabled{cursor:default}.workspace .field output{font-variant-numeric:tabular-nums;color:#334661;background:#e8eef5;border-radius:5px;align-self:flex-end;padding:3px 8px;font-size:12px}.workspace .field small{line-height:1.5}.workspace .field input:not([type=checkbox]):not([type=range]):not([type=color]),.workspace .field select{min-height:42px}.workspace .field input[type=range]{accent-color:#b95119;cursor:pointer}.workspace .field input[type=checkbox]{accent-color:#b95119;flex-shrink:0}.result-tools{color:#5d6c7f;flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 12px;font-size:12px;display:flex}.result-tools>span{margin-inline-end:auto}.result-tools label{align-items:center;gap:6px;min-height:32px;display:flex}.result-tools input{accent-color:#b95119}.result-tools button{min-height:32px}.workspace .output-editor{tab-size:2;line-height:1.65}.workspace .downloads{flex-wrap:wrap}.workspace .downloads a{overflow-wrap:anywhere;white-space:normal;max-width:100%}.options-panel,.input-panel{min-width:0}@media (max-width:650px){.advanced-settings .fields{grid-template-columns:1fr}.advanced-settings{margin:18px 0}.advanced-toggle{min-height:64px}.result-tools{gap:8px 16px}.result-tools>span{flex-basis:100%}.result-heading{flex-wrap:wrap;gap:12px}.workspace .checkbox-field{min-height:36px}}.language-menu>div{overscroll-behavior:contain;min-width:220px;max-width:calc(100vw - 40px);max-height:min(65vh,480px);overflow-y:auto}.language-menu>div a{overflow-wrap:anywhere;min-height:36px;display:block}.language-menu>summary{overflow-wrap:anywhere;max-width:220px}.app-shell[dir=rtl] .sidebar{inset-inline-start:0}.input-editor,.output-editor,pre,code{unicode-bidi:plaintext}.result-table .editor-toolbar{flex-wrap:wrap;gap:10px}.table-pagination{flex-wrap:wrap}.page-size{color:#5d6c7f;align-items:center;gap:8px;font-size:12px;display:flex}.page-size select{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:6px;padding:7px}.table-empty{text-align:center;color:#5d6c7f;padding:28px!important}.result-table th button{text-align:start;min-height:36px}@media (max-width:650px){.table-pagination .page-size{flex-basis:100%}.result-table .editor-toolbar label{width:100%}.result-table .editor-toolbar input{width:100%;max-width:none;margin-top:6px}.result-table .editor-toolbar .button{flex:1}}.challenge-overlay:not([open]){display:none}.challenge-overlay[open]{border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0}.challenge-overlay::backdrop{background:#17243a66}
.workspace .image-inspection-controls{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;display:flex}.workspace .image-inspection-controls button{color:#294c73;background:#fff;border:1px solid #bdcbdc;border-radius:7px;min-width:44px;min-height:44px;padding:8px 10px;font-weight:650}.workspace .image-inspection-controls button[aria-pressed=true]{color:#0753ba;background:#eaf3ff;border-color:#075be0}.workspace .image-inspection-controls button:disabled{cursor:default}.workspace .image-inspection-controls output{color:#395674;min-width:34px;font-size:12px}.workspace .image-comparison-viewport{overscroll-behavior:contain;touch-action:pan-x pan-y;background:#eaf0f7;border:1px solid #bdcbdc;border-radius:8px;width:100%;max-width:100%;overflow:auto}.workspace .image-comparison-viewport:focus-visible{outline-offset:3px;outline:3px solid #075be0}.workspace .image-comparison-viewport[data-pannable=true]{cursor:grab}.workspace .image-comparison-viewport[data-pannable=true]:active{cursor:grabbing}.workspace .image-comparison-surface{place-items:center;display:grid}.workspace .image-inspection .image-comparison-stage{flex-shrink:0;max-height:none}.workspace .image-inspection .image-comparison-stage img{-webkit-user-select:none;user-select:none;max-width:none}.workspace .image-inspection p{color:#526079}.workspace .image-inspection-dimensions{overflow-wrap:anywhere;margin-bottom:0}.workspace .file-preview-pdf{background:#fff;border:1px solid #cbd6e4;border-radius:4px;flex:0 0 54px;place-items:center;width:54px;height:72px;display:grid;overflow:hidden}.workspace .file-thumb-pdf{object-fit:contain;border-radius:0;width:100%;height:100%;display:block}.workspace .file-preview-placeholder{color:#526079;place-items:center;gap:4px;display:grid}.workspace .file-preview-placeholder small{color:#526079;margin:0;font-size:9px}@media (max-width:520px){.workspace .file-list li:has(.file-preview-pdf){grid-template-columns:54px minmax(0,1fr)}}
@font-face{font-family:Geist;src:url(/fonts/Geist-Latin-Ext.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+100-2FF,U+300-36F,U+1E??,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;src:url(/fonts/Geist-Latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;src:url(/fonts/Geist-Mono-Latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--ink:#202c4c;--muted:#586f85;--line:#d6e2ed;--paper:#fff;--background:#f3f8fd;--accent:#ad482d;--nav:#ebf2f8;--radius:18px;--primary:#2b3b65;--shadow:0 12px 36px #1e314510}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-padding-top:94px}body{background:var(--background);-webkit-font-smoothing:antialiased;font-family:Geist,ToolCabana,system-ui,sans-serif;font-size:14px}h1,h2,h3,.brand{font-family:Geist,ToolCabana,system-ui,sans-serif}h1,h2,h3{text-wrap:balance}button,a,summary,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--primary)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--primary);outline:2px solid #2b3b6560}button:disabled{cursor:default}button,a{transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s}main:focus{outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:244px minmax(0,1fr)}.sidebar{background:var(--nav);width:244px;color:var(--muted);border-inline-end:1px solid var(--line);z-index:25;padding:32px 18px 20px}.brand{color:#1e2947;letter-spacing:-.9px;margin-bottom:45px;font-size:22px;font-weight:750}.brand-mark{color:#fff;background:#2b3b65;border-radius:11px;width:35px;height:35px;margin-inline-end:9px;box-shadow:0 3px 8px #2b3b6518}.nav-label{letter-spacing:1.6px;color:#637c94;margin:0 12px 13px;font-size:9px}.category-nav-label{margin-top:30px}.sidebar nav,.mobile-nav-dialog nav{flex-direction:column;gap:5px;display:flex}.sidebar nav a,.mobile-nav-dialog nav a{color:#375c80;border-radius:9px;align-items:center;gap:11px;min-height:42px;padding:11px 12px;font-size:12px;line-height:1.35;display:flex}.sidebar nav a.active,.mobile-nav-dialog nav a.active{color:#233053;background:#d4dbed;font-weight:650}.sidebar nav a>span:nth-child(2),.mobile-nav-dialog nav a>span:nth-child(2){flex:1;min-width:0;margin:0}.sidebar nav small,.mobile-nav-dialog nav small{color:#637c95;font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:10px}.sidebar nav .nav-home{color:#375c80;background:0 0;margin:0;font-size:12px}.sidebar .category-nav svg{color:var(--category-color,#657398)}.sidebar-note{color:#35597d;border-top:1px solid #cddbe9;margin:auto 5px 0;padding:25px 12px 6px;font-size:12px}.sidebar-note-mark{color:#54697e;background:#d8e3ef;border-radius:9px;place-items:center;width:29px;height:29px;margin-bottom:10px;display:grid}.sidebar-note strong{font-size:12px;font-weight:650}.sidebar-note p{color:#5e6b8d;margin:7px 0 14px;font-size:11px;line-height:1.65}.sidebar-note a{color:#30416f;gap:7px;font-size:11px}.main-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-color:var(--line);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f3f8fdf2;gap:20px;height:76px;padding:0 42px;position:sticky;top:0}.header-left{align-items:center;gap:12px;min-width:0;display:flex}.header-search{color:#6a839c;text-align:start;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;width:285px;min-height:40px;padding:9px 12px;font-size:12px;display:flex}.header-search:hover{border-color:var(--line);color:#2a4763;background:#fff}.header-search kbd{margin-inline-start:auto;padding:3px 6px;font-size:9px}kbd{color:#657e97;white-space:nowrap;background:#fff;border:1px solid #cfd7eb;border-bottom-width:2px;border-radius:5px;padding:2px 5px;font-size:10px}.topbar-right{gap:18px}.free-pill{letter-spacing:0;color:#3a4f88;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:500;display:flex}.free-pill .status-dot{background:#626f92;width:5px;height:5px;margin:0}.shortcut-button{color:#647d96;border-inline-start:1px solid var(--line);border-radius:0;min-width:43px;padding-inline-start:17px}.language-menu{font-size:12px}.language-menu summary{color:#35487b;align-items:center;gap:7px;min-height:40px;display:flex}.language-menu summary::-webkit-details-marker{display:none}.language-menu>div{border-color:var(--line);width:282px;max-height:min(440px,70vh);box-shadow:var(--shadow);top:45px;inset-inline-end:0;overscroll-behavior:contain;background:#fff;border-radius:14px;padding:12px;right:auto}.language-menu-title{color:#647d95;grid-column:1/-1;padding:7px 8px 12px;font-size:10px}.language-menu a{min-height:38px;font-size:12px}.language-menu a:hover,.language-menu a[aria-current]{color:#2b3b65;background:#e5eef6}.mobile-brand,.mobile-menu-button.icon-button,.mobile-search-button.icon-button{display:none}main{flex:1;width:100%;max-width:1320px}.nav-home span{font-size:inherit;color:inherit;background:0 0;border-radius:0;padding:0}.home-intro{background:0 0;border:0;grid-template-columns:1.2fr 1fr;align-items:center;gap:28px;min-height:442px;padding:58px 46px 46px;display:grid;overflow:visible}.hero-copy{z-index:2;min-width:0;position:relative}.hero-eyebrow{color:#545f7d;letter-spacing:1.5px;align-items:center;gap:8px;font-size:9px;display:inline-flex}.hero-eyebrow .status-dot{background:#7884a5;margin:0}.home-intro h1{letter-spacing:-2.6px;color:#22394f;margin:24px 0 20px;font-family:Geist,ToolCabana,system-ui,sans-serif;font-size:clamp(46px,4.4vw,67px);font-weight:400;line-height:1.06}.home-intro h1 span{color:#b2583b;font-style:italic}.home-intro .hero-description{color:#5e6b8e;text-wrap:pretty;max-width:435px;margin:0 0 24px;font-size:14px;line-height:1.8}.search-box{color:#5c698b;border:1px solid #c9d9e8;border-radius:12px;gap:12px;width:100%;max-width:515px;height:59px;padding-inline:17px;box-shadow:0 4px 16px #2b3b6507}.search-box input{color:var(--ink);appearance:none;padding:12px 0;font-size:13px}.search-box input::-webkit-search-cancel-button{display:none}.search-box button{min-width:30px;min-height:36px;color:var(--muted);place-items:center;display:grid}.search-box kbd{color:#717ea1;padding:4px 8px}.search-result-hint{color:#657398;gap:8px;min-height:15px;margin-top:10px;font-size:10px}.search-result-hint a{color:#8c462e;align-items:center;gap:5px;text-decoration:none;display:flex}.quick-search{color:#7380a2;flex-wrap:wrap;gap:7px;margin-top:18px;font-size:10px}.quick-search>span{margin-inline-end:2px}.quick-search button{color:#54607f;background:#ebf2f8;border:1px solid #d4dbed;border-radius:6px;align-items:center;gap:6px;min-height:29px;padding:5px 10px;font-size:10px;display:flex}.quick-search button:hover{background:#dde3f1;border-color:#aeb5c6}.hero-art{justify-self:end;width:100%;min-width:0;max-width:470px;height:340px;position:relative}.art-orbit{pointer-events:none;border:1px dashed #cad9e8;border-radius:50%;position:absolute}.orbit-one{width:330px;height:330px;top:0;left:45px}.orbit-two{width:230px;height:230px;top:52px;left:94px}.art-spark{color:#98a7b6;font-family:Geist,ToolCabana,system-ui,sans-serif;font-size:34px;position:absolute}.spark-one{top:5px;color:#c18b61;font-size:29px;inset-inline-end:19px}.spark-two{top:265px;left:17px}.art-card{border:1px solid #d2d9ec;transition:transform .2s,box-shadow .2s;position:absolute;box-shadow:0 15px 35px #1b253f13}.art-card:hover{box-shadow:0 20px 40px #1b253f20}.art-code{color:#c8d8e7;z-index:1;background:#243154;border:0;border-radius:14px;width:320px;top:33px;left:16px;overflow:hidden;transform:rotate(-5deg)}.art-card-header{color:#a2b0bd;background:#1f3347;align-items:center;gap:12px;height:37px;padding:0 14px;font-size:9px;display:flex}.art-card-header>svg{margin-inline-start:auto}.art-window-dots{gap:4px;display:flex}.art-window-dots i{background:#606d90;border-radius:50%;width:5px;height:5px}.art-code-body{padding:15px 8px 17px;font:11px/2.2 Consolas,monospace}.code-line{white-space:pre;display:block}.code-line small{text-align:center;color:#657398;width:28px;margin-right:5px;font-size:10px;display:inline-block}.code-line em{color:#adb9c4;font-style:normal}.code-line b{color:#e2b087;font-weight:400}.art-code-footer{color:#808cab;background:#202c4c;justify-content:space-between;align-items:center;padding:9px 14px;font-size:8px;display:flex}.art-code-footer>span:first-child{align-items:center;gap:5px;display:flex}.art-image{z-index:2;background:#fff;border-radius:13px;width:177px;padding:8px;top:97px;right:-3px;transform:rotate(8deg)}.art-landscape{background:#f0e7d1;border-radius:7px;height:115px;position:relative;overflow:hidden}.landscape-sun{background:#ce9b57;border-radius:50%;width:35px;height:35px;position:absolute;top:20px;right:32px}.landscape-hill{border-radius:28px;width:180px;height:100px;position:absolute;transform:rotate(26deg)}.hill-back{background:#828dab;top:70px;left:-22px}.hill-front{background:#3c638b;top:78px;left:49px;transform:rotate(-25deg)}.art-landscape>svg{color:#826f45;position:absolute;top:7px;left:7px}.art-image-meta{padding:10px 4px 4px}.art-image-meta strong{color:#2c4966;font-size:10px;display:block}.art-image-meta>span{color:#657398;justify-content:space-between;gap:4px;margin-top:6px;font-size:8px;display:flex}.art-pdf{z-index:3;background:#fff;border-radius:12px;align-items:center;gap:11px;width:293px;padding:15px;display:flex;bottom:31px;left:38px;transform:rotate(-2deg)}.art-pdf:hover{transform:rotate(0)translateY(-3px)}.art-pdf-icon{color:#bf7559;background:#faeee5;border-radius:8px;place-items:center;width:43px;height:48px;display:grid}.art-pdf strong{color:#2d4b69;font-size:12px;display:block}.art-pdf div>span{color:#6e879f;margin-top:4px;font-size:9px;display:block}.art-done{color:#5a6686;background:#e3edf6;border-radius:50%;place-items:center;width:27px;height:27px;margin-left:auto;display:grid}.art-caption{color:#717ea1;align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;bottom:-5px;left:76px}.trust-strip{border-block:1px solid var(--line);color:#5f778e;align-items:center;gap:28px;margin:0 46px;padding:18px 0;font-size:10px;display:flex}.trust-strip>span{align-items:center;gap:7px;display:flex}.trust-strip strong{font-weight:650}.trust-strip>a{color:#5a6686;white-space:nowrap;align-items:center;gap:7px;margin-inline-start:auto;display:flex}.popular{padding:37px 46px 8px}.section-heading{align-items:center;gap:15px;margin-bottom:22px}.section-heading h2{letter-spacing:-.7px;gap:10px;font-size:22px;font-weight:650;line-height:1.3}.section-kicker{color:#758ca3;letter-spacing:1.5px;margin:0 0 10px;font-size:8px;font-weight:600;display:block}.section-heading p{color:#647297;margin:7px 0 0;font-size:12px}.heading-spark{color:#b5854e;font-size:19px;font-weight:400}.section-heading>a.browse-link{color:#3a6289;gap:8px;padding:10px 0;font-size:11px}.browse-link:hover{color:#a45230}.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}[data-category=images-and-design]{--category-color:#5d748b;--category-bg:#e4e9f6}[data-category=text-and-writing]{--category-color:#a57c45;--category-bg:#f8f1df}[data-category=developer-and-data]{--category-color:#748ba2;--category-bg:#edf3f9}[data-category=network-and-web]{--category-color:#607991;--category-bg:#eaf3f6}[data-category=calculators-and-finance]{--category-color:#3c648c;--category-bg:#e0e5f2}[data-category=units-and-measurement]{--category-color:#5e6b8d;--category-bg:#e9edf8}[data-category=dates-and-productivity]{--category-color:#7985a5;--category-bg:#f8edf3}[data-category=generators-and-marketing]{--category-color:#b69041;--category-bg:#e4e9f6}[data-category=audio-video-and-files]{--category-color:#748ba2;--category-bg:#edf3f8}.tool-card{content-visibility:visible;background:#fff;border:1px solid #d6ddee;border-radius:13px;padding:21px;transition:transform .17s,border-color .17s,box-shadow .17s;box-shadow:0 2px 5px #1b253f03}.tool-card:hover,.tool-card:focus-within{border-color:#b4baca;transform:translateY(-3px);box-shadow:0 9px 24px #2431540a}.card-top{margin-bottom:18px}.tool-icon{width:43px;height:43px;color:var(--category-color,#596585);background:var(--category-bg,#e5eef6);border-radius:11px}.favorite{color:#96a6b5;border-radius:7px;width:32px;min-width:32px;height:32px;min-height:32px}.card-link h3{letter-spacing:-.2px;color:#27355b;gap:8px;margin-bottom:8px;font-size:14px;font-weight:650;line-height:1.4}.card-link h3 svg{color:#aeb5c6}.tool-card:hover .card-link h3 svg{color:#606d90;transform:translate(1px,-1px)}.card-link p{color:#657e97;-webkit-line-clamp:2;text-wrap:pretty;min-height:37px;font-size:11px;line-height:1.7}.card-link:after{border-radius:inherit}.card-link:focus-visible{outline:none}.card-link:focus-visible:after{outline:3px solid var(--primary);outline-offset:3px}.card-top .tooltip-wrap{z-index:4}.card-category{color:#727fa1;letter-spacing:.1px;margin-top:20px;font-size:9px}.featured-card{padding:21px 19px}.featured-card .card-category{display:none}.featured-card .card-top{margin-bottom:16px}.recent-section{border-bottom:1px solid var(--line);margin:25px 46px 0;padding:15px 0}.recent-label{color:#667499;align-items:center;gap:7px;font-size:10px;display:flex}.recent-tools{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.recent-tools a{border:1px solid var(--line);color:#54697e;background:#fff;border-radius:6px;align-items:center;gap:7px;padding:7px 9px;font-size:10px;display:flex}.recent-tools a:hover{background:#e8ecf7;border-color:#a0a8bc}.directory{padding:40px 46px 30px;scroll-margin-top:91px}.directory-heading{margin-bottom:22px}.count-badge{color:#6e879f;letter-spacing:0;font-variant-numeric:tabular-nums;background:#e9edf8;border:1px solid #d1d8eb;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:400}.favorites-toggle{color:#586f85;white-space:nowrap;background:#fff;border:1px solid #d2dfec;border-radius:8px;gap:7px;min-height:36px;padding:8px 12px;font-size:11px}.favorites-toggle:hover{background:#eff2fa;border-color:#b2b8c8}.favorites-toggle>span{background:#e3edf6;border-radius:4px;padding:1px 5px;font-size:9px}.category-tabs{flex-wrap:wrap;gap:7px;padding-bottom:20px;display:flex;overflow:visible}.category-tabs button{color:#637c94;background:#fff;border:1px solid #d6ddee;border-radius:7px;align-items:center;gap:5px;min-height:31px;padding:6px 10px;font-size:10px;display:flex}.category-tabs button:hover{color:#315272;background:#e3edf6;border-color:#aeb5c6}.category-tabs button svg{color:var(--category-color,#6e879f)}.category-tabs button.active{color:#fff;background:#2c4a68;border-color:#2c4a68}.directory-toolbar{justify-content:space-between;align-items:center;gap:12px;padding-bottom:17px;display:flex}.results-count{color:#6c859d;overflow-wrap:anywhere;font-size:10px}.directory-controls{flex-shrink:0;align-items:center;gap:14px;display:flex}.sort-control{color:#657398;align-items:center;gap:6px;display:flex}.sort-control select{color:#60788f;cursor:pointer;background:0 0;border:0;padding:8px 3px;font-size:10px}.view-switch{background:#edf3f9;border:1px solid #d2dfec;border-radius:7px;gap:3px;padding:3px;display:flex}.view-switch button{color:#7d89a9;border-radius:4px;place-items:center;width:29px;height:27px;display:grid}.view-switch button.active{color:#305070;background:#fff;box-shadow:0 1px 4px #2b3b6510}.active-filters{color:#667f98;gap:8px;margin-bottom:18px;font-size:10px}.active-filters button{color:#35487c;overflow-wrap:anywhere;background:#e3edf6;border-radius:5px;align-items:center;gap:6px;max-width:100%;min-height:28px;padding:4px 9px;text-decoration:none;display:inline-flex}.active-filters .clear-filters{color:#9d694c;text-underline-offset:3px;background:0 0;text-decoration:underline}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-list{grid-template-columns:1fr;gap:9px}.tool-list .tool-card{grid-template-columns:44px minmax(0,1fr) 142px 30px;align-items:center;gap:17px;padding:16px 19px;display:grid}.tool-list .card-top{display:contents}.tool-list .card-top .tooltip-wrap{grid-area:1/4}.tool-list .tool-icon{grid-area:1/1}.tool-list .card-link{grid-area:1/2}.tool-list .card-link h3{margin-bottom:3px}.tool-list .card-link h3 svg{display:none}.tool-list .card-link p{-webkit-line-clamp:1;min-height:0}.tool-list .card-category{text-align:end;grid-area:1/3;margin:0;font-size:10px}.load-more{text-align:center;padding:34px 0 22px}.load-more p{color:#748ba2;margin:0 0 13px;font-size:10px}.load-more .button{min-height:40px;padding-inline:21px;font-size:11px}.load-more>span{color:#8599ad;margin-top:13px;font-size:10px;display:block}.empty-state{color:#657398;background:#fff;border:1px dashed #c8d1e8;border-radius:15px;flex-direction:column;align-items:center;padding:65px 20px;display:flex}.empty-icon{color:#6f7c9f;background:#e6ebf7;border-radius:20px;place-items:center;width:68px;height:68px;display:grid}.empty-state h3{color:#314373;margin:20px 0 5px;font-size:20px}.empty-state p{max-width:350px;margin:8px 0 23px;font-size:13px}.empty-state .button{color:#fff;text-decoration:none}.directory-outro{border-block:1px solid var(--line);align-items:center;gap:18px;margin-top:25px;padding:26px 4px;display:flex}.directory-outro>span{color:#a1afbc;font-size:34px}.directory-outro h3{color:#375d82;margin:0 0 4px;font-family:Geist,ToolCabana,system-ui,sans-serif;font-size:20px;font-weight:400}.directory-outro p{color:#7481a3;margin:0;font-size:11px}.directory-outro a{color:#54607f;align-items:center;gap:7px;margin-inline-start:auto;font-size:11px;display:flex}.footer{border-color:var(--line);color:#748ba2;background:0 0;align-items:center;padding:24px 46px;font-size:10px}.footer-brand{flex-direction:column;display:flex;gap:7px!important}.footer-brand>span:last-child{color:#8d96ae;align-items:center;gap:5px;font-size:9px;display:flex}.footer nav{gap:18px;display:flex}.footer a:hover{color:#36497d}.locale-notice{color:#596585;background:#e1eaf2;align-items:center;padding:10px 46px;font-size:10px;line-height:1.5}.locale-notice button,.locale-notice a{font:inherit;text-underline-offset:3px;align-items:center;min-height:22px;padding:0;display:inline-flex}.tool-page{padding:30px 46px 38px}.back-link{color:#667f98;gap:7px;margin-bottom:26px;font-size:11px}.back-link:hover{color:#2e4c6a}.tool-title{align-items:center;gap:17px;margin-bottom:29px}.tool-title .tool-icon{border-radius:15px;flex-shrink:0;width:58px;height:58px}.tool-title h1{letter-spacing:-1.2px;color:#263f58;font-size:30px;font-weight:650}.tool-title p{color:#637c95;max-width:680px;font-size:13px;line-height:1.7}.tool-title>div{min-width:0}.no-signup{display:none}.tool-page-actions{flex-shrink:0;margin-inline-start:auto;position:relative}.save-tool{white-space:nowrap;min-height:38px!important;font-size:11px!important}.save-tool.saved{color:#528eca!important;background:#eaf4ff!important;border-color:#d7e9fa!important}.action-notice{color:#53687d;white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;top:calc(100% + 7px);right:0}.workspace,.connection-workspace,.timer-workspace,.access-panel{border-color:#d2dfec;border-radius:16px;box-shadow:0 7px 25px #24315405}.workspace-heading{color:#637c95;background:#eef4fa;border-color:#d6ddee;padding:16px 22px;font-size:11px}.workspace-heading .status-dot{background:#2588cf}.workspace-actions{gap:15px}.live-toggle{color:#3d538e;font-size:11px}.live-toggle input{accent-color:var(--primary);width:16px;height:16px}.input-panel{padding:24px}.editor-toolbar{color:#3a4f88;font-size:12px}.editor-toolbar>label{font-weight:650}.text-button{color:#607991;border-radius:5px;min-height:32px;padding:5px 7px;font-size:11px}.text-button:hover{color:#2e4d6b;background:#e5eef6}.editor-toolbar .text-button{color:#628eb9;background:#eff7ff;padding-inline:10px;font-size:10px}.input-editor{color:#2b3b65;background:#fbfdfe;border-color:#d2dfec;border-radius:10px;min-height:245px;padding:16px 18px;font-size:14px;line-height:1.8}.result-jump{color:var(--brand);align-items:center;gap:6px;font-weight:650;display:inline-flex}.result-panel,.error-panel{scroll-margin-top:100px}.image-comparison{margin:20px 0}.image-comparison figcaption{justify-content:space-between;margin-bottom:8px;font-weight:650;display:flex}.image-comparison-stage{background:repeating-conic-gradient(#e5ecf3 0% 25%,#fff 0% 50%) 50%/16px 16px;max-height:420px;position:relative;overflow:hidden}.image-comparison-stage img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.image-comparison-divider{pointer-events:none;background:#fff;width:2px;position:absolute;inset-block:0;box-shadow:0 0 0 1px #172f50}.image-comparison label{gap:6px;margin-top:12px;display:grid}.image-comparison input{width:100%;min-height:44px}.image-comparison p{color:var(--muted);font-size:12px}.input-editor::placeholder{color:#8599ad}.code-editor,.output-editor{font-family:Consolas,SFMono-Regular,monospace;font-size:12px}.editor-bottom{color:#7481a3;font-size:10px}.icon-button{color:#6b799d;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:32px;display:inline-flex}.icon-button:hover{color:#2c3c67;background:#e1eaf2}.options-panel{background:#f4f8fc;border-color:#d7e3ee;padding:25px}.options-panel h3{color:#2f4f6f;margin-bottom:20px;font-size:13px;font-weight:650}.fields{gap:19px}.field{color:#597086;gap:8px;font-size:11px;font-weight:500}.field-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.field input,.field select,.field textarea{color:#2c4a68;background:#fff;border-color:#cdd5ea;border-radius:8px;padding:11px;font-size:12px}.field small{color:#768da3;font-size:10px;line-height:1.6}.workspace .field input[type=checkbox],.workspace .field input[type=range]{accent-color:var(--primary)}.workspace .field output{color:#3a6289;background:#e0e9f2;font-family:inherit}.checkbox-field{flex-wrap:wrap;align-items:center}.checkbox-field small{flex-basis:100%;padding-inline-start:22px}.checkbox-field input{width:15px;height:15px}.button{border-radius:8px;min-height:43px;padding:11px 16px;font-size:12px;font-weight:600}.button.primary{color:#fff;background:#1466e8;box-shadow:0 3px 10px #1466e818}.button.primary:hover{background:#0854c9;transform:translateY(-1px)}.button.secondary{color:#566b80;background:#fff;border-color:#cdd5ea}.button.secondary:hover{background:#e7eff7;border-color:#abb7c3}.run-button{min-height:46px;margin-top:23px}.button.small{min-height:35px;padding:7px 11px;font-size:11px}.privacy-note{color:#7481a3;font-size:10px}.keyboard-hint{color:#7b87a7;font-size:10px}.live-workspace .options-panel{padding:21px 24px}.live-workspace .fields{gap:17px}.live-help{color:#667499;font-size:10px}.live-workspace .result-panel{border-color:#d5e1ed}.result-panel{background:#fff;border-color:#d4e0ec;padding:24px}.result-heading h3{color:#357;font-size:13px}.result-heading h3 svg{color:#6b849c}.result-tools{color:#748ba2;gap:15px;font-size:10px}.result-tools input{accent-color:var(--primary)}.output-editor{color:#2e3f6c;background:#f2f5fb;border-color:#d2d9ec;padding:16px 18px}.result-placeholder{background:radial-gradient(#ecf0f9,#0000 75%),#f9fbfd;min-height:350px!important}.placeholder-icon{color:#70889f;background:#dde7f0;border-radius:19px;width:60px;height:60px}.result-placeholder h3{color:#545f7d;font-size:17px;font-weight:500}.result-placeholder p{color:#768da3;font-size:12px}.result-notice{color:#647297;background:#ebf2f8;border:1px solid #dae0ef;font-size:11px;line-height:1.7}.stats-grid>div{background:#eef4fa;border-color:#d2d9ec;border-radius:10px}.stats-grid small{color:#69829b;font-size:10px}.stats-grid strong{color:#334678;font-variant-numeric:tabular-nums;font-family:Geist,ToolCabana,system-ui,sans-serif;font-size:23px;font-weight:600}.advanced-settings{background:#ebeff9;border-color:#cedcea;border-radius:10px}.advanced-toggle{color:#3c528d;padding:13px;font-size:12px;font-weight:500}.advanced-toggle:hover{background:#dfe4f1}.advanced-toggle small,.workspace .settings-hint{color:#6e7b9e;font-size:11px}.advanced-toggle small{font-size:10px}.advanced-settings>div{padding:4px 13px 13px}.dropzone{background:radial-gradient(#eef4fa,#fbfdfe);border:1.5px dashed #bfc9d2;border-radius:14px;min-height:282px;padding:35px 20px}.dropzone.dragging{background:#e2ecf5;border-color:#5c738a}.dropzone h3{color:#3a6187;font-size:19px;font-weight:500}.dropzone p{color:#748ba2;font-size:12px}.upload-icon{color:#7884a5;background:#e0e9f2;border-radius:19px;width:64px;height:64px}.dropzone .sample-file{color:#9d7b4d;background:#fbf5e7;border-radius:6px;padding:6px 11px;font-size:11px;text-decoration:none}.dropzone .button{color:#fff;background:#2f4e6d;border-color:#2f4e6d}.dropzone .button:hover{background:#263f58}.file-list li{background:#f7fafc;border-color:#cdd5ea;border-radius:10px}.file-list strong{color:#395f84}.file-list small{color:#758ca3}.file-actions button{color:#768da3;border-radius:6px}.file-actions button:hover{background:#dee8f1}.studio-help{color:#748ba2;font-size:11px}.file-studio .editor-toolbar{color:#607991}.remote-notice{color:#667499;background:#fbf3e8;font-size:11px}.error-panel{color:#a76540;background:#fff8f0;border-color:#efceb6;font-size:12px}.calculation-symbol{color:#8c9dae;background:#e3edf6}.calculation-intro h3{color:#5a6686}.calculation-intro p{color:#7e93a9}.tool-guide{border-color:#d1d8eb;grid-template-columns:minmax(0,1fr) 260px;gap:35px;margin-top:43px}.tool-guide h2{color:#375b7f;font-size:22px;font-weight:600}.tool-guide h3{color:#576383;font-size:14px}.tool-guide .eyebrow{color:#7380a2}.tool-guide p,.tool-guide ol{color:#69829b;font-size:12px;line-height:1.9}.tool-guide ol{counter-reset:guide-step;padding:0;list-style:none}.tool-guide ol li{counter-increment:guide-step;min-height:40px;padding:6px 0 8px 36px;position:relative}.tool-guide ol li:before{content:counter(guide-step);color:#69829b;background:#e0e9f2;border-radius:7px;place-items:center;width:23px;height:23px;font-size:10px;display:grid;position:absolute;top:8px;left:0}.guide-note{color:#7e93a9;background:#e9edf8;border-color:#d0deeb;border-radius:14px;padding:25px}.guide-note p{color:#727fa1;font-size:11px}.guide-note a{color:#5c698b;font-size:10px}.tool-faq summary{color:#5a6686;font-size:12px}.related-grid a{color:#7d89a9;border-color:#cedcea;border-radius:10px;padding:19px;font-size:12px}.related-grid a:hover{background:#e9edf8;border-color:#a5b3c0}.related-grid a span:first-of-type{color:#597086}.tooltip-wrap{vertical-align:middle;display:inline-flex;position:relative}.tooltip-bubble{z-index:60;inset-inline-end:0;color:#fff;text-align:start;opacity:0;visibility:hidden;white-space:normal;background:#233053;border:1px solid #395f85;border-radius:8px;width:max-content;max-width:248px;padding:8px 11px;font-size:10px;font-weight:400;line-height:1.6;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);box-shadow:0 5px 18px #24315420}.tooltip-bubble:after{content:"";top:100%;border:5px solid #0000;border-top-color:#233053;position:absolute;inset-inline-end:12px}.tooltip-bubble:before{content:"";top:100%;height:10px;position:absolute;inset-inline:0}.tooltip-bottom .tooltip-bubble{top:calc(100% + 8px);bottom:auto}.tooltip-bottom .tooltip-bubble:after{border-top-color:#0000;border-bottom-color:#233053;top:auto;bottom:100%}.tooltip-bottom .tooltip-bubble:before{top:auto;bottom:100%}.tooltip-wrap:hover>.tooltip-bubble,.tooltip-wrap:focus-within>.tooltip-bubble{visibility:visible;opacity:1}.tooltip-dismissed>.tooltip-bubble{visibility:hidden!important;opacity:0!important}.help-tip{color:#7c88a8;border-radius:50%;place-items:center;min-width:25px;min-height:25px;padding:0;display:grid}.field-label .tooltip-bubble{max-width:240px}.toast{inset-inline-start:calc(50% + 100px);bottom:max(25px, env(safe-area-inset-bottom));z-index:90;color:#d9dfef;background:#233053;border:1px solid #3b5089;border-radius:12px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);padding:13px 16px;font-size:11px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 35px #1f33472a}.toast>svg{color:#9fadbb}.toast strong{font-weight:600}.toast>span{min-width:0}.toast button{color:#bec8e3;text-underline-offset:3px;min-height:30px;font-size:10px;text-decoration:underline}.toast .toast-close{color:#9dabb9;place-items:center;padding:4px;display:grid}dialog{color:var(--ink);overscroll-behavior:contain;background:#fff;border:1px solid #cdd5ea;border-radius:17px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 36px);padding:0;box-shadow:0 30px 90px #1c2f422f}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e314559}.search-dialog{width:600px;margin:min(15vh,130px) auto auto;overflow:visible}.palette-search{color:#68819a;border-bottom:1px solid #d9dfef;align-items:center;gap:13px;padding:15px 18px;display:flex}.palette-search input{color:#345678;background:0 0;border:0;outline:0;flex:1;width:0;min-width:0;padding:10px 0;font-size:15px}.palette-search:focus-within{box-shadow:inset 0 -2px #99a8b7}.palette-search input::placeholder{color:#8196ab}.palette-label{color:#7481a3;letter-spacing:1px;padding:18px 22px 8px;font-size:9px}.palette-results{max-height:min(53vh,440px);padding:5px 10px 10px;overflow-y:auto}.palette-results>a{color:#545f7d;border-radius:9px;align-items:center;gap:13px;padding:11px 12px;font-size:13px;display:flex}.palette-results>a:hover,.palette-results>a.active{color:#2c4966;background:#e6eff7}.palette-results .tool-icon{border-radius:9px;width:35px;height:35px}.palette-results>a>svg:last-child{color:#8398ad;margin-inline-start:auto}.palette-empty{text-align:center;color:#7c92a7;padding:35px 15px}.palette-empty h3{color:#525d7b;font-size:17px}.palette-empty p{font-size:12px}.palette-footer{color:#7f94a9;background:#f1f5fa;border-top:1px solid #d4dbed;border-radius:0 0 17px 17px;justify-content:space-between;gap:10px;padding:13px 20px;font-size:9px;display:flex}.palette-footer kbd{margin-inline-end:4px;font-size:9px}.help-dialog{width:420px;padding:29px}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.help-dialog-icon{color:#7985a5;background:#e4e9f6;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.help-dialog h2{letter-spacing:-.7px;color:#35487c;margin:22px 0 8px;font-family:Geist,ToolCabana,system-ui,sans-serif;font-size:28px;font-weight:400}.help-dialog>p{color:#7a86a6;font-size:12px}.shortcut-list{margin:22px 0}.shortcut-list>div{border-bottom:1px solid #d6ddee;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.shortcut-list dt{color:#667499;font-size:11px}.shortcut-list dd{margin:0}.quick-tip{color:#6b849c;background:#e9edf8;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:13px;display:flex}.quick-tip p{color:#a59057;margin:0;font-size:11px;line-height:1.6}.help-dialog>.button{width:100%}.mobile-nav-dialog{background:var(--nav);border-radius:0 16px 16px 0;width:310px;max-width:calc(100vw - 40px);height:100dvh;max-height:100dvh;margin:0;padding:25px 18px}.mobile-nav-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.mobile-nav-heading .brand{margin:0;font-size:20px}.mobile-nav-dialog .category-nav-label{margin-top:28px}.skip-link{color:#2f4f6f;background:#fff;border:1px solid #8e9eae;padding:12px 18px;font-size:12px}.skip-link:focus{top:10px;left:265px}@media (min-width:1600px){.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-list{grid-template-columns:1fr}.home-intro{padding-block:62px 52px}.home-intro h1{font-size:70px}.hero-art{margin-inline-end:25px}}@media (max-width:1200px){.app-shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{width:218px;padding-inline:13px}.sidebar nav a{gap:8px;padding-inline:10px;font-size:11px}.brand{font-size:20px}.home-intro,.popular,.directory,.tool-page,.footer{padding-inline:32px}.trust-strip{gap:18px;margin-inline:32px}.recent-section{margin-inline:32px}.topbar{padding-inline:30px}.home-intro{gap:16px}.hero-art{transform-origin:100%;transform:scale(.87)}.home-intro h1{font-size:53px}.popular-grid{gap:10px}.featured-card{padding:17px 14px}.featured-card .card-link h3{font-size:12px}.featured-card .card-link p{font-size:10px}.card-link h3{font-size:13px}.tool-title h1{font-size:27px}.tool-guide{grid-template-columns:minmax(0,1fr) 225px;gap:26px}.trust-strip>a{display:none}}@media (max-width:1050px){.home-intro{grid-template-columns:1.2fr .8fr}.hero-art{width:350px;transform:scale(.75)}.art-code{width:310px}.art-image{right:-50px}.home-intro h1{font-size:48px}.home-intro .hero-description{font-size:13px}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-card{padding:20px}.featured-card .card-link h3{font-size:14px}.featured-card .card-link p{font-size:11px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-list,.live-workspace{grid-template-columns:1fr}.live-workspace .result-panel{border-inline-start:0;border-top:1px solid var(--line)}.tool-title{flex-wrap:wrap}.tool-title>div:not(.tool-page-actions){flex:1}.result-placeholder{min-height:230px!important}.workspace-grid{grid-template-columns:minmax(0,1fr) 250px}.family-calculator .workspace-grid,.family-unit .workspace-grid{grid-template-columns:1fr 1fr}}@media (max-width:850px){.app-shell{display:block}.sidebar{display:none}.topbar{height:66px;padding-inline:23px}.mobile-brand{display:block}.mobile-brand .brand{margin:0;font-size:19px}.mobile-brand .brand-mark{border-radius:8px;width:29px;height:29px}.mobile-brand .brand-mark svg{width:19px}.mobile-menu-button.icon-button{display:inline-flex}.header-search{display:none}.mobile-search-button.icon-button{display:inline-flex}.free-pill{font-size:10px}.shortcut-button{border:0;min-width:28px;padding:0}.topbar-right{gap:13px}.home-intro{grid-template-columns:1.15fr 1fr;padding-top:40px}.home-intro h1{font-size:53px}.hero-art{width:350px;transform:scale(.85)}.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.featured-card{padding:16px}.featured-card .card-link h3{font-size:12px}.featured-card .card-link p{font-size:10px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-card{padding:18px}.tool-list{grid-template-columns:1fr}.tool-guide{grid-template-columns:minmax(0,1fr) 220px}.toast{inset-inline-start:50%}.skip-link:focus{left:12px}.search-dialog{margin-top:10vh}}@media (max-width:700px){.home-intro{grid-template-columns:1fr;min-height:auto;padding-block:38px 28px}.hero-art{display:none}.home-intro h1{letter-spacing:-2px;font-size:56px}.home-intro .hero-description{max-width:480px;font-size:14px}.search-box{max-width:100%}.hero-eyebrow{font-size:8px}.trust-strip{flex-wrap:wrap;gap:14px 24px;padding-block:15px;font-size:10px}.trust-strip>span:last-of-type{display:none}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-card{padding:19px}.featured-card .card-link h3{font-size:14px}.featured-card .card-link p{font-size:11px}.section-heading h2{font-size:21px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-list{grid-template-columns:1fr}.tool-list .tool-card{grid-template-columns:42px minmax(0,1fr) 30px;gap:13px}.tool-list .card-category{display:none}.tool-list .card-top .tooltip-wrap{grid-column:3}.directory-outro>a{display:none}.tool-guide{grid-template-columns:1fr}.guide-note{display:block}.tool-title h1{font-size:26px}.tool-title p{font-size:12px}.tool-page-actions{justify-content:flex-end;width:100%;margin-top:-3px;display:flex}.action-notice{top:12px;left:0;right:auto}.workspace-grid,.family-calculator .workspace-grid,.family-unit .workspace-grid{grid-template-columns:1fr}.options-panel{border-inline-start:0;border-top:1px solid var(--line)}.workspace-heading{flex-wrap:wrap;padding:14px 19px}.workspace-heading>span{font-size:10px;line-height:1.6}.workspace-actions{justify-content:space-between;width:100%}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}:is(.field:has(textarea),.checkbox-field){grid-column:1/-1}.live-workspace .options-panel,.options-panel,.input-panel,.result-panel{padding:21px}.input-editor{height:clamp(160px,24svh,220px);min-height:160px}.footer{flex-wrap:wrap;gap:16px}.footer nav{gap:14px}.shortcut-button{display:none}}@media (max-width:520px){.topbar{gap:9px;padding-inline:15px}.header-left{gap:5px}.topbar-right{gap:8px}.free-pill{display:none}.language-menu summary{gap:4px;font-size:11px}.language-menu summary>svg:first-child{display:none}.mobile-brand .brand{font-size:18px}.home-intro,.popular,.directory,.tool-page,.footer{padding-inline:21px}.trust-strip{gap:16px;margin-inline:21px}.recent-section{margin-inline:21px}.home-intro{padding-top:34px}.home-intro h1{margin-top:22px;font-size:49px}.home-intro .hero-description{max-width:340px;font-size:13px}.hero-eyebrow{letter-spacing:1.2px;font-size:7px}.search-box{gap:10px;height:57px;padding-inline:14px}.search-box input{font-size:16px}.quick-search{gap:5px}.quick-search button{min-height:31px;padding-inline:8px;font-size:10px}.search-result-hint{font-size:10px;line-height:1.5}.popular{padding-top:30px}.section-heading{align-items:flex-start;gap:10px;margin-bottom:18px}.section-heading h2{letter-spacing:-.6px;font-size:20px}.section-heading p{max-width:200px;font-size:11px;line-height:1.65}.section-heading .browse-link{gap:3px;padding-top:28px;font-size:10px}.featured-card{padding:16px}.featured-card .card-link h3{align-items:flex-start;min-height:37px;font-size:13px}.featured-card .card-link h3 svg{display:none}.featured-card .card-link p{min-height:36px;font-size:11px}.featured-card .tool-icon{width:38px;height:38px}.popular-grid{gap:10px}.directory{padding-top:34px}.directory-heading{flex-wrap:wrap;align-items:center}.directory-heading p{max-width:none}.favorites-toggle{padding:7px 10px;font-size:10px}.category-tabs{padding-bottom:14px;scrollbar-width:thin;flex-wrap:nowrap;margin-inline-end:-21px;padding-inline-end:21px;overflow-x:auto}.category-tabs button{min-height:35px;font-size:10px}.directory-toolbar{gap:8px;padding-bottom:14px}.directory-controls{gap:8px}.sort-control>svg{display:none}.sort-control select{max-width:125px;font-size:10px}.results-count{max-width:130px;font-size:9px;line-height:1.6}.tool-grid{grid-template-columns:1fr;gap:11px}.tool-card{padding:20px}.card-link h3{font-size:15px}.card-link p{min-height:0;font-size:12px}.card-category{margin-top:16px;font-size:10px}.tool-list .tool-card{gap:11px;padding:15px 12px}.tool-list .card-link h3{font-size:13px}.tool-list .card-link p{font-size:10px}.tool-list .tool-icon{width:38px;height:38px}.directory-outro{gap:13px;padding-block:21px}.directory-outro h3{font-size:18px}.directory-outro p{font-size:10px}.footer{flex-direction:column;align-items:flex-start;padding-block:22px}.footer nav{flex-wrap:wrap;gap:17px;font-size:10px}.locale-notice{gap:8px;padding-inline:21px;font-size:9px}.tool-page{padding-top:23px}.tool-title .tool-icon{border-radius:13px;width:48px;height:48px}.tool-title{gap:12px}.tool-title h1{letter-spacing:-.8px;font-size:24px}.tool-title p{font-size:11px}.input-editor,.field input,.field select,.field textarea{font-size:16px}.code-editor,.output-editor{font-size:13px}.input-panel,.result-panel{padding:18px}.options-panel,.live-workspace .options-panel{padding:20px 18px}.stats-grid strong{font-size:20px}.tooltip-bubble{max-width:200px;font-size:10px}.tool-card .tooltip-bubble{inset-inline-end:-8px}.toast{gap:7px;padding:10px 12px;font-size:10px}.toast strong{display:block}.help-dialog{padding:24px}.palette-search{gap:10px;padding:11px 14px}.palette-search input{font-size:14px}.palette-footer{gap:6px;padding:12px;font-size:8px}.palette-footer kbd{padding:2px 3px;font-size:8px}.search-dialog{margin-top:8vh}}@media (max-width:360px){.home-intro h1{font-size:43px}.mobile-brand .brand{font-size:16px}.mobile-brand .brand-mark{width:26px;height:26px;margin-inline-end:6px}.topbar-right{gap:4px}.featured-card{padding:13px}.featured-card .tool-icon{width:33px;height:33px}.directory-controls{gap:5px}.sort-control select{width:106px}.view-switch{padding:2px}.view-switch button{width:26px}.trust-strip{font-size:9px}.quick-search>span{display:none}}[dir=rtl] .tool-guide ol li{padding:6px 36px 8px 0}[dir=rtl] .tool-guide ol li:before{left:auto;right:0}[dir=rtl] .action-notice{left:0;right:auto}[dir=rtl] .mobile-nav-dialog{border-radius:16px 0 0 16px;margin:0 0 0 auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.more-categories summary{color:#545f7d;cursor:pointer;border-radius:8px;align-items:center;gap:7px;min-height:42px;padding:11px 12px;font-size:11px;list-style:none;display:flex}.more-categories summary::-webkit-details-marker{display:none}.more-categories summary>span{color:#60788f;margin-inline-start:auto;font-size:9px}.more-categories summary:hover{background:#dbe1f0}.more-categories[open] summary>svg{transform:rotate(180deg)}.more-categories[open] summary{margin-bottom:6px}.more-categories a{margin-bottom:5px}.sidebar .sidebar-note{flex-shrink:0;margin-top:auto}.sidebar .category-nav{margin-bottom:28px}.sidebar .brand{flex-shrink:0}.more-category-filter{background:#fff;border:1px solid #d6ddee;border-radius:7px;align-items:center;min-height:31px;display:flex}.more-category-filter select{color:#3b518b;cursor:pointer;background:0 0;border:0;max-width:210px;padding:6px 9px;font-size:10px}.header-search,.card-link p,.card-category,.section-heading p,.section-kicker,.search-result-hint,.quick-search,.results-count,.count-badge,.footer,.footer-brand>span:last-child,.sidebar nav small,.sidebar-note p,.category-tabs button,.load-more p,.load-more>span,.directory-outro p,.field small,.privacy-note,.editor-bottom,.keyboard-hint,.live-help,.result-placeholder p,.result-tools,.result-notice,.advanced-toggle small,.workspace .settings-hint,.dropzone p,.file-list small,.studio-help,.tool-guide p,.tool-guide ol,.guide-note p,.tool-faq p,.palette-label,.palette-footer,.help-dialog>p,.shortcut-list dt,.recent-label{color:#53687d}.field,.text-button,.workspace-heading,.back-link,.tool-title p,.home-intro .hero-description{color:#3d658d}.favorite{color:#667499}.nav-label{color:#586e83}.card-link p{font-size:12px}.card-category{font-size:10px}.trust-strip{color:#3d538f;font-size:11px}.quick-search,.quick-search button{font-size:11px}.section-kicker{font-size:9px}.search-result-hint,.category-tabs button{font-size:11px}.field{font-size:12px}.field small{font-size:11px}.tool-guide p,.tool-guide ol{font-size:13px}.palette-footer{font-size:10px}.help-dialog>p{font-size:13px}.shortcut-list dt{font-size:12px}.quick-tip p{color:#7b672c}.remote-notice{color:#86663d}.result-placeholder p{font-size:13px}@media (max-width:520px){.card-link p{font-size:12px}.featured-card .card-link p{font-size:11px}.trust-strip,.quick-search,.quick-search button,.search-result-hint,.category-tabs button{font-size:10px}.more-category-filter{flex-shrink:0;min-height:35px}.more-category-filter select{max-width:180px}.field small{font-size:11px}.palette-footer{font-size:9px}}.category-page,.category-directory{padding-inline:46px}.category-page-intro{max-width:880px;padding:10px 0 8px}.category-page-intro .tool-icon{border-radius:14px;width:52px;height:52px}.category-page-intro h1{color:#2a4763;letter-spacing:-1.2px;margin:21px 0 14px;font-size:36px;font-weight:650}.category-page-intro p{color:#545f7d;line-height:1.85}.category-page-intro .category-context{color:#5e6b8e;font-size:12px}.category-page #category-tools{letter-spacing:-.6px;color:#305070;margin-bottom:22px;font-size:22px}.category-tool-grid{gap:14px}.category-directory{padding-block:32px 40px}.category-directory h2{color:#324474;letter-spacing:-.6px;font-size:22px;font-weight:600}.category-directory-grid>a{color:#3d538e;border-color:#d2dfec;border-radius:10px;min-width:0;padding:13px;font-size:12px}.category-directory-grid>a>span:nth-of-type(2){flex:1;min-width:0}.category-directory-grid small{color:#54607f;font-variant-numeric:tabular-nums;font-size:10px}.category-link-icon{width:31px;height:31px;color:var(--category-color);background:var(--category-bg);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.category-directory-more summary{color:#3b518b;cursor:pointer;border:1px dashed #bfc9e4;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:43px;margin-top:13px;font-size:11px;list-style:none;display:flex}.category-directory-more summary::-webkit-details-marker{display:none}.category-directory-more[open] summary{margin-bottom:15px}.category-directory-more[open] summary svg{transform:rotate(180deg)}html:has(dialog[open]){overflow:hidden}html{scrollbar-gutter:stable}@media (max-width:1200px){.category-page,.category-directory{padding-inline:32px}}@media (max-width:520px){.category-page,.category-directory{padding-inline:21px}.category-page-intro h1{font-size:29px}.category-page-intro p{font-size:13px}.category-directory h2{font-size:20px}.category-directory-grid>a{font-size:12px}}details:not([open])>:not(summary){display:none!important}.language-menu>div{left:auto;right:auto;inset-inline-end:0}@media (max-width:520px){.home-intro h1{font-size:clamp(37px,11.2vw,49px)}.language-menu>div{width:260px}.mobile-nav-dialog .category-nav-label{margin-top:23px}}.workspace-heading{flex-wrap:wrap}.workspace-undo{color:#525d7b;border-top:1px solid #d3daec;flex-basis:100%;align-items:center;gap:8px;padding-top:7px;font-size:11px;display:flex}.workspace-undo>.icon-button{margin-inline-start:auto}.workspace-undo .text-button{text-underline-offset:3px;font-weight:600;text-decoration:underline}:root{--ink:#14283f;--muted:#5e7288;--line:#e0eaf4;--background:#fbfdff;--nav:#f3f8fd;--accent:#1466e8;--primary:#075be0;--shadow:0 16px 48px #14283f10}html{overflow-x:clip}body{letter-spacing:-.15px}::selection{color:#123b67;background:#cce7ff}.brand{color:#14283f;letter-spacing:-1px;font-weight:760}.brand-mark{background:linear-gradient(145deg,#63abf2,#3887d6);border-radius:10px;box-shadow:0 4px 12px #075be025}.sidebar{background:#f3f8fd}.sidebar nav a,.mobile-nav-dialog nav a{color:#617087}.sidebar nav a:hover,.mobile-nav-dialog nav a:hover{color:#303951;background:#edf3fa}.sidebar nav a.active,.mobile-nav-dialog nav a.active{color:#0757c8;background:#e4f0ff;box-shadow:inset 0 0 0 1px #075be00c}.sidebar nav .nav-home.active{color:#0757c8;background:#e4f0ff}.sidebar-note strong{color:#303951}.nav-label,.sidebar nav small{color:#68758b}.topbar{background:#fbfdffe8;border-bottom-color:#e9ecf4}.header-search{color:#5e7288;background:#f3f5fa;border:1px solid #e7eaf2}.header-search:hover{color:#075be0;border-color:#d5e1ed}.free-pill{color:#59677c}.free-pill .status-dot{background:#22b88a;box-shadow:0 0 0 3px #22b88a14}.language-menu summary{color:#526079;white-space:nowrap}.home-intro{background:radial-gradient(at 78% 42%,#e4f2ff 0,#f2f9ff75 30%,#0000 63%);padding-block:64px 50px;position:relative}.hero-eyebrow{color:#155b9e;letter-spacing:1.1px;background:#eaf4ff;border:1px solid #d7eaff;border-radius:100px;padding:7px 11px;font-weight:650}.hero-eyebrow .status-dot{background:#2683e8}.home-intro h1{color:#14283f;letter-spacing:-2.8px;margin-block:22px;font-family:Geist,ToolCabana,system-ui,sans-serif;font-size:clamp(44px,4.3vw,64px);font-weight:730;line-height:1.08}.home-intro h1 span{color:#1466e8;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#075be0,#0e9cdd 90%);-webkit-background-clip:text;background-clip:text;font-style:normal}.home-intro .hero-description{color:#66758a;font-size:14px;line-height:1.8}.search-box{color:#7b8fa2;border-color:#e0e7ee;border-radius:14px;height:61px;box-shadow:0 5px 22px #34506b08}.search-box:focus-within{border-color:#4f9def;box-shadow:0 0 0 4px #1466e810,0 8px 28px #075be00c}.search-box input::placeholder{color:#67748b}.quick-search button{color:#66758b;background:#fff;border-color:#e3e9ef;border-radius:8px;min-height:33px}.quick-search button:hover{color:#0b5bc5;background:#e4f2ff;border-color:#b9d9fa}.hero-art:before{content:"";pointer-events:none;background:radial-gradient(#65a3ce36 1px,#0000 1px) 0 0/19px 19px;position:absolute;inset:4px -6px 8px;-webkit-mask-image:radial-gradient(#000 25%,#0000 72%);mask-image:radial-gradient(#000 25%,#0000 72%)}.art-orbit{border-style:solid;border-color:#c7e4fa70}.art-spark{color:#64a8e4;font-weight:350}.spark-one{color:#84bfed}.art-card{border-color:#e6edf3;box-shadow:0 20px 44px #2c496612}.art-code{color:#dce3f5;background:#19223a;border:1px solid #ffffff12;transform:rotate(-3deg)}.art-code:hover{transform:rotate(-1deg)translateY(-4px)}.art-card-header{color:#939ebb;background:#141c30;height:40px}.art-code-body,.code-editor,.output-editor{font-family:Geist Mono,Consolas,monospace}.art-code-body{font-size:11px}.art-window-dots i:first-child{background:#fb7185}.art-window-dots i:nth-child(2){background:#fbbf24}.art-window-dots i:nth-child(3){background:#34d399}.code-line small{color:#5a6887}.code-line em{color:#80d2ff}.code-line b{color:#6ee7d7}.art-code-footer{color:#93a4c9;background:#161f35}.art-code-footer svg{color:#67e8c9}.art-image{border-radius:16px;transform:rotate(5deg)}.art-image:hover{transform:rotate(3deg)translateY(-4px)}.art-landscape{background:linear-gradient(145deg,#dff4ff,#b9e5ff);border-radius:10px}.landscape-sun{background:linear-gradient(140deg,#b1e9ff,#0e9cdd);box-shadow:0 4px 18px #0e9cdd25}.hill-back{background:#65b9ee}.hill-front{background:#1878c9}.art-landscape>svg{color:#1369a6}.art-image-meta strong,.art-pdf strong{color:#30404f}.art-image-meta>span,.art-pdf div>span{color:#8790a5}.art-pdf{border-radius:14px;transform:rotate(-1deg)}.art-pdf-icon{color:#ec6587;background:#ffeaf0}.art-done{color:#26a881;background:#e6faf3}.art-caption{color:#8d9dad}.trust-strip{color:#738097;border-color:#e9eef3}.trust-strip strong{color:#38435a}.trust-strip>span svg{color:#2588cf}.trust-strip>a,.section-heading>a.browse-link{color:#095ac8}.section-kicker{color:#69778e;letter-spacing:1.4px}.section-heading h2,.directory-heading h2{color:#263149;font-weight:680}.heading-spark{color:#3a9ce0}[data-category]{--category-color:#2375c9;--category-bg:#eaf4ff}[data-category=pdf-and-documents]{--category-color:#e46883;--category-bg:#fff0f3}[data-category=images-and-design],[data-category=images-and-photography]{--category-color:#389aa3;--category-bg:#e9f9f9}[data-category=text-and-writing],[data-category=education-and-language]{--category-color:#c1862e;--category-bg:#fff7e5}[data-category=developer-and-data],[data-category=developer-utilities]{--category-color:#1769c2;--category-bg:#eaf4ff}[data-category=network-and-web],[data-category=web-publishing-and-marketing]{--category-color:#428fd0;--category-bg:#eaf4ff}[data-category=calculators-and-finance],[data-category=personal-finance-and-budgeting]{--category-color:#47a384;--category-bg:#e9f8f2}[data-category=units-and-measurement],[data-category=construction-and-workshop]{--category-color:#4e8ca7;--category-bg:#e9f6fc}[data-category=dates-and-productivity],[data-category=dates-and-personal-planning]{--category-color:#287f9e;--category-bg:#ecf8fc}[data-category=generators-and-marketing],[data-category=business-and-ecommerce]{--category-color:#bc903e;--category-bg:#fff8e8}[data-category=audio-video-and-files],[data-category=audio-video-and-subtitles]{--category-color:#2483bc;--category-bg:#edf7ff}[data-category=ai-and-prompt-tools]{--category-color:#087ea4;--category-bg:#e9f8fc}.tool-card{border-color:#e5ebf1;border-radius:15px;box-shadow:0 2px 5px #14283f03}.tool-card:hover,.tool-card:focus-within{border-color:#b7d9fa;box-shadow:0 10px 30px #075be00b}.tool-icon{border-radius:12px}.card-link h3{color:#2d374d;font-weight:650}.card-link p,.card-category{color:#5e7288}.favorite:hover{color:#0969da;background:#eaf4ff}.favorite.selected{color:#0969da}.favorites-toggle.active{color:#095ac8;background:#e4f0ff;border-color:#bfdcfa}.category-tabs button.active,.display-toggle button.active{color:#fff;background:#1466e8;border-color:#1466e8}.category-tabs button.active svg{color:#d8edff}.category-tabs button:not(.active):hover{color:#095ac8;background:#edf6ff;border-color:#c7dff5}.count-badge{color:#2b6aa8;background:#eaf4ff;border-color:#d9eafa}.directory-outro{background:#f5f9fd}.directory-outro h3{color:#536079;letter-spacing:-.5px;font-weight:650}.directory-outro>span{color:#68a9d5}.workspace,.timer-workspace{border-color:#e2e6f0;box-shadow:0 4px 24px #29425b05}.workspace-heading{color:#5e7288;background:#f7fafd;border-color:#e8eef4}.options-panel{background:#fafdff;border-color:#e7edf3}.options-panel h3{color:#3f4b64}.field>span,.field-label,.field-label label{color:#59677e}.field input,.field select,.field textarea{color:#303d55;border-color:#e1e5ef;border-radius:9px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#53a0ed;outline-color:#1466e840}.help-tip{color:#46769e}.help-tip:hover{color:#1765a4;background:#eaf4ff}.button.primary,.primary-button{color:#fff;background:#1466e8 linear-gradient(135deg,#1466e8,#0754c9);border-color:#1466e8;box-shadow:0 4px 12px #1466e81c}.button.primary:hover,.primary-button:hover{background:#0854c9;border-color:#0854c9}.advanced-toggle{color:#6b8fb2;background:#f2f7fc;border-color:#e2edf7}.result-panel{border-color:#e7edf2}.result-heading h3,.stats-grid strong{color:#3b5166}.stats-grid>div{background:#f4f8fc;border-color:#e8eff5}.stats-grid small{color:#5e7288}.copy-button{color:#1765a4;background:#eaf4ff;border-color:#dcecfb}.download-button{color:#1765a4;background:#eaf4ff;border-color:#d9e9f9}.drop-zone{background:#fafdff;border-color:#d6e2ed}.drop-zone h3{color:#596787}.drop-zone .upload-icon{color:#3989c2;background:#eaf4ff}.sample-file{color:#3677a6;background:#f2f9ff}.tooltip-bubble,.toast{background:#253545;border-color:#455769;box-shadow:0 8px 28px #25354520}.tooltip-bubble:after{border-top-color:#253545}.tooltip-bottom .tooltip-bubble:after{border-top-color:#0000;border-bottom-color:#253545}.toast{color:#e7f3ff}.toast button,.toast>svg{color:#a5deff}.palette-results>a.active{color:#508cc8;background:#eaf4ff}.palette-results>a{color:#56647d}.quick-tip,.guide-note{background:#f3f9ff;border-color:#e0ecf7}.tool-guide ol li:before{color:#2175b4;background:#eaf4ff}.guide-note h3{color:#21659a}.guide-note p{color:#5e7288}.guide-note a{color:#155c92}.mobile-nav-dialog{background:#f8fcff}.workspace-undo{color:#3578a7;border-color:#dde9f4}@media (min-width:701px) and (max-width:1050px){.home-intro h1{letter-spacing:-2px;font-size:43px}}@media (min-width:701px) and (max-width:850px){.hero-art{transform-origin:100%;width:310px;transform:scale(.78)}.art-image{right:0}.popular-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card{padding:20px}.featured-card .card-link h3{font-size:14px}.featured-card .card-link p{font-size:12px}}@media (max-width:700px){.home-intro{background:radial-gradient(at 100% 20%,#e1f1ff,#0000 65%);padding-block:38px 30px}.home-intro h1{letter-spacing:-2px;font-size:49px}}@media (max-width:520px){.home-intro h1{letter-spacing:-1.5px;font-size:clamp(29px,9.1vw,42px)}.hero-eyebrow{padding:6px 9px;font-size:7px}.search-box{height:58px}.category-tabs{max-width:calc(100% + 21px);overflow:auto hidden}}@media (prefers-reduced-motion:reduce){.art-code:hover,.art-image:hover,.art-pdf:hover{transform:none}}.source-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.download-all{margin:16px 0 8px}@media (max-width:600px){.source-actions{gap:10px}.editor-toolbar{flex-wrap:wrap;gap:8px}}.result-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.result-actions .download-all{margin:0}.result-heading{flex-wrap:wrap;gap:12px}.result-actions .button{min-height:34px}.brand-mark{width:40px;height:40px;box-shadow:none;filter:drop-shadow(0 4px 7px #0969da22);background:0 0;border-radius:12px;flex-shrink:0;transition:transform .2s;overflow:visible}.brand:hover .brand-mark{transform:translateY(-1px)}.brand-mark img{width:100%;height:100%;display:block}.brand-dot{color:#075be0}.brand-name{align-items:center;min-width:0;display:flex}.brand-name img{width:144px;height:27px;display:block}@media (max-width:850px){.mobile-brand .brand-mark{border-radius:10px;width:34px;height:34px}}@media (max-width:700px){.mobile-brand .brand-name img{width:118px;height:22px}}@media (prefers-reduced-motion:reduce){.brand:hover .brand-mark{transform:none}}@media (max-width:520px){.file-list li{grid-template-columns:39px minmax(0,1fr);display:grid}.file-list strong{overflow-wrap:anywhere;overflow:visible}.file-actions{grid-column:1/-1;justify-content:flex-end}}@media (max-width:360px){.mobile-brand .brand-mark{width:28px;height:28px}.mobile-brand .brand-name img{width:92px;height:18px}.topbar-right{flex-shrink:0}}.source-actions .text-button,.advanced-toggle>span{color:#395f84}.section-heading>a,.section-heading>span{color:#526079}.dropzone .sample-file{color:#78552c}.workspace th,.workspace th button,.workspace td,.sidebar .nav-label,.sidebar nav small,.sidebar .more-categories summary,.sidebar .more-categories summary span,.header-search kbd,.calculation-intro p{color:#526079}.timer-display>small{color:#65758a}.editor-toolbar>.text-button{color:#395f84}