:root{--font-family-base: Inter, Segoe UI, sans-serif;--font-family-mono: JetBrains Mono, Fira Mono, SFMono-Regular, Menlo, Consolas, Liberation Mono, Courier New, monospace;--line-height-base: 1.6;--line-height-desktop: 1.4;--font-size-base-mobile: 16px;--font-size-base-desktop: 14px;--container-max-width: 1200px;--content-padding-x-lg: 3rem;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .08);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--transition-base: .18s ease;--card-radius: 1rem;--space-sm: .375rem;--space-md: .5rem;--space-lg: .75rem;--container-padding-x-desktop: 1.25rem;--top-area-padding-y-desktop: .5rem;--control-height-compact: 2.125rem;--textarea-min-rows-compact: 6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem}:root{color-scheme:light;--color-bg: #f6f8fb;--color-bg-muted: #eef2f9;--color-bg-muted-rgb: 238, 242, 249;--fg: #101828;--fg-muted: #475467;--fg-heading: #101828;--panel-fg: var(--fg);--panel-muted: var(--fg-muted);--color-fg: var(--fg);--color-fg-rgb: 16, 24, 40;--color-muted: var(--fg-muted);--color-muted-rgb: 71, 84, 103;--color-card: #ffffff;--color-card-muted: #f1f5f9;--color-border: #d0d5dd;--color-border-rgb: 208, 213, 221;--color-link: #0d6efd;--color-link-hover: #0b5ed7;--color-primary: #0d6efd;--color-primary-rgb: 13, 110, 253;--color-primary-subtle: rgba(13, 110, 253, .08);--color-danger: #dc3545;--color-danger-rgb: 220, 53, 69;--color-danger-subtle: rgba(220, 53, 69, .12);--color-success: #198754;--color-success-rgb: 25, 135, 84;--color-focus: #0b5ed7;--color-focus-rgb: 11, 94, 215;--color-disabled-bg: rgba(16, 24, 40, .04);--color-disabled-fg: #384250;--color-elevated-shadow: 0 12px 32px rgba(15, 23, 42, .08);--panel-bg: #ffffff;--panel-border: rgba(208, 213, 221, .8);--panel-gutter: rgba(99, 102, 241, .08);--panel-tab-bg: rgba(15, 23, 42, .06);--panel-tab-active-bg: rgba(255, 255, 255, .9)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--color-bg: #0b1120;--color-bg-muted: #101a31;--color-bg-muted-rgb: 16, 26, 49;--fg: #e6edf7;--fg-muted: #b8c4d4;--fg-heading: #f4f7fb;--panel-fg: var(--fg);--panel-muted: var(--fg-muted);--color-fg: var(--fg);--color-fg-rgb: 230, 237, 247;--color-muted: var(--fg-muted);--color-muted-rgb: 184, 196, 212;--color-card: #111c2f;--color-card-muted: #1c2942;--color-border: #1f2a3b;--color-border-rgb: 31, 42, 59;--color-link: #93c5fd;--color-link-hover: #bfdbfe;--color-primary: #60a5fa;--color-primary-rgb: 96, 165, 250;--color-primary-subtle: rgba(96, 165, 250, .16);--color-danger: #f87171;--color-danger-rgb: 248, 113, 113;--color-danger-subtle: rgba(248, 113, 113, .18);--color-success: #34d399;--color-success-rgb: 52, 211, 153;--color-focus: #93c5fd;--color-focus-rgb: 147, 197, 253;--color-disabled-bg: rgba(226, 232, 240, .08);--color-disabled-fg: #cbd5f5;--color-elevated-shadow: 0 16px 40px rgba(8, 47, 73, .42);--panel-bg: #111c2f;--panel-border: rgba(148, 163, 184, .24);--panel-gutter: rgba(59, 130, 246, .18);--panel-tab-bg: rgba(15, 118, 110, .08);--panel-tab-active-bg: rgba(17, 28, 47, .85)}}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark;--color-bg: #0b1120;--color-bg-muted: #101a31;--color-bg-muted-rgb: 16, 26, 49;--fg: #e6edf7;--fg-muted: #b8c4d4;--fg-heading: #f4f7fb;--panel-fg: var(--fg);--panel-muted: var(--fg-muted);--color-fg: var(--fg);--color-fg-rgb: 230, 237, 247;--color-muted: var(--fg-muted);--color-muted-rgb: 184, 196, 212;--color-card: #111c2f;--color-card-muted: #1c2942;--color-border: #1f2a3b;--color-border-rgb: 31, 42, 59;--color-link: #93c5fd;--color-link-hover: #bfdbfe;--color-primary: #60a5fa;--color-primary-rgb: 96, 165, 250;--color-primary-subtle: rgba(96, 165, 250, .16);--color-danger: #f87171;--color-danger-rgb: 248, 113, 113;--color-danger-subtle: rgba(248, 113, 113, .18);--color-success: #34d399;--color-success-rgb: 52, 211, 153;--color-focus: #93c5fd;--color-focus-rgb: 147, 197, 253;--color-disabled-bg: rgba(226, 232, 240, .08);--color-disabled-fg: #f8fafc;--color-elevated-shadow: 0 16px 40px rgba(8, 47, 73, .42);--panel-bg: #111c2f;--panel-border: rgba(148, 163, 184, .24);--panel-gutter: rgba(59, 130, 246, .18);--panel-tab-bg: rgba(59, 130, 246, .14);--panel-tab-active-bg: rgba(30, 41, 59, .9)}html{background-color:var(--color-bg);scroll-behavior:smooth}.ide-like{--panel-bg: var(--color-card);--panel-border: rgba(var(--color-border-rgb), .72);--panel-gutter: rgba(var(--color-border-rgb), .4);--panel-tab-bg: rgba(var(--color-border-rgb), .28);--panel-tab-active-bg: rgba(var(--color-card-muted), .95)}[data-theme=light] .ide-like{--panel-bg: #f5f7fb;--panel-border: #c9d4ea;--panel-gutter: #e0e7f8;--panel-tab-bg: rgba(89, 107, 173, .1);--panel-tab-active-bg: #ffffff}[data-theme=dark] .ide-like{--panel-bg: #151d2b;--panel-border: #25344c;--panel-gutter: #1f2a3d;--panel-tab-bg: rgba(96, 165, 250, .14);--panel-tab-active-bg: #1d2940}body{font-size:var(--font-size-base-mobile)}@media (min-width: 992px){body{font-size:var(--font-size-base-desktop)}}.container{width:100%;margin-inline:auto;padding-inline:var(--space-4)}@media (min-width: 992px){.container{max-width:var(--container-max-width);padding-inline:var(--content-padding-x-lg)}}.app-shell{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg);transition:background-color .22s ease}.app-shell__topbar{position:sticky;top:0;z-index:1040;background-color:rgba(var(--color-bg-muted-rgb),.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(var(--color-border-rgb),.5)}.app-shell__topbar-inner{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-2) var(--space-4)}.app-shell__skip-link{position:absolute;top:var(--space-2);left:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-fg);color:var(--color-bg);border-radius:999px;transform:translateY(-150%);transition:transform var(--transition-base);z-index:1041}.app-shell__skip-link:focus-visible{transform:translateY(0);outline:none}.app-shell__main{flex:1 1 auto;padding-block:var(--space-6)}.app-shell__main:focus{outline:none}.app-shell__main:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.tools-home{display:block}.tools-home__section-boundary:not(:last-child){margin-bottom:var(--space-md)}.tools-home__section-skeleton{min-height:12rem;display:flex;align-items:center;justify-content:center;color:var(--color-muted)}@media (min-width: 992px){.tools-home--compact{padding-block:var(--space-lg);font-size:var(--font-size-base-desktop);line-height:var(--line-height-desktop)}.tools-home--compact .container{padding-inline:var(--container-padding-x-desktop)}.tools-home--compact .tools-home__top{padding-block:var(--top-area-padding-y-desktop);margin-bottom:var(--space-lg)}.tools-home--compact .tools-home__nav,.tools-home--compact .tools-home__hero{margin-bottom:var(--space-lg)}.tools-home--compact .tools-home__hero-inner{gap:var(--space-lg)}.tools-home--compact .tools-home__title{margin-bottom:var(--space-sm)}.tools-home--compact .tools-home__sections{gap:var(--space-lg)}.tools-home--compact .tools-home__privacy{padding:var(--space-lg);margin-bottom:var(--space-lg)}.tools-home--compact .branding{gap:var(--space-md);padding-block:var(--space-md)}.tools-home--compact .branding__identity{gap:var(--space-md)}.tools-home--compact .branding__logo--display .branding__image--display{max-height:5rem}.tools-home--compact .branding__title{font-size:clamp(1.5rem,3vw,2.25rem)}}.branding{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding-block:0}.branding__identity{display:inline-flex;align-items:center;gap:var(--space-3)}.branding__logo{display:inline-flex;align-items:center}.branding__image{display:block;height:auto;max-height:4.5rem;width:auto}.branding__logo--display .branding__image--display{max-height:5.25rem}.branding__title{display:inline-flex;align-items:center;font-weight:600;font-size:clamp(1.25rem,4vw,2rem);letter-spacing:.02em;color:var(--color-fg);line-height:1.1;white-space:nowrap}@media (min-width: 768px){.branding{flex-direction:row;align-items:center;gap:var(--space-4);padding-block:var(--space-4)}}@media (min-width: 992px){.branding{padding-block:var(--space-5)}.branding__identity{gap:var(--space-4)}.branding__logo--display .branding__image--display{max-height:7rem}.branding__title{font-size:clamp(2rem,3vw,2.75rem)}}.form-field{position:relative;width:100%}.form-field--with-copy .tool-form__control{padding-right:calc(var(--space-6) + var(--space-4))}.form-field--with-copy textarea+.form-field__copy{top:var(--space-3);transform:none}.form-field--with-copy input+.form-field__copy,.form-field--with-copy select+.form-field__copy{top:50%;transform:translateY(-50%)}.form-field__copy{position:absolute;right:var(--space-3);top:var(--space-3);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);border:none;background-color:transparent;border-radius:var(--space-2);color:inherit;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.form-field__copy:hover,.form-field__copy:focus-visible{background-color:rgba(var(--color-primary-rgb),.1)}.form-field__copy:disabled{opacity:.45;cursor:not-allowed}.form-field__copy-icon{width:1.25rem;height:1.25rem}.app-footer{background-color:var(--color-bg-muted);color:var(--color-fg);padding-block:var(--space-5);margin-top:auto;border-top:1px solid rgba(var(--color-border-rgb),.5)}.app-footer__inner{display:flex;flex-direction:column;gap:var(--space-3)}.app-footer__meta{display:flex;flex-direction:column;gap:var(--space-2)}.app-footer__version{font-weight:600}.app-footer__legal{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.app-footer__legal-link,.app-footer__legal-button{font-weight:600;color:var(--color-link);transition:color var(--transition-base)}.app-footer__legal-link:hover,.app-footer__legal-link:focus-visible{color:var(--color-link-hover);text-decoration:underline}.app-footer__legal-button{border:none;background:transparent;padding:0;cursor:pointer}.app-footer__legal-button:hover,.app-footer__legal-button:focus-visible{color:var(--color-link-hover);text-decoration:underline}@media (min-width: 768px){.app-footer__inner{flex-direction:row;align-items:center;justify-content:space-between}.app-footer__meta{flex-direction:row;align-items:center}.app-footer__legal{margin-left:auto}}.tool-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--card-radius);background-color:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);height:100%;transition:transform var(--transition-base),box-shadow var(--transition-base);color:inherit}.tool-card:hover,.tool-card:focus-visible{text-decoration:none;transform:translateY(-4px);box-shadow:var(--shadow-md)}.tool-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.tool-card__icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background-color:rgba(var(--color-primary-rgb),.1);flex-shrink:0}.tool-card__icon{width:28px;height:28px}.tool-card__body{display:flex;flex-direction:column;gap:var(--space-2)}.tool-card__title{font-size:1.125rem;font-weight:700;color:var(--color-fg)}.tool-card__description{color:var(--color-muted);line-height:var(--line-height-base)}.tools-grid{margin:0}.tools-preview{background-color:rgba(var(--color-primary-rgb),.1);border-radius:var(--card-radius);padding:var(--space-4);border:1px solid rgba(var(--color-primary-rgb),.14)}.tools-preview__title{font-size:1rem;font-weight:700;margin-bottom:var(--space-2)}.tools-preview__description{margin-bottom:0;color:var(--color-fg)}.tool-detail{padding:var(--space-5);border-radius:var(--card-radius);background-color:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);max-width:640px}.tool-detail__header{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4)}.tool-detail__icon{width:72px;height:72px}.tool-detail__title{font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:var(--space-2)}.tool-detail__lead{margin-bottom:0;color:var(--color-muted)}.tool-detail__copy{display:inline-flex}@media (max-width: 575.98px){.tool-card,.tool-detail{padding:var(--space-4)}}.tools-home{padding-block:var(--space-6)}.tools-home__top{display:block;margin-bottom:var(--space-4);padding-block:var(--space-4)}.tools-home__nav{margin-bottom:var(--space-4)}.tools-home__hero{margin-bottom:var(--space-5)}.tools-home__hero-inner{display:flex;flex-direction:column;gap:var(--space-4)}.tools-home__title{font-size:clamp(2.25rem,6vw,3rem);font-weight:700;margin-bottom:var(--space-2);color:var(--fg-heading)}.tools-home__lead{margin:0;color:var(--fg-muted);max-width:42ch}.tools-home__language{display:flex}.tools-home__sections{display:flex;flex-direction:column;gap:var(--space-5)}.tools-home__privacy{margin-bottom:var(--space-5);background-color:var(--color-card);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:var(--space-5)}.tools-home__privacy-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:var(--space-2);color:var(--fg-heading)}.tools-home__privacy-body{margin:0;color:var(--fg-muted)}.tool-section{position:relative;display:flex;flex-direction:column;gap:var(--space-4);background-color:var(--color-card);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:background-color .22s ease,box-shadow .22s ease}.tool-section__header{margin-bottom:var(--space-2)}.tool-section__title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin-bottom:var(--space-2)}.tool-section__description{margin:0;color:var(--fg-muted)}.tool-section__content{display:flex;flex-direction:column;gap:var(--space-4)}.tool-section__back{display:flex;justify-content:flex-end}.tool-form{display:grid;gap:var(--space-4)}.tool-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.tool-form__field--inline{flex-direction:column}.tool-form__label{font-weight:600;margin:0}.tool-form__label--static{font-weight:600}.tool-form__control{width:100%;border:1px solid var(--color-border);border-radius:var(--space-2);background-color:var(--color-card);padding:var(--space-3);font:inherit;line-height:1.5;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.tool-form__control:focus-visible{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px rgba(var(--color-focus-rgb),.2)}.tool-form__control:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-fg);opacity:1;cursor:default}.tool-form textarea.tool-form__control{min-height:8rem;resize:vertical}.tool-form__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tool-form__error{margin:0;color:var(--color-danger);font-weight:600}.tool-form__hint{color:var(--color-muted)}.tool-form__list{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-2)}.tool-form__list-item{background-color:var(--color-card-muted);border-radius:var(--space-2);padding:var(--space-2) var(--space-3);word-break:break-word}.tool-form__empty{margin:0;color:var(--color-muted)}@media (min-width: 768px){.tools-home__hero-inner{flex-direction:row;align-items:center;justify-content:space-between}.tools-home__lead{max-width:58ch}.tool-form__field--inline{flex-direction:row;align-items:center;gap:var(--space-3)}.tool-form__label{min-width:160px}}@media (min-width: 992px){.tools-home__top{padding-block:var(--space-5);margin-bottom:var(--space-5)}.tools-home__nav{margin-bottom:var(--space-5)}.tools-home__hero{margin-bottom:var(--space-6)}}@media (min-width: 992px){.tools-home--compact .tool-section{padding:var(--space-lg);gap:var(--space-md);border-radius:calc(var(--space-md) + .5rem)}.tools-home--compact .tool-section__header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(var(--color-border-rgb),.5);display:flex;flex-direction:column;gap:var(--space-sm)}.tools-home--compact .tool-section__title{margin-bottom:0;font-size:clamp(1.5rem,3vw,2.125rem)}.tools-home--compact .tool-section__description{color:rgba(var(--color-muted-rgb),.85)}.tools-home--compact .tool-section__content{gap:var(--space-md)}.tools-home--compact .tool-section__back{margin-top:var(--space-sm)}.tools-home--compact .tool-form{gap:var(--space-md)}.tools-home--compact .tool-form__field{gap:var(--space-sm)}.tools-home--compact .tool-form__label{font-size:.9rem;letter-spacing:.01em}.tools-home--compact .tool-form__control{padding-inline:var(--space-md);padding-block:calc((var(--control-height-compact) - 1.4em) / 2);min-height:var(--control-height-compact);line-height:var(--line-height-desktop);border-radius:var(--space-md)}.tools-home--compact input.tool-form__control,.tools-home--compact textarea.tool-form__control,.tools-home--compact .tool-form__control[type=text],.tools-home--compact .tool-form__control[type=number]{font-family:var(--font-family-mono);letter-spacing:.01em}.tools-home--compact textarea.tool-form__control{min-height:calc(var(--textarea-min-rows-compact) * 1.1em);padding-block:var(--space-md);resize:vertical}.tools-home--compact .tool-form__actions{gap:var(--space-sm)}.tools-home--compact .tool-form__error{font-size:.95rem}.tools-home--compact .form-field__copy{gap:var(--space-sm);padding:var(--space-sm)}.tools-home--compact .btn,.tools-home--compact .form-field__copy{min-height:var(--control-height-compact);font-size:.95rem;border-radius:var(--space-md)}.tools-home--compact .btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding-inline:calc(var(--space-lg) + var(--space-sm))}.tools-home--compact .btn svg{flex-shrink:0}}.ide-panel{position:relative;background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:calc(var(--space-md) + .5rem);box-shadow:0 12px 24px rgba(var(--color-bg-muted-rgb),.28);overflow:hidden;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.ide-panel:before{content:"";position:absolute;top:var(--space-sm);bottom:var(--space-sm);left:0;width:4px;background:var(--panel-gutter);border-radius:0 4px 4px 0;pointer-events:none}.ide-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px rgba(var(--color-border-rgb),.35);pointer-events:none}.ide-panel:focus-within{box-shadow:0 0 0 2px rgba(var(--color-focus-rgb),.3)}.ide-panel__tabs,.ide-panel .tool-section__header{position:relative;background:linear-gradient(180deg,var(--panel-tab-active-bg) 0%,rgba(0,0,0,0) 100%)}.ide-panel .tool-section__title{display:inline-flex;align-items:center;gap:var(--space-sm);padding-inline:var(--space-md);padding-block:var(--space-sm);border-radius:var(--space-md) var(--space-md) 0 0;background:var(--panel-tab-active-bg);box-shadow:0 1px rgba(var(--color-border-rgb),.4);color:var(--fg-heading)}.ide-panel .tool-section__description{margin-inline:var(--space-md);margin-bottom:var(--space-sm);color:var(--panel-muted)}.ide-panel .tool-section__content,.ide-panel .tool-form,.ide-panel .tool-form__field,.ide-panel .tool-form__actions{position:relative;z-index:1}.tools-home__privacy.ide-panel{border-radius:calc(var(--space-md) + .5rem);box-shadow:0 8px 18px rgba(var(--color-bg-muted-rgb),.24)}.tools-home__privacy.ide-panel .tools-home__privacy-title{margin-bottom:var(--space-sm);font-size:clamp(1.35rem,2.5vw,1.85rem)}.tools-home__privacy.ide-panel .tools-home__privacy-body{color:var(--panel-muted)}h1,h2,h3,h4,h5,h6{color:var(--fg-heading)}.text-muted{color:var(--fg-muted)!important}.ide-panel{color:var(--panel-fg)}.char-counter{margin:0;align-self:flex-end;color:var(--color-muted);font-size:.875rem}.clear-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--space-2);background-color:transparent;color:var(--color-muted);font:inherit;font-weight:600;cursor:pointer;transition:color var(--transition-base),background-color var(--transition-base)}.clear-button:hover,.clear-button:focus-visible{color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.08)}.clear-button:disabled{color:rgba(var(--color-muted-rgb),.7);cursor:not-allowed;background-color:transparent}.main-nav{border-radius:var(--space-3);background-color:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-3);transition:background-color .22s ease,border-color .22s ease}.main-nav__toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);width:100%;justify-content:space-between;border:none;background-color:transparent;color:var(--color-fg);font-weight:600;border-radius:var(--space-2);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base)}.main-nav__toggle:hover,.main-nav__toggle:focus-visible{background-color:rgba(var(--color-primary-rgb),.08);color:var(--color-primary);outline:none}.main-nav__toggle-bars{position:relative;width:20px;height:2px;background-color:currentColor;border-radius:2px;transition:transform var(--transition-base)}.main-nav__toggle-bars:before,.main-nav__toggle-bars:after{content:"";position:absolute;left:0;width:20px;height:2px;background-color:currentColor;border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.main-nav__toggle-bars:before{top:-6px}.main-nav__toggle-bars:after{top:6px}.main-nav--open .main-nav__toggle-bars{background-color:transparent}.main-nav--open .main-nav__toggle-bars:before{transform:translateY(6px) rotate(45deg)}.main-nav--open .main-nav__toggle-bars:after{transform:translateY(-6px) rotate(-45deg)}.main-nav__menu{margin-top:var(--space-3);display:none}.main-nav--open .main-nav__menu{display:block}.main-nav__inner{display:flex;flex-direction:column}.main-nav__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.main-nav__item{display:flex}.main-nav__link{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--space-2);color:var(--color-muted);font-weight:500;transition:background-color var(--transition-base),color var(--transition-base)}.main-nav__link:hover,.main-nav__link:focus-visible{color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.08);text-decoration:none}@media (min-width: 992px){.main-nav{display:block;padding:var(--space-4);width:100%}.main-nav__toggle{display:none}.main-nav__menu{display:block!important;margin-top:0}.main-nav__inner{flex-direction:row;justify-content:center}.main-nav__list{display:inline-flex;align-items:center;gap:var(--space-3)}.main-nav__link{width:auto}}.back-to-top{position:sticky;bottom:var(--space-2);margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgba(var(--color-border-rgb),.6);background-color:var(--color-card);color:var(--color-primary);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-base),background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.back-to-top:hover,.back-to-top:focus-visible{background-color:rgba(var(--color-primary-rgb),.12);color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.6);outline:none;transform:translateY(-2px)}.back-to-top__icon{width:18px;height:18px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid rgba(var(--color-border-rgb),.6);background-color:var(--color-card);color:var(--color-primary);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.theme-toggle:hover,.theme-toggle:focus-visible{background-color:rgba(var(--color-primary-rgb),.12);border-color:rgba(var(--color-primary-rgb),.6);outline:none;transform:translateY(-1px)}.theme-toggle__icon{width:18px;height:18px}.tools-home__privacy{margin-top:var(--space-7)}.legal-page__back{margin-bottom:var(--space-4)}.legal-page__back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--color-link);text-decoration:none}.legal-page__back-link:hover,.legal-page__back-link:focus-visible{color:var(--color-link-hover);text-decoration:underline}.privacy-banner{position:fixed;inset-inline:0;bottom:0;width:100%;background-color:var(--color-card);color:var(--color-fg);box-shadow:var(--shadow-md);border-top:1px solid var(--color-border);z-index:1040}.privacy-banner__inner{display:flex;gap:var(--space-4);align-items:flex-start;justify-content:space-between;padding:var(--space-4) var(--space-5);flex-wrap:wrap}.privacy-banner__content{flex:1 1 320px;min-width:0}.privacy-banner__title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-2)}.privacy-banner__description{margin-bottom:var(--space-2);color:var(--color-muted)}.privacy-banner__links{margin-bottom:0;color:var(--color-muted)}.privacy-banner__links .privacy-banner__link{font-weight:600;color:inherit}.privacy-banner__links .privacy-banner__link:hover,.privacy-banner__links .privacy-banner__link:focus-visible{color:var(--color-link-hover)}.privacy-banner__actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.privacy-banner__button{white-space:nowrap}.privacy-banner__button--customize{padding-inline:0;font-weight:600}@media (max-width: 768px){.privacy-banner__inner{flex-direction:column;align-items:stretch}.privacy-banner__actions{width:100%;justify-content:flex-start}.privacy-banner__button{flex:1 1 auto}.privacy-banner__button--customize{flex:0 0 auto;align-self:flex-start}}.privacy-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-5);pointer-events:none;opacity:0;transition:opacity var(--transition-base);z-index:1041}.privacy-modal--open{opacity:1;pointer-events:auto}.privacy-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a99}.privacy-modal__dialog{position:relative;width:min(640px,100%);max-height:90vh;overflow:hidden auto;border-radius:var(--card-radius);box-shadow:var(--shadow-md);background-color:var(--color-card);color:var(--color-fg);padding:0;outline:none}.privacy-modal__form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.privacy-modal__header{display:flex;flex-direction:column;gap:var(--space-2)}.privacy-modal__title{margin:0;font-size:1.5rem;font-weight:700}.privacy-modal__description{margin:0;color:var(--color-muted)}.privacy-modal__body{display:flex;flex-direction:column;gap:var(--space-4)}.privacy-modal__group{border:1px solid var(--color-border);border-radius:var(--card-radius);padding:var(--space-4);background-color:#94a3b80d}.privacy-modal__legend{font-weight:600;font-size:1rem;margin-bottom:var(--space-2)}.privacy-modal__hint{margin-bottom:var(--space-3);color:var(--color-muted)}.privacy-modal__switch{display:flex;align-items:center;gap:var(--space-2)}.privacy-modal__switch .form-check-input{width:3rem;height:1.5rem}.privacy-modal__switch .form-check-label{font-weight:600}.privacy-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3)}.privacy-modal__button{min-width:120px}@media (max-width: 576px){.privacy-modal{padding:var(--space-3)}.privacy-modal__form{padding:var(--space-4)}}.uuid-form__options{align-items:center;gap:var(--space-4);flex-wrap:wrap}.uuid-form__checkbox{display:inline-flex;align-items:center;gap:var(--space-2)}.uuid-form__checkbox-input{width:1.25rem;height:1.25rem}.uuid-form__checkbox-label{margin:0;font-weight:600}.jwt-grid{display:grid;gap:var(--space-4);align-items:stretch}.jwt-col{display:flex;flex-direction:column;width:100%;min-height:0}.jwt-col--left,.jwt-col--right{min-width:0}.jwt-input-wrapper{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0}.jwt-input-wrapper .jwt-field{height:100%}.jwt-field{display:grid;gap:var(--space-2);height:100%;grid-template-rows:auto minmax(0,1fr) auto auto}.jwt-field__editor{position:relative;height:100%;min-height:0}.jwt-field__textarea{position:relative;z-index:1;background-color:transparent;color:transparent;caret-color:var(--color-fg);resize:vertical;height:100%;min-height:12rem;-webkit-text-fill-color:transparent}.jwt-field__textarea::selection{background-color:rgba(var(--color-primary-rgb),.2)}.jwt-field__hint{margin:0;color:var(--color-muted)}.jwt-field__error{margin:0}.jwt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:var(--space-2);background-color:var(--color-card)}.jwt-overlay__content{margin:0;padding:var(--space-3);font:inherit;line-height:1.5;white-space:pre-wrap;word-break:break-word;-moz-tab-size:2;tab-size:2;min-height:100%;height:100%;overflow:hidden}.jwt-overlay__segment--header{color:var(--color-success)}.jwt-overlay__segment--payload{color:var(--color-fg)}.jwt-overlay__segment--signature{color:var(--color-primary)}.jwt-results{display:grid;gap:var(--space-4);--jwt-output-height: 11.25rem}.jwt-results__field{display:grid;gap:var(--space-2)}.jwt-results__textarea{height:var(--jwt-output-height);min-height:var(--jwt-output-height);resize:none}@media (min-width: 992px){.jwt-grid{display:flex;gap:var(--space-5)}.jwt-col--left,.jwt-col--right{flex:1 1 0}.jwt-col--left{min-height:0}.jwt-results{gap:var(--space-5)}}@media (prefers-contrast: more){.jwt-field__textarea{color:var(--color-fg);-webkit-text-fill-color:var(--color-fg);background-color:var(--color-card)}.jwt-overlay{display:none}}.bcrypt{display:grid;gap:var(--space-5)}.bcrypt__group{border:1px solid var(--color-border);border-radius:var(--space-3);padding:var(--space-4);background-color:var(--color-card);transition:background-color .22s ease}.bcrypt__actions{justify-content:flex-start}.bcrypt__status{margin-top:var(--space-2)}.bcrypt-result{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--space-2);border:1px solid var(--color-border);background-color:var(--color-card);color:var(--color-muted);font-weight:600;line-height:1.1;min-height:2.5rem;max-width:100%;width:fit-content;word-break:break-word}.bcrypt-result__icon{width:1.25rem;height:1.25rem}.bcrypt-result__text{display:inline-flex;align-items:center}.bcrypt-result--success{border-color:rgba(var(--color-success-rgb),.4);background-color:rgba(var(--color-success-rgb),.14);color:var(--color-success)}.bcrypt-result--error{border-color:rgba(var(--color-danger-rgb),.4);background-color:rgba(var(--color-danger-rgb),.14);color:var(--color-danger)}@media (min-width: 992px){.bcrypt{grid-template-columns:repeat(2,minmax(0,1fr))}}.md5,.md5__form{display:flex;flex-direction:column;gap:var(--space-4)}.md5__warning{background-color:var(--color-danger-subtle);border:1px solid rgba(var(--color-danger-rgb),.4);border-radius:var(--space-2);padding:var(--space-3);margin:0;color:var(--color-danger)}.md5__counter{display:inline-block;margin-top:var(--space-2);font-size:.875rem;color:var(--color-muted)}.md5__format{align-items:center;gap:var(--space-3)}.md5__format select{max-width:12rem}.md5__actions{flex-wrap:wrap;gap:var(--space-2)}.md5__actions .btn{min-width:8rem}.md5__status{min-height:1.5rem;margin-top:var(--space-2);color:var(--color-muted)}.md5 textarea{font-family:JetBrains Mono,Fira Code,monospace;word-break:break-all}@media (min-width: 768px){.md5__actions{justify-content:flex-start;gap:var(--space-3)}}.millisdate__panel{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--space-3);box-shadow:var(--shadow-sm);padding:var(--space-4);height:100%;display:flex;flex-direction:column;gap:var(--space-3);transition:background-color .22s ease}.millisdate__panel-header{display:flex;flex-direction:column;gap:var(--space-2)}.millisdate__panel-title{font-size:1.25rem;font-weight:700;margin:0}.millisdate__panel-description{margin:0;color:var(--color-muted);font-size:.95rem}.millisdate__panel-content{display:flex;flex-direction:column;gap:var(--space-4)}.millisdate__live{display:flex;flex-direction:column;gap:var(--space-2);margin:0}.millisdate__live-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border:1px solid rgba(var(--color-border-rgb),.8);border-radius:var(--space-2);background-color:var(--color-primary-subtle)}.millisdate__live-label{font-weight:600;margin:0}.millisdate__live-value{font-family:JetBrains Mono,Fira Code,monospace;margin:0;word-break:break-word}@media (min-width: 992px){.millisdate__panel{padding:var(--space-5)}}.regex__flags-fieldset{margin:0;padding:0;border:0;display:grid;gap:var(--space-3)}.regex__flags-options{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.regex__flags-option{display:inline-flex;align-items:center;gap:var(--space-2)}.regex__flags-checkbox{width:1rem;height:1rem}.regex__flags-label{margin:0;font-weight:600}.regex__flags-legend{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-muted)}.regex__flags-legend-text{margin:0}.regex__flags-legend-list{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-1)}.regex__flags-legend-item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);align-items:start}.regex__flags-legend-flag{font-weight:600}.regex__flags-legend-description{color:var(--color-muted)}.regex__results{display:grid;gap:var(--space-2)}.regex__results-summary{margin:0;color:var(--color-muted)}body{font-family:var(--font-family-base);background-color:var(--color-bg);color:var(--color-fg);line-height:var(--line-height-base);transition:background-color .22s ease,color .22s ease}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-base)}a:hover,a:focus-visible{color:var(--color-link-hover);text-decoration:underline}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.hero{background-color:var(--color-card)}.hero__content{padding:var(--space-7) 0}.hero__image{max-width:480px}.section__title{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-4);font-weight:700}