:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#182747}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{max-width:1120px;margin:auto;padding:0 24px}.top{background:#fff;border-bottom:1px solid #e5edf6}.nav{display:flex;align-items:center;gap:28px;min-height:74px}.logo{font-size:25px;letter-spacing:-1.5px;font-weight:900}.logo span{color:#186fe3}.logo i{font-style:normal;color:#f3a13f}.nav small{color:#8290a4}.lang{margin-left:auto}.lang select{padding:9px;border:1px solid #d7e1ed;border-radius:9px;background:#fff}.hero{background:linear-gradient(145deg,#fff,#e7f1ff)}.hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:28px;align-items:center;min-height:375px;padding-top:35px;padding-bottom:35px}.eyebrow{color:#2068c9;font-weight:800;font-size:11px;letter-spacing:1.5px}h1{font-size:clamp(36px,5vw,60px);line-height:1.07;letter-spacing:-2px;margin:16px 0}h2{font-size:30px;margin:12px 0}.hero p{color:#65748c;line-height:1.6;font-size:18px;margin-bottom:27px}.primary{background:#1871e9!important;color:#fff!important;border:0!important;border-radius:12px;padding:12px 19px;font-weight:750;display:inline-flex}.mascot{text-align:center}.mascot img{width:min(245px,100%);height:245px;object-fit:contain}.mascot-buttons{display:flex;justify-content:center;gap:10px}.mascot-buttons button,.workspace button{border:1px solid #dce5f2;border-radius:10px;padding:10px 15px;background:#fff}.mascot-buttons button.selected{background:#deedff;border-color:#88b8f9}.catalog{padding-top:52px;padding-bottom:80px}.search{display:block;width:100%;padding:16px;border:1px solid #dfe8f3;border-radius:13px;margin:19px 0 24px;background:#fff;font-size:16px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #e1e9f4;border-radius:17px;min-height:180px;padding:23px;position:relative}.card:hover{border-color:#6eaafc}.card-icon{background:#eaf2ff;color:#1166c6;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;font-size:20px;font-weight:800}.card h3{font-size:18px;margin:12px 0 5px}.card p,.subhead{color:#71819a;line-height:1.5}.card p{font-size:14px}.card b{position:absolute;right:22px;top:25px;color:#6e9bd5}footer{padding:25px 0;border-top:1px solid #e1e8f0;color:#8390a4;font-size:13px}.work{max-width:880px;padding-top:45px;padding-bottom:70px}.work h1{font-size:40px}.workspace{background:#fff;border:1px solid #dfe7f1;border-radius:18px;margin-top:26px;padding:26px;display:flex;flex-direction:column;gap:12px}.workspace label{font-weight:750;font-size:14px}.workspace textarea{width:100%;min-height:170px;border:1px solid #dbe3ee;border-radius:10px;padding:13px;resize:vertical;font:14px/1.55 ui-monospace,monospace}.workspace textarea[readonly]{background:#f8fbff}.workspace input[type=range]{width:100%}.workspace input[type=number]{padding:9px;max-width:140px}.buttons{display:flex;gap:9px;flex-wrap:wrap}.preview{max-width:100%;max-height:250px;object-fit:contain;align-self:flex-start}.privacy{font-size:12px;color:#8391a5}.error{background:#fff1f1;color:#a52335;border-radius:8px;padding:11px}.success{background:#e8f8ed;color:#17663f;border-radius:8px;padding:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:disabled{opacity:.4}@media(max-width:720px){.container{padding:0 18px}.nav{min-height:64px}.nav small{display:none}.hero-grid{grid-template-columns:1fr;text-align:center;padding-top:30px;gap:12px}.hero p{font-size:16px}.mascot img{height:176px;width:176px}.cards{grid-template-columns:1fr}.card{min-height:135px}.catalog{padding-top:35px}.workspace{padding:16px}.work h1{font-size:34px}}.hero-grid{min-height:255px;padding-top:25px;padding-bottom:22px;grid-template-columns:1.55fr .6fr}.hero h1{font-size:clamp(33px,4vw,49px);max-width:660px;margin:12px 0}.hero p{margin-bottom:18px}.catalog{padding-top:28px;padding-bottom:60px}.catalog h2{margin:7px 0 10px}.catalog .search{margin:12px 0 18px}.mascot img[hidden]{display:none}.mascot-unavailable{display:none;color:#186fe3;font-weight:900;font-size:30px;letter-spacing:-1.5px;margin:15px 0}.mascot-unavailable.show-mascot-unavailable{display:block}@media(max-width:720px){.hero-grid{grid-template-columns:1fr;gap:12px;padding-top:20px}.hero h1{font-size:36px}.catalog{padding-top:22px}.mascot img{height:140px;width:140px}}:root{color-scheme:light}html[data-theme=dark]{color-scheme:dark;background:#10182b;color:#eaf1ff}html[data-theme=dark] body{background:#10182b}html[data-theme=dark] .top,html[data-theme=dark] .card,html[data-theme=dark] .workspace,html[data-theme=dark] .settings-panel{background:#18263d;color:#eaf1ff;border-color:#35465f}html[data-theme=dark] .hero{background:linear-gradient(145deg,#12213a,#223e5c)}html[data-theme=dark] .search,html[data-theme=dark] .workspace textarea,html[data-theme=dark] select{background:#17263d;color:#eaf1ff;border-color:#465976}html[data-theme=dark] .card p,html[data-theme=dark] .hero p{color:#bbcadb}.nav{gap:12px}.logo{display:flex;align-items:center;gap:8px;white-space:nowrap}.logo-face{width:47px;height:47px;border-radius:50%;object-fit:cover;object-position:50% 33%;background:#fff}.logo-word{font-size:25px;line-height:1}.logo-word strong{color:#136de1}.logo-word i{font-style:normal;color:#ff9b24}.tagline{font-size:11px;color:#8393a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.nav .lang{margin-left:0}.icon-btn{border:1px solid #d9e4f2;background:transparent;border-radius:10px;padding:9px 13px}.mascot{display:flex;align-items:center;flex-direction:column}.mascot .hero-character{height:206px;width:215px;object-fit:cover;object-position:50% 24%;border-radius:25px;background:#fff;mix-blend-mode:multiply}.mascot-buttons{margin-top:8px}.mascot-buttons button{width:54px;height:48px;padding:3px;display:grid;place-items:center}.mascot-buttons img{width:42px;height:39px;object-fit:cover;border-radius:7px;object-position:center 30%}.catalog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.category-tabs button,.filter-favs,.close-settings{background:#fff;border:1px solid #dce5ef;border-radius:999px;padding:9px 13px}.category-tabs button.active,.filter-favs.active{background:#1c70df;color:#fff;border-color:#1c70df}.card{overflow:hidden}.card>a{display:block;min-height:150px}.card .star{position:absolute;right:15px;top:14px;font-size:22px;z-index:1;background:none;border:0;color:#718baa}.card .star.active{color:#f1a22c}.go-arrow{position:absolute;bottom:15px;right:20px}.recent{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:25px;color:#71829a}.recent a{padding:6px 10px;border-radius:8px;background:#e4edff;color:#185cba}.settings-panel{background:#fff;border:1px solid #dfe8f4;border-radius:16px;padding-top:16px;padding-bottom:16px;margin-top:12px}.settings-panel h2{font-size:20px}.settings-grid{display:flex;gap:25px;flex-wrap:wrap}.settings-grid>div{display:flex;flex-direction:column;gap:8px}.settings-grid select{padding:10px;border-radius:8px}.close-settings{margin-top:12px}.hero-grid{grid-template-columns:1.3fr .6fr}.hero h1{max-width:610px}@media(max-width:720px){.logo-word{font-size:19px}.logo-face{width:38px;height:38px}.tagline{display:none}.mascot .hero-character{height:145px;width:155px}.mascot-buttons button{width:48px;height:43px}.mascot-buttons img{height:35px;width:37px}.hero-grid{gap:14px}.hero h1{font-size:34px}.hero{padding-bottom:8px}.card>a{min-height:110px}}html[data-theme=dark] .mascot .hero-character{mix-blend-mode:normal}html[data-theme=dark] .recent a{background:#28456f;color:#dbeafe}html[data-theme=dark] .category-tabs button,html[data-theme=dark] .filter-favs,html[data-theme=dark] .close-settings{background:#233b58;color:#eff6ff;border-color:#527397}html[data-theme=dark] .category-tabs button.active,html[data-theme=dark] .filter-favs.active{background:#2769bf}html[data-theme=dark] .mascot-buttons button{background:#324960;border-color:#4f6b8c}.logo-word{display:inline-block;letter-spacing:-1.2px;font-weight:900}.logo-word strong{font-weight:900}.knife-i{position:relative;display:inline-block;min-width:.22em;color:#1476ed}.knife-i svg{position:absolute;top:-.72em;left:-.05em;width:.48em;height:.66em;overflow:visible}.hero-grid{display:block;min-height:0;padding-top:28px;padding-bottom:22px}.hero-grid>div:first-child{max-width:100%}.hero h1{max-width:850px;margin:9px 0 8px}.hero p{max-width:740px}.hero .primary{display:none}.catalog{padding-top:18px}.catalog .search{margin:12px 0 16px}.logo-face{flex:0 0 auto}@media(max-width:720px){.hero-grid{padding-top:20px;padding-bottom:12px}.hero h1{font-size:clamp(28px,8vw,37px)}.hero p{margin-bottom:2px}.catalog{padding-top:16px}}.extra-tool{display:flex;flex-direction:column;gap:14px}.extra-tool label{display:flex;flex-direction:column;gap:7px}.extra-tool input,.extra-tool select{padding:11px;border:1px solid #d8e3f0;border-radius:9px;width:100%;background:transparent;color:inherit}.extra-tool input[type=file]{padding:8px}.extra-tool .two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.extra-tool textarea{min-height:120px}.extra-results{display:flex;flex-direction:column;gap:8px}.qr-preview{max-width:260px;width:100%;align-self:center}html[data-theme=dark] .extra-tool input,html[data-theme=dark] .extra-tool select{border-color:#516883}.card{min-height:160px}@media(max-width:620px){.extra-tool .two-col{grid-template-columns:1fr}}.v6-tool{display:flex;flex-direction:column;gap:14px}.v6-tool label{display:flex;flex-direction:column;gap:6px}.v6-tool input,.v6-tool select{width:100%;padding:11px;border:1px solid #d8e3f0;border-radius:9px;color:inherit;background:transparent}.v6-tool textarea{min-height:130px}.v6-result{display:flex;flex-direction:column;gap:8px}.v6-sample{height:100px;margin:25px;border-radius:14px;background-color:#fff}html[data-theme=dark] .v6-tool input,html[data-theme=dark] .v6-tool select{border-color:#536984}.education{margin:22px 0 38px;background:#fff;border:1px solid #dfe7f1;border-radius:16px;padding:20px}.education h2{font-size:20px;margin:0 0 8px}.education p{color:#65748c;line-height:1.6}.example-button{background:#e8f1ff;color:#1769c9;border:1px solid #c9defb;border-radius:10px;padding:10px 16px;font-weight:700;margin:4px 0 15px}.education details{border-top:1px solid #e0e7f0;padding-top:15px}.education summary{cursor:pointer;font-weight:700}.education pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5fc;border-radius:9px;padding:12px;font-size:13px}html[data-theme=dark] .education{background:#18263d;border-color:#35465f}html[data-theme=dark] .education pre{background:#203451;color:#e5efff}html[data-theme=dark] .education p{color:#bed0e4}.v6-tool label,.extra-tool label{font-weight:700;line-height:1.4}.v6-tool label small,.extra-tool label small{display:block;color:#75859d;font-weight:400;font-size:12px}.required-mark{color:#d23b45;font-size:12px}.v6-tool input[type=range],.extra-tool input[type=range]{padding:0;accent-color:#1871e9;cursor:pointer}.v6-tool select,.extra-tool select{cursor:pointer}.v6-tool input:focus-visible,.extra-tool input:focus-visible,.v6-tool select:focus-visible,.extra-tool select:focus-visible{outline:2px solid #1871e9;outline-offset:2px}.extra-tool output{font-weight:700;color:#186fe3}.v6-tool .color-swatch,.extra-tool .color-swatch{display:inline-block;width:64px;height:42px;padding:3px;cursor:pointer;border-radius:8px}.v6-tool textarea{resize:vertical;min-height:105px}.seo-content{padding-top:30px;padding-bottom:70px;max-width:880px}.seo-content h2{font-size:24px;margin:28px 0 10px}.seo-content p{line-height:1.75;color:#687990}.seo-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eaf1fc;padding:15px;border-radius:12px}.related-tools{display:flex;flex-wrap:wrap;gap:10px}.related-tools a{background:#e6f0ff;color:#1764bd;padding:10px 13px;border-radius:9px}.legal-page{max-width:850px;padding-top:54px;padding-bottom:90px;min-height:65vh}.legal-page h1{font-size:clamp(32px,5vw,48px)}.legal-page p{line-height:1.85;max-width:75ch}.footer-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}.footer-links a{text-decoration:underline}html[data-theme=dark] .seo-content p{color:#becce0}html[data-theme=dark] .seo-content pre{background:#253854}html[data-theme=dark] .related-tools a{background:#233e60;color:#d6e8ff}html{overflow-wrap:break-word}body,.workspace,.work,.card,.seo-content{min-width:0}.workspace textarea,.v6-tool textarea,.extra-tool textarea{max-width:100%;min-width:0}.v6-tool input:not([type=range]):not([type=color]),.extra-tool input:not([type=range]):not([type=color]){max-width:100%;min-width:0}.education pre,.seo-content pre{max-width:100%;overflow-x:auto;overflow-wrap:anywhere;white-space:pre-wrap}.related-tools a{min-width:0}.footer-links a{display:inline-flex;min-height:34px;align-items:center}@media(max-width:720px){.container{padding-left:16px;padding-right:16px}.work{padding-top:24px;padding-bottom:24px}.work h1{font-size:clamp(28px,7vw,38px);overflow-wrap:anywhere}.workspace{padding:16px;margin-top:16px;border-radius:14px}.workspace .buttons button,.v6-tool>.primary,.extra-tool>.primary{min-height:44px}.education{padding:16px;margin-top:16px}.seo-content{padding-top:12px;padding-bottom:35px}.seo-content h2{font-size:21px}.footer-links{gap:8px 16px}.related-tools{gap:8px}.related-tools a{font-size:14px}.nav{gap:8px}.nav-actions{gap:5px}.nav .logo-word{font-size:18px}}.card-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;line-height:1}.tool-glyph{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:#2563eb}.tool-glyph--text{color:#2367bd}.tool-glyph--developer{color:#7954b9}.tool-glyph--media{color:#d15b66}.tool-glyph--generators{color:#ad6816}.tool-glyph--calculators{color:#218c86}.tool-glyph--data{color:#4179b3}.card-icon:has(.tool-glyph--text){background:#e8f1ff}.card-icon:has(.tool-glyph--developer){background:#efeafb}.card-icon:has(.tool-glyph--media){background:#fff0f0}.card-icon:has(.tool-glyph--generators){background:#fff3da}.card-icon:has(.tool-glyph--calculators){background:#e2f5f0}.card-icon:has(.tool-glyph--data){background:#e9f2ff}.card-icon svg{transition:transform .16s ease;flex-shrink:0}.card:hover .card-icon svg{transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.card-icon svg{transition:none}.card:hover .card-icon svg{transform:none}}