@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}:root{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-primary-accent:var(--primary-accent);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-secondary-accent:var(--secondary-accent);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-info:var(--info);--color-info-foreground:var(--info-foreground);--color-success:var(--success);--color-success-foreground:var(--success-foreground);--color-warning:var(--warning);--color-warning-foreground:var(--warning-foreground);--color-error:var(--error);--color-error-foreground:var(--error-foreground);--color-border:var(--border);--color-input:var(--input);--color-outline:var(--outline);--color-ring:var(--primary-accent);--color-destructive:var(--error);--radius-xs:calc(var(--radius) - .375rem);--radius-sm:calc(var(--radius) - .25rem);--radius-md:calc(var(--radius) - .125rem);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + .25rem);--radius-2xl:calc(var(--radius) + .5rem);--radius-3xl:calc(var(--radius) + 1rem);--color-sidebar:var(--sidebar-background);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-outline:var(--sidebar-outline);--background:#faf8f2;--foreground:#272218;--card:#fffefa;--card-foreground:#272218;--popover:#fffefa;--popover-foreground:#272218;--primary:#efc347;--primary-foreground:#2b210a;--primary-accent:#8a5c00;--secondary:#f1ecdf;--secondary-foreground:#51472e;--secondary-accent:#272218;--muted:#f1ecdf;--muted-foreground:#756b56;--accent:#f8edc9;--accent-foreground:#785600;--info:#eee5d2;--info-foreground:#5c471d;--success:#e3f3e7;--success-foreground:#2f7d46;--warning:#f7e7bb;--warning-foreground:#72500b;--error:#c63f37;--error-foreground:#fffefa;--border:#e4dcc9;--input:#d2c4a3;--outline:#a18c58;--radius:.75rem;--shadow-xs:0 1px 2px 0 #462e090a;--shadow-sm:0 1px 3px 0 #462e0914, 0 1px 2px -1px #462e090d;--shadow-md:0 4px 8px -2px #462e091a, 0 2px 4px -2px #462e090f;--shadow-lg:0 12px 24px -8px #462e0924, 0 4px 8px -4px #462e0914;--shadow-xl:0 24px 40px -16px #462e092e, 0 8px 12px -8px #462e091a;--shadow-2xl:0 25px 50px -12px #00000026;--ring-primary:0 0 0 3px #8b65183d;--ring-success:0 0 0 3px #3f5a3c33;--ring-warning:0 0 0 3px #5c470033;--ring-error:0 0 0 3px #d9453a33;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--gradient-primary-start:#efc347;--gradient-primary-end:#f7d776;--sidebar-background:#f3eee1;--sidebar-foreground:#272218;--sidebar-primary:#efc347;--sidebar-primary-foreground:#2b210a;--sidebar-accent:#f8edc9;--sidebar-accent-foreground:#2f2312;--sidebar-border:#e4dcc9;--sidebar-outline:#9f885c}.dark{--background:#15130f;--foreground:#f5efdf;--card:#201c15;--card-foreground:#f5efdf;--popover:#282219;--popover-foreground:#f5efdf;--primary:#f2c655;--primary-foreground:#281f08;--primary-accent:#f8d97e;--secondary:#30291c;--secondary-foreground:#e9ddbf;--secondary-accent:#fff7e7;--muted:#29241b;--muted-foreground:#b8aa8b;--accent:#3c311a;--accent-foreground:#f4d479;--info:#3d321f;--info-foreground:#e7d7b5;--success:#3a5a3c;--success-foreground:#e4e2dd;--warning:#5e4616;--warning-foreground:#f3dfaa;--error:#d9453a;--error-foreground:#e4e2dd;--border:#423927;--input:#615132;--outline:#aa8c47;--shadow-xs:0 1px 2px 0 #0003;--shadow-sm:0 2px 4px 0 #00000040, 0 1px 2px -1px #0003;--shadow-md:0 4px 8px 0 #00000040, 0 2px 4px -2px #0003;--shadow-lg:0 10px 20px 0 #0000004d, 0 4px 8px -4px #00000040;--shadow-xl:0 20px 30px 0 #00000059, 0 8px 12px -6px #0000004d;--shadow-2xl:0 25px 50px -12px #00000080;--ring-primary:0 0 0 3px #d9b45f47;--ring-success:0 0 0 3px #3a5a3c4d;--ring-warning:0 0 0 3px #6b55004d;--ring-error:0 0 0 3px #d9453a4d;--gradient-primary-start:#f2c655;--gradient-primary-end:#f8d97e;--sidebar-background:#1b1710;--sidebar-foreground:#f5efdf;--sidebar-primary:#f2c655;--sidebar-primary-foreground:#1a1205;--sidebar-accent:#3c311a;--sidebar-accent-foreground:#f0d58c;--sidebar-border:#423927;--sidebar-outline:#806b40}@layer base{*{outline-color:color-mix(in srgb, var(--outline) 50%, transparent) ;border-color:color-mix(in srgb, var(--border) var(--un-border-opacity), transparent) ;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}body{color:color-mix(in srgb, var(--foreground) var(--un-text-opacity), transparent) ;background-color:color-mix(in srgb, var(--background) var(--un-bg-opacity), transparent) ;color-scheme:light;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:none}.dark body{color-scheme:dark}button{cursor:pointer}select,select option{color:color-mix(in srgb, var(--foreground) var(--un-text-opacity), transparent) ;background-color:color-mix(in srgb, var(--background) var(--un-bg-opacity), transparent) }.focus-ring-primary:focus-visible{--un-outline-style:none;--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color,currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--primary) 30%, transparent) ;outline-style:none}.focus-ring-success:focus-visible{--un-outline-style:none;--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color,currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--success) 30%, transparent) ;outline-style:none}.focus-ring-warning:focus-visible{--un-outline-style:none;--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color,currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--warning) 30%, transparent) ;outline-style:none}.focus-ring-error:focus-visible{--un-outline-style:none;--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color,currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--error) 30%, transparent) ;outline-style:none}}.tool-workspace{min-height:24rem}.tool-surface>[data-slot=card],.tool-surface>astro-slot>[data-slot=card]{box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:0;padding-block:0}.tool-surface>[data-slot=card]>[data-slot=card-content]{padding:0}@media (width<=640px){.tool-surface textarea{min-height:15rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms}}.category-btn[data-active=true]{background-color:var(--primary);color:var(--primary-foreground)}.category-btn[data-active=true]:hover{background-color:color-mix(in srgb, var(--primary) 90%, var(--foreground))}html.is-changing .page-transition{transition:opacity .16s,transform .16s}html.is-animating .page-transition{opacity:0;transform:translateY(5px)}main:focus{outline:none}:focus-visible{outline:2px solid var(--primary-accent);outline-offset:3px}.tool-surface{container-type:inline-size}.tool-identity{border:1px solid color-mix(in srgb, var(--tool-accent) 30%, var(--border));width:3rem;height:3rem;color:var(--tool-accent);background:color-mix(in srgb, var(--tool-accent) 9%, var(--card));border-radius:.9rem;place-items:center;display:grid}.dark .tool-identity{color:color-mix(in srgb, var(--tool-accent) 50%, white)}.tool-workspace{border-block-start:3px solid var(--tool-accent);min-height:0;overflow:clip}.tool-surface textarea{min-height:min(var(--tool-input-height), 65dvh)}.tool-surface>[data-slot=card]>[data-slot=card-header]{display:none}[data-workspace=editor] .tool-workspace{background:color-mix(in srgb, var(--card) 96%, var(--tool-accent))}[data-workspace=compare] .tool-surface textarea{tab-size:2;white-space:pre;overflow:auto}[data-workspace=secret] .tool-workspace{max-width:64rem;margin-inline:auto}[data-workspace=calculator] .tool-surface input{font-variant-numeric:tabular-nums}[data-workspace=generator] .tool-surface [readonly]{letter-spacing:.025em;font-size:1.125rem}[data-workspace=inspector] .tool-surface pre{overflow-wrap:anywhere;white-space:pre-wrap}[data-workspace=reference] .tool-surface table{font-variant-numeric:tabular-nums}[data-workspace=canvas] .tool-surface canvas{touch-action:none;max-width:100%}[data-workspace=media] .tool-surface video{aspect-ratio:16/9;object-fit:contain;background:#101010}@media (width>=1024px){[data-workspace=converter] .tool-surface .lg\:grid-cols-2,[data-workspace=editor] .tool-surface .lg\:grid-cols-2{grid-template-columns:var(--tool-columns)}}@media (width<=640px){.tool-surface textarea{min-height:min(var(--tool-input-height), 45dvh)}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");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}:root{--pf-modal-top:10dvh;--pf-modal-max-width:560px;--pf-modal-max-height:min(80dvh, 700px);--pf-font:"Geist Variable", Geist, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root,[data-pf-theme]:not([data-pf-theme=dark]){--pf-background:#fff;--pf-text:#131316;--pf-text-secondary:#52525d;--pf-text-muted:#73737f;--pf-border:#e4e4e8;--pf-border-focus:#366d9d;--pf-hover:#f7f7f8;--pf-mark:#28577f;--pf-skeleton:#eee;--pf-skeleton-shine:#f5f5f5;--pf-shadow-sm:0 2px 8px #0000000f;--pf-shadow-md:0 4px 12px #0000001a;--pf-shadow-lg:0 16px 48px #0003;--pf-outline-focus:#366d9d;--pf-outline-width:3px;--pf-outline-offset:2px;--pf-modal-backdrop:#00000080}[data-pf-theme=dark]{--pf-background:#1c1c20;--pf-text:#f7f7f8;--pf-text-secondary:#cbcbd2;--pf-text-muted:#a3a3ad;--pf-border:#393941;--pf-border-focus:#9fc3e2;--pf-hover:#252529;--pf-mark:#e8f1fa;--pf-skeleton:#2a2a2a;--pf-skeleton-shine:#333;--pf-shadow-sm:0 2px 8px #0000004d;--pf-shadow-md:0 4px 12px #0006;--pf-shadow-lg:0 16px 48px #00000080;--pf-outline-focus:#58a6ff;--pf-modal-backdrop:#0009}:root{--font-sans:"Geist Variable", Geist, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}html,body{width:100%;min-height:100dvh;margin:0}html[dir=rtl]{--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Naskh Arabic", "Noto Sans", sans-serif}html[dir=rtl] .container{direction:rtl}html[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}html[dir=rtl] .mr-auto{margin-left:auto;margin-right:0}html[dir=rtl] .text-left{text-align:right}html[dir=rtl] .text-right{text-align:left}html[dir=rtl] .space-x-2>:not([hidden])~:not([hidden]),html[dir=rtl] .space-x-4>:not([hidden])~:not([hidden]),html[dir=rtl] .space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}html[dir=rtl] .space-x-reverse{--tw-space-x-reverse:0}html[dir=rtl] .left-0{left:auto;right:0}html[dir=rtl] .right-0{left:0;right:auto}html[dir=rtl] .right-2{left:.5rem;right:auto}html[dir=rtl] .left-1\/2{left:auto;right:50%}html[dir=rtl] .-translate-x-1\/2{--tw-translate-x:50%}html[dir=rtl] .translate-x-1\/2{--tw-translate-x:-50%}