@charset "UTF-8";@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/hanken-grotesk-cyrillic-ext-wght-normal-L7GHNSDI.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/hanken-grotesk-vietnamese-wght-normal-PMWGHMOH.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/hanken-grotesk-latin-ext-wght-normal-XRETCU74.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/hanken-grotesk-latin-wght-normal-ZZ3K7K5Y.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-cyrillic-ext-wght-normal-BUWC6ZS3.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-cyrillic-wght-normal-ENSFVLK4.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-greek-wght-normal-Y3BRZMJV.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-vietnamese-wght-normal-SP6EBKAH.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-latin-ext-wght-normal-TSLVDSQR.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-latin-wght-normal-VBS632QH.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0d0e13;--bg-elev: #15171e;--panel: #15171e;--panel-2: #1c1f28;--panel-3: #252935;--input-bg: #0d0e13;--border: #252935;--border-strong: #3c4152;--text: #f1f1f4;--text-2: #a6a9b8;--text-3: #8f93a5;--accent: #8e73ff;--accent-text: #a08bff;--blue: #5aaeff;--accent-fill: #6b4ff0;--accent-fill-hover: #7a60f5;--accent-fill-2: #3a6fe0;--on-accent: #ffffff;--accent-soft: rgba(142, 115, 255, .14);--success: #3ddc97;--success-bg: rgba(61, 220, 151, .1);--warning: #ffc861;--warning-bg: rgba(255, 200, 97, .1);--danger: #ff7a8a;--danger-bg: rgba(255, 122, 138, .1);--info-bg: rgba(90, 174, 255, .1);--shadow-sm: none;--shadow: none;--shadow-lg: 0 24px 64px -16px rgba(0, 0, 0, .7);--inset: 0 0 0 transparent;--focus: #b9a9ff;--cat-generators: #a08bff;--cat-calculators: #5aaeff;--cat-images-text: #f27fc0;--cat-developer: #35d6c0;--cat-date-color: #ffbf5a;--series-1: #199e70;--series-2: #8e73ff}:root[data-theme=light]{color-scheme:light;--bg: #f6f6f8;--bg-elev: #eceef2;--panel: #eceef2;--panel-2: #e3e5eb;--panel-3: #d9dce4;--input-bg: #ffffff;--border: #d9dce4;--border-strong: #a9aebd;--text: #101117;--text-2: #4a4e5e;--text-3: #575b6c;--accent: #6b4ff0;--accent-text: #5236d4;--blue: #1b65c2;--accent-fill: #6b4ff0;--accent-fill-hover: #5a3fe0;--accent-fill-2: #3a6fe0;--on-accent: #ffffff;--accent-soft: rgba(107, 79, 240, .1);--success: #0d7a4f;--success-bg: rgba(13, 122, 79, .09);--warning: #8a5a00;--warning-bg: rgba(200, 140, 0, .11);--danger: #b4233a;--danger-bg: rgba(180, 35, 58, .08);--info-bg: rgba(31, 111, 209, .08);--shadow-lg: 0 24px 64px -16px rgba(20, 22, 40, .28);--focus: #5236d4;--cat-generators: #6447e6;--cat-calculators: #1b65c2;--cat-images-text: #b82676;--cat-developer: #0a7568;--cat-date-color: #a15204;--series-1: #179a6c;--series-2: #6b4ff0}:root{--font: "Hanken Grotesk Variable", "Hanken Fallback", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-display: var(--font);--mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--step-small: clamp(.9375rem, .92rem + .1vw, 1rem);--step-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-title: clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem);--step-head: clamp(2.25rem, 1.3rem + 3.6vw, 4.25rem);--radius-xs: 6px;--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--radius-xl: 28px;--ease: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--tone: var(--accent);--container: 1240px;--gutter: 20px;--section-gap: clamp(96px, 11vw, 176px);--z-header: 20;--z-overlay: 40;--z-dialog: 50}@media(min-width:768px){:root{--gutter: 32px}}@font-face{font-family:Hanken Fallback;src:local("Arial"),local("Helvetica"),local("Liberation Sans");size-adjust:100%;ascent-override:100%;descent-override:29%;line-gap-override:0%}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;min-height:100dvh;background-color:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--step-body);line-height:1.5;letter-spacing:-.006em;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}a,button,label,input,select,textarea,summary{touch-action:manipulation}img,svg,canvas{max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:560;line-height:1.1;margin:0 0 .5em;letter-spacing:-.03em;text-wrap:balance}h1{font-size:var(--step-head);line-height:1.02;letter-spacing:-.04em}h2{font-size:var(--step-title)}h3{font-size:var(--step-lead);letter-spacing:-.02em}p{margin:0 0 1em;text-wrap:pretty}a{color:var(--accent-text);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s var(--ease)}a:hover{color:var(--text)}code,pre,kbd{font-family:var(--mono);font-size:.9em}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}::selection{background:var(--accent);color:#fff}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-60px;z-index:var(--z-dialog);padding:10px 16px;background:var(--accent-fill);color:var(--on-accent);border-radius:999px;font-weight:600;text-decoration:none}.skip-link:focus{top:8px;color:var(--on-accent)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.page{padding-block:32px 96px}@media(min-width:768px){.page{padding-block:56px 128px}}.lead{font-size:var(--step-lead);line-height:1.4;letter-spacing:-.015em;color:var(--text-2);max-width:44ch}.muted{color:var(--text-2)}.small{font-size:var(--step-small)}.section{margin-top:var(--section-gap)}.page-head{margin-bottom:8px}.page-head .lead{margin-bottom:0}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;margin-bottom:32px}.section-head h2{margin:0}.section-head p{margin:8px 0 0}.more-link{display:inline-flex;align-items:center;gap:6px;font-weight:560;text-decoration:none}.more-link app-icon{transition:transform .3s var(--ease)}.more-link:hover app-icon{transform:translate(3px)}.panel{position:relative;background:var(--panel);border-radius:var(--radius-lg);padding:20px}@media(min-width:768px){.panel{padding:32px}}.card-grid{display:grid;gap:8px;grid-template-columns:minmax(0,1fr);padding:0;margin:0;list-style:none}@media(min-width:600px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.icon-tile{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent);flex-shrink:0}.icon-tile.lg{width:64px;height:64px;border-radius:18px}[data-cat=generators]{--tone: var(--cat-generators)}[data-cat=calculators]{--tone: var(--cat-calculators)}[data-cat=images-text]{--tone: var(--cat-images-text)}[data-cat=developer]{--tone: var(--cat-developer)}[data-cat=date-color]{--tone: var(--cat-date-color)}.btn{--btn-bg: var(--panel-2);--btn-bg-hover: var(--panel-3);--btn-fg: var(--text);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 20px;border-radius:999px;border:0;background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-size:var(--step-small);font-weight:560;line-height:1.2;letter-spacing:-.005em;cursor:pointer;text-decoration:none;transition:background-color .25s var(--ease),transform .25s var(--ease)}.btn:hover{background:var(--btn-bg-hover);color:var(--btn-fg)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{--btn-bg: var(--accent-fill);--btn-bg-hover: var(--accent-fill-hover);--btn-fg: var(--on-accent)}.btn-ghost{--btn-bg: transparent;--btn-bg-hover: var(--panel-2);box-shadow:inset 0 0 0 1px var(--border-strong)}.btn .btn-end{display:inline-grid;place-items:center;width:30px;height:30px;margin:-4px -12px -4px 2px;border-radius:50%;background:#ffffff29;transition:transform .35s var(--ease)}.btn:not(.btn-primary) .btn-end{background:var(--panel-3)}.btn:hover .btn-end{transform:translate(2px,-1px) scale(1.06)}.btn-sm{min-height:36px;padding:6px 14px;font-size:var(--step-small)}.btn-block{width:100%}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.form-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}@media(min-width:600px){.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .span-all{grid-column:1/-1}}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>label,.field-label{font-weight:560;font-size:var(--step-small)}.hint{font-size:var(--step-small);color:var(--text-3)}.input,.select,.textarea{width:100%;min-width:0;max-width:100%;min-height:48px;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--input-bg);color:var(--text);font:inherit;font-size:1rem;transition:border-color .2s var(--ease),box-shadow .25s var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-3);opacity:1}.select{appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239094a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.textarea{min-height:160px;resize:vertical;font-family:var(--mono);font-size:.9rem;line-height:1.55}.textarea.prose-input{font-family:var(--font);font-size:1rem}.input:hover,.select:hover,.textarea:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong))}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);outline:none}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.input[type=color]{padding:4px;min-height:48px;cursor:pointer}.input[type=range]{padding:0;min-height:32px;accent-color:var(--accent);border:0;background:transparent}.input[readonly]{background:var(--panel-2)}.check{display:flex;align-items:flex-start;gap:10px;min-height:32px;cursor:pointer}.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent);flex-shrink:0}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:560;font-size:var(--step-small);padding:0;margin-bottom:8px}.segmented{display:flex;flex-wrap:wrap;gap:6px}.segmented label{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:999px;background:var(--panel-2);cursor:pointer;font-size:var(--step-small);font-weight:560;transition:background-color .2s var(--ease)}.segmented label:hover{background:var(--panel-3)}.segmented input{position:absolute;opacity:0;inset:0;cursor:pointer}.segmented label:has(input:checked){background:var(--text);color:var(--bg)}.segmented label:has(input:checked):before{content:"\2713";margin-right:6px;font-weight:800}.segmented label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.tool-layout{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}.result{position:relative;border-radius:var(--radius);background:var(--panel-2);padding:20px;min-width:0}.result-label{font-size:var(--step-small);color:var(--text-2);margin:0 0 6px}.result-value{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.5rem);font-weight:560;letter-spacing:-.035em;line-height:1.1;word-break:break-word;margin:0}.value-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.result-sub{color:var(--text-2);margin:8px 0 0;font-size:var(--step-small)}.stats{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}@media(min-width:768px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stats>div{background:var(--panel-2);border-radius:var(--radius);padding:16px;min-width:0}.stats dt{font-size:var(--step-small);color:var(--text-2)}.stats dd{margin:4px 0 0;font-size:1.45rem;font-weight:560;letter-spacing:-.025em;word-break:break-word}.output{font-family:var(--mono);font-size:.86rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;background:var(--panel-2);border-radius:var(--radius-sm);padding:16px 18px;margin:0;max-height:480px;overflow:auto}.alert{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:var(--radius-sm);background:var(--info-bg);font-size:var(--step-small);margin:0}.alert:before{content:"i";display:inline-grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;font-weight:800;font-size:.78rem;flex-shrink:0;background:var(--blue);color:var(--bg)}.alert-error{background:var(--danger-bg)}.alert-error:before{content:"!";background:var(--danger)}.alert-warning{background:var(--warning-bg)}.alert-warning:before{content:"!";background:var(--warning)}.alert-success{background:var(--success-bg)}.alert-success:before{content:"\2713";background:var(--success)}.status{font-size:var(--step-small);color:var(--text-2);min-height:1.4em}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;font-size:var(--step-small);font-weight:560;background:var(--panel-2);color:var(--text)}.badge.ok:before{content:"\2713";color:var(--success)}.badge.fail:before{content:"\2715";color:var(--danger)}.table-wrap{overflow-x:auto;border-radius:var(--radius);background:var(--panel-2)}table.data{width:100%;border-collapse:collapse;font-size:var(--step-small);font-variant-numeric:tabular-nums}table.data caption{text-align:left;padding:12px 16px;font-weight:560}table.data th,table.data td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}table.data th{background:var(--panel-3);font-weight:560;color:var(--text-2)}table.data tbody tr:last-child td{border-bottom:0}table.data td.num,table.data th.num{text-align:right}.prose{max-width:68ch;line-height:1.65}.prose h2{margin-top:1.8em}.prose h3{margin-top:1.4em}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin-bottom:.45em}.prose li::marker{color:var(--accent-text)}.prose details,.faq details{border-radius:var(--radius);background:var(--panel);margin-bottom:6px;transition:background-color .2s var(--ease)}.prose details:hover,.faq details:hover,.prose details[open],.faq details[open]{background:var(--panel-2)}.prose summary,.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-weight:560;line-height:1.45;cursor:pointer;list-style:none}.prose summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}.prose summary:after,.faq summary:after{content:"+";flex-shrink:0;font-size:1.4rem;font-weight:400;line-height:1;color:var(--text-2);transition:transform .3s var(--ease)}.prose details[open] summary:after,.faq details[open] summary:after{transform:rotate(45deg)}.prose details>p,.faq details>p{margin:0;padding:0 20px 18px;color:var(--text-2)}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;list-style:none;padding:0;margin:0 0 28px;font-size:var(--step-small);color:var(--text-2)}.breadcrumbs li+li:before{content:"/";margin-right:8px;color:var(--text-3)}.breadcrumbs a{color:var(--text-2);text-decoration:none}.breadcrumbs a:hover{color:var(--text);text-decoration:underline}.breadcrumbs [aria-current]{color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}kbd.kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:var(--panel-3);color:var(--text-2);font-family:var(--font);font-size:.8rem;font-weight:600;line-height:1}:root:not([data-theme=light]) .only-light,:root[data-theme=light] .only-dark{display:none!important}.reveal-pending{opacity:0;transform:translateY(24px)}.reveal-in{opacity:1;transform:none;transition:opacity .8s var(--ease-out),transform .9s var(--ease-out);transition-delay:calc(var(--reveal-i, 0) * 70ms)}@media print{.reveal-pending{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal-pending{opacity:1;transform:none}}