@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--bg:#f5f7f8;--panel:#fff;--panel-strong:#eef3f3;--text:#172126;--muted:#667085;--line:#d8e1e3;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#dff5f0;--amber:#b7791f;--warning:#b42318;--shadow:0 18px 48px #17212614;--shadow-soft:0 8px 24px #1721260f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #dff5f08c, #f5f7f800 360px), var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,textarea,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline-offset:2px;outline:3px solid #0f766e47}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:10;background:#f5f7f8db;grid-template-columns:auto minmax(0,1fr);justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:14px clamp(18px,5vw,64px);display:grid;position:sticky;top:0}.header-main{justify-content:space-between;align-items:center;min-width:0;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--text), var(--accent-strong));color:#fff;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.menu-button{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:none}.top-nav{overscroll-behavior-inline:contain;scrollbar-width:none;justify-content:flex-end;gap:8px;max-width:100%;padding:2px;display:flex;overflow-x:auto}.top-nav::-webkit-scrollbar{display:none}.top-nav a{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:8px;flex:none;align-items:center;gap:8px;min-height:38px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.top-nav a:hover{background:var(--panel);border-color:var(--line);color:var(--text);box-shadow:var(--shadow-soft)}.top-nav span{background:var(--panel-strong);border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;display:inline-flex}.page-shell{max-width:1200px;margin:0 auto;padding:48px clamp(18px,5vw,64px) 72px}.hero{gap:20px;max-width:850px;margin-bottom:34px;display:grid}.compact-hero{max-width:780px}.eyebrow{color:var(--accent-strong);text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}h1{max-width:900px;margin:0;font-size:clamp(38px,6vw,66px);line-height:1.02}h2{margin:0;font-size:clamp(24px,4vw,34px)}h3{margin:0;font-size:18px}p{color:var(--muted);margin:0;line-height:1.6}.hero-metrics{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.hero-metrics span{border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--muted);background:#ffffffb8;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:9px 13px;font-size:14px;font-weight:700;display:inline-flex}.hero-metrics strong{color:var(--text)}.homepage-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);align-items:start;gap:22px;margin:10px 0 20px;padding:clamp(20px,4vw,30px);display:grid}.category-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.category-summary{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;justify-content:space-between;align-items:center;min-height:54px;padding:12px 14px;display:flex}.category-summary:hover{box-shadow:var(--shadow-soft);border-color:#9fc7c0}.category-summary span{color:var(--muted);font-size:13px;font-weight:800}.featured-strip{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 34px;display:flex}.featured-strip>span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:900}.featured-strip div{flex-wrap:wrap;gap:8px;display:flex}.featured-strip a{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #b7e7dd;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:800}.search-row{gap:12px;margin:28px 0 38px;display:flex}.search-box{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;width:min(640px,100%);min-height:52px;padding:0 16px}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:160px}.category-section{gap:18px;margin-top:42px;scroll-margin-top:92px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.section-kicker{color:var(--accent-strong);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:800;display:inline-flex}.tool-count{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #b7e7dd;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;gap:18px;min-height:220px;padding:22px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.tool-card:hover{box-shadow:var(--shadow);border-color:#9fc7c0;transform:translateY(-2px)}.tool-card-top{justify-content:space-between;align-items:center;display:flex}.tool-icon{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #c4ebe4;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.tool-arrow{color:#98a2b3;transition:color .16s,transform .16s}.tool-card:hover .tool-arrow{color:var(--accent);transform:translate(2px)}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#445064;background:#f4f6f7;border:1px solid #e7ecef;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.tool-page{gap:24px;display:grid}.tool-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.tool-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tool-layout.single{grid-template-columns:1fr}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;gap:16px;min-width:0;padding:18px;display:grid}.panel-head,.controls,.stats-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.control-group{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.form-grid{grid-template-columns:1fr;gap:12px;display:grid}.form-grid.compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end}.form-grid label{color:var(--muted);text-transform:uppercase;gap:7px;font-size:13px;font-weight:800;display:grid}.field{border:1px solid var(--line);color:var(--text);background:#fbfcfc;border-radius:8px;width:100%;min-height:42px;padding:9px 11px}.field[type=color]{padding:4px}.field:focus{border-color:#8fcfc4;outline:0;box-shadow:0 0 0 3px #0f766e1f}.checkbox-label{color:var(--text);text-transform:none;align-items:center;gap:8px;min-height:42px;font-size:14px;font-weight:800;display:flex}.icon-button,.primary-button,.select,.segmented button{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-weight:800;transition:background .16s,border-color .16s,box-shadow .16s,filter .16s;display:inline-flex}.icon-button,.select,.segmented button{color:var(--text);background:#fff}.primary-button,.segmented button.active{background:var(--accent);border-color:var(--accent);color:#fff}.icon-button:hover,.primary-button:hover,.segmented button:hover{filter:brightness(.97);box-shadow:var(--shadow-soft)}.select{min-width:132px}.segmented{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;padding:3px;display:inline-flex}.segmented button{border-color:#0000;min-height:34px}.text-area,.output-box{border:1px solid var(--line);color:var(--text);resize:vertical;background:#fbfcfc;border-radius:8px;width:100%;min-height:330px;padding:14px;line-height:1.55}.text-area:focus{border-color:#8fcfc4;outline:0;box-shadow:0 0 0 3px #0f766e1f}.output-box{white-space:pre-wrap;overflow:auto}.short-output{min-height:160px}.error{color:var(--warning);background:#fff4f2;border:1px solid #fecdca;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:700}.stat-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;gap:4px;min-height:88px;padding:16px;display:grid}.stat-card strong{font-size:28px}.stat-card span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;display:grid}.preview{min-height:330px}.preview h1,.preview h2,.preview h3{margin:0 0 12px;line-height:1.2}.preview p,.preview ul,.preview ol,.preview pre,.preview blockquote{margin:0 0 14px}.preview code{background:var(--panel-strong);border-radius:6px;padding:2px 5px}.preview pre{color:#f9fafb;background:#111827;border-radius:8px;padding:14px;overflow:auto}.preview blockquote{border-left:4px solid var(--accent);color:var(--muted);padding-left:12px}.preview-swatch,.gradient-preview{border:1px solid var(--line);border-radius:8px;min-height:140px}.preview-swatch{justify-content:center;align-items:center;padding:20px;font-size:24px;font-weight:900;display:flex}.gradient-preview{box-shadow:inset 0 0 0 1px #ffffff3d}.serp-preview{border:1px solid var(--line);background:#fff;border-radius:8px;gap:6px;padding:18px;display:grid}.serp-preview cite{color:#3c4043;font-size:14px;font-style:normal}.serp-preview h3{color:#1a0dab;font-size:20px}.palette-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.palette-chip{border:1px solid var(--line);color:#fff;text-shadow:0 1px 8px #00000059;border-radius:8px;align-items:end;min-height:100px;padding:12px;font-weight:900;display:flex}.design-preview{border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;min-height:180px;font-weight:900;display:flex}.empty-state{color:var(--muted);padding:20px 0;font-weight:700}.content-page{max-width:980px}.content-band{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;gap:14px;padding:clamp(20px,4vw,34px);display:grid}.content-band h2:not(:first-child){margin-top:12px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:28px clamp(18px,5vw,64px) 38px;display:flex}.footer-brand{margin-bottom:8px}.site-footer nav{flex-wrap:wrap;gap:12px;display:flex}.site-footer nav a{color:var(--muted);font-size:14px;font-weight:800}.site-footer nav a:hover{color:var(--accent-strong)}.markdown-tabs{display:none}@media (max-width:850px){.tool-head,.site-footer{flex-direction:column;align-items:flex-start}.site-header{grid-template-columns:1fr;gap:0;padding-block:12px}.header-main{width:100%}.menu-button{display:inline-flex}.top-nav{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff5;border-radius:8px;grid-template-columns:1fr;justify-content:stretch;gap:8px;width:100%;max-width:none;margin-top:12px;padding:8px;display:none;overflow:visible}.top-nav.open{display:grid}.top-nav a{border-color:var(--line);background:#fbfcfc;justify-content:space-between;width:100%;min-height:44px}.tool-grid,.tool-layout,.stats-grid{grid-template-columns:1fr}.text-area,.output-box,.preview{min-height:260px}.section-heading{flex-direction:column;align-items:flex-start}.homepage-panel{grid-template-columns:1fr}.markdown-tabs{display:inline-flex}.markdown-layout.edit>.panel:nth-child(2),.markdown-layout.preview>.panel:first-child{display:none}}@media (max-width:520px){.site-header{padding-inline:14px}.top-nav a{justify-content:space-between;min-height:36px;padding:7px 10px;font-size:14px}.top-nav span{min-width:20px;height:20px;font-size:11px}.category-summary-grid{grid-template-columns:1fr}.panel-head,.controls{flex-direction:column;align-items:stretch}.control-group,.icon-button,.primary-button,.select,.segmented{width:100%}.segmented button{flex:1;justify-content:center}}.muted{color:var(--muted);font-size:13px}.status-list{flex-direction:column;gap:6px;max-height:480px;margin-top:12px;display:flex;overflow-y:auto}.status-row{background:var(--panel-strong);border-radius:8px;grid-template-columns:60px 180px 1fr;align-items:center;gap:12px;padding:8px 10px;font-size:14px;display:grid}.status-row strong{color:var(--accent);font-variant-numeric:tabular-nums}.primary-button{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:600}.primary-button:hover{background:var(--accent-strong)}.ghost-button{color:var(--text);border:1px solid var(--line);background:0 0;border-radius:8px;padding:8px 14px;font-weight:500}.ghost-button:hover{background:var(--panel-strong)}.timer-display{font-variant-numeric:tabular-nums;text-align:center;letter-spacing:-1px;margin:20px 0;font-size:clamp(48px,8vw,84px);font-weight:700}.timer-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;max-height:360px;margin-top:12px;display:grid;overflow-y:auto}.emoji-cell{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:24px;transition:background .12s}.emoji-cell:hover{background:var(--panel-strong)}.note-row{background:var(--panel-strong);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-family:monospace;font-size:13px;display:flex}.color-swatch{border:1px solid var(--line);border-radius:10px;width:100%;height:80px}.mesh-preview{aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;width:100%}.qr-canvas,.image-canvas{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:100%;display:block}.dropzone{border:2px dashed var(--line);text-align:center;color:var(--muted);cursor:pointer;border-radius:12px;padding:32px;transition:all .15s}.dropzone:hover,.dropzone.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.image-info{color:var(--muted);margin-top:12px;font-family:monospace;font-size:13px}.chip-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{background:var(--panel-strong);border-radius:999px;padding:4px 10px;font-size:12px}.chip.active{background:var(--accent);color:#fff}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--accent);text-decoration:underline}.breadcrumbs span[aria-current]{color:var(--text);font-weight:500}.tool-faq{background:var(--panel);box-shadow:var(--shadow-soft);border-radius:16px;margin-top:48px;padding:32px}.tool-faq h2{margin:0 0 20px;font-size:22px}.tool-faq dl{flex-direction:column;gap:16px;margin:0;display:flex}.faq-item{border-bottom:1px solid var(--line);padding-bottom:16px}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item dt{color:var(--text);margin-bottom:6px;font-weight:600}.faq-item dd{color:var(--muted);margin:0;line-height:1.55}