:root{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "Liberation Mono", monospace;--text-xs: 0.8125rem;--text-sm: 0.875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);--leading: 1.6;--leading-tight: 1.2;--weight-normal: 400;--weight-medium: 550;--weight-bold: 700;--c-bg: #ffffff;--c-surface: #f6f6f3;--c-surface-2: #efeeea;--c-line: #e4e2dc;--c-line-strong: #cfccc4;--c-text: #1c1b19;--c-muted: #686660;--c-accent: #0d6b57;--c-accent-hover: #0a5546;--c-accent-ink: #ffffff;--c-accent-soft: #e6f1ed;--c-good: #1f7a3d;--c-bad: #b3261e;--c-warn: #92400e;--c-focus: #1a5fd0;--c-bad-soft: #fdecea;--c-warn-strong: #a16207;--c-mark-1: #fde68a;--c-mark-2: #bfdbfe;--fmt-png: #0e7490;--fmt-jpg: #b45309;--fmt-webp: #4338ca;--fmt-gif: #be185d;--fmt-bmp: #57534e;--fmt-avif: #7c3aed;--fmt-svg: #c2410c;--fmt-ico: #475569;--fmt-pdf: #c62828;--fmt-docx: #1d4ed8;--fmt-xlsx: #15803d;--fmt-csv: #4d7c0f;--fmt-json: #8a5a00;--fmt-html: #b93815;--fmt-xml: #92400e;--fmt-txt: #57534e;--fmt-md: #374151;--fmt-sql: #0f766e;--fmt-zip: #78350f;--fmt-base64: #0369a1;--fmt-url: #9f1239;--fmt-qr: #1f2937;--fmt-wifi: #075985;--fmt-vcard: #9d174d;--fmt-ean13: #3f3f46;--fmt-code128: #44403c;--fmt-upca: #52525b;--fmt-code39: #4b5563;--fmt-css: #2563eb;--fmt-js: #a16207;--fmt-heic: #6d28d9;--fmt-mp4: #b42318;--fmt-mov: #3f3f46;--fmt-webm: #166534;--fmt-mkv: #1e40af;--fmt-mp3: #9a3412;--fmt-wav: #0f766e;--fmt-m4a: #7e22ce;--fmt-ogg: #a16207;--fmt-flac: #155e75;--finger-lp: #fde2e4;--finger-lr: #fde9d2;--finger-lm: #fbf3c4;--finger-li: #dcf3dc;--finger-ri: #d6efef;--finger-rm: #dbe7fb;--finger-rr: #e6e0fa;--finger-rp: #f6defa;--finger-th: #ecebe6;--wheel-1: #0d6b57;--wheel-2: #b45309;--wheel-3: #1d4ed8;--wheel-4: #be185d;--wheel-5: #4d7c0f;--wheel-6: #6d28d9;--wheel-7: #0e7490;--wheel-8: #b91c1c;--code-bg: #fbfbf9;--code-key: #8a3b12;--code-str: #1d6b3a;--code-num: #1d4ed8;--code-bool: #7c3aed;--code-null: #686660;--code-punc: #8a877f;--s-1: 0.25rem;--s-2: 0.5rem;--s-3: 0.75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4.5rem;--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--border: 1px solid var(--c-line);--shadow-pop: 0 10px 30px rgba(28, 27, 25, 0.12), 0 2px 6px rgba(28, 27, 25, 0.06);--ease-out: cubic-bezier(0.2, 0, 0, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-spring: cubic-bezier(0.34, 1.4, 0.6, 1);--dur-fast: 150ms;--dur-med: 250ms;--dur-slow: 450ms;--wrap: 1120px;--wrap-text: 720px;--header-h: 60px}
*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}body{margin: 0;min-block-size: 100vh;min-block-size: 100dvh;display: flex;flex-direction: column;background: var(--c-bg);color: var(--c-text);font-family: var(--font-sans);font-size: var(--text-md);line-height: var(--leading)}img, svg{display: block;max-inline-size: 100%}a{color: inherit}h1, h2, h3{line-height: var(--leading-tight);margin: 0}p{margin: 0}button, input, select{font: inherit;color: inherit}[hidden]{display: none !important}:focus-visible{outline: 2px solid var(--c-focus);outline-offset: 2px}main{flex: 1 0 auto}.site-header, .site-footer, .lang-banner, .ad-slot--before-footer{flex-shrink: 0}.wrap{inline-size: 100%;max-inline-size: var(--wrap);margin-inline: auto;padding-inline: var(--s-4)}.skip-link{position: absolute;inset-inline-start: var(--s-2);inset-block-start: -100px;background: var(--c-text);color: var(--c-bg);padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);z-index: 100}.skip-link:focus{inset-block-start: var(--s-2)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--s-2);min-block-size: 40px;padding: var(--s-2) var(--s-4);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);color: var(--c-text);font-weight: var(--weight-medium);font-size: var(--text-sm);text-decoration: none;cursor: pointer;white-space: nowrap}.btn:hover{background: var(--c-surface)}.btn:disabled{opacity: 0.5;cursor: default}.btn-primary{background: var(--c-accent);border-color: var(--c-accent);color: var(--c-accent-ink)}.btn-primary:hover{background: var(--c-accent-hover);border-color: var(--c-accent-hover)}.btn-quiet{border-color: transparent;background: transparent;color: var(--c-muted)}.btn-quiet:hover{color: var(--c-text);background: var(--c-surface)}.btn-small{min-block-size: 32px;padding: var(--s-1) var(--s-3)}.icon-btn{inline-size: 32px;block-size: 32px;border: 0;border-radius: var(--radius-s);background: transparent;color: var(--c-muted);font-size: 1.25rem;line-height: 1;cursor: pointer}.icon-btn:hover{background: var(--c-surface-2);color: var(--c-text)}.site-header{border-block-end: var(--border);background: var(--c-bg);position: sticky;inset-block-start: 0;z-index: 20}.header-row{position: relative;display: flex;align-items: center;gap: var(--s-4);block-size: var(--header-h)}.main-nav .menu{position: static}.logo{font-size: 1.25rem;font-weight: var(--weight-bold);letter-spacing: -0.02em;text-decoration: none}.logo span{color: var(--c-accent)}.main-nav{flex: 1;display: flex;align-items: center;gap: var(--s-1);min-inline-size: 0}.nav-link{white-space: nowrap;padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);font-weight: var(--weight-medium);font-size: var(--text-sm);text-decoration: none}.nav-link:hover, .nav-link[aria-current]{background: var(--c-surface)}@media (max-width: 560px){.nav-link{display: none}}.menu{position: relative}.menu > summary{white-space: nowrap;list-style: none;cursor: pointer;padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);font-weight: var(--weight-medium);font-size: var(--text-sm);user-select: none}.menu > summary::-webkit-details-marker{display: none}.menu > summary::after{content: "";display: inline-block;inline-size: 6px;block-size: 6px;margin-inline-start: var(--s-2);border-inline-end: 1.5px solid currentColor;border-block-end: 1.5px solid currentColor;transform: translateY(-3px) rotate(45deg)}.menu > summary:hover, .menu[open] > summary{background: var(--c-surface)}.menu-panel{position: absolute;inset-block-start: calc(100% + 6px);background: var(--c-bg);border: var(--border);border-radius: var(--radius-m);box-shadow: var(--shadow-pop);padding: var(--s-2);margin: 0;list-style: none;z-index: 30}.menu-panel a{display: block;padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);text-decoration: none;font-size: var(--text-sm)}.menu-panel a:hover{background: var(--c-surface)}.menu-panel a[aria-current]{font-weight: var(--weight-bold)}.mega-panel{inset-inline: var(--s-4);max-block-size: calc(100vh - var(--header-h) - var(--s-4));overflow-y: auto;padding: var(--s-4)}@media (min-width: 900px){.mega-panel{columns: 4 200px;column-gap: var(--s-5);max-block-size: none;overflow: visible;padding: var(--s-4) var(--s-5)}}@media (min-width: 1180px){.mega-panel{columns: 5;column-gap: var(--s-4)}}.mega-col{break-inside: avoid;margin-block-end: var(--s-4)}.mega-col ul{list-style: none;margin: 0;padding: 0}.mega-panel .mega-col a{padding: 3px var(--s-2)}.mega-col{margin-block-end: var(--s-3)}.mega-cat{font-weight: var(--weight-bold);color: var(--c-text);border-block-end: 1px solid var(--c-line);border-radius: 0 !important;margin-block-end: var(--s-1)}.mega-more{color: var(--c-accent) !important;font-size: var(--text-xs) !important}.lang-menu .menu-panel{inset-inline-end: 0;min-inline-size: 160px}.search-open{display: inline-flex;align-items: center;gap: var(--s-2);block-size: 38px;padding-inline: var(--s-3);border: var(--border);border-radius: var(--radius-s);background: var(--c-surface);color: var(--c-muted);font-size: var(--text-sm);cursor: pointer;min-inline-size: 220px}.search-open:hover{border-color: var(--c-line-strong)}.search-open kbd{margin-inline-start: auto;font-family: var(--font-mono);font-size: var(--text-xs);border: var(--border);border-radius: 4px;padding: 0 var(--s-1);background: var(--c-bg)}.lang-banner{background: var(--c-accent-soft);font-size: var(--text-sm)}.lang-banner-row{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);min-block-size: 40px}.lang-banner a{font-weight: var(--weight-medium)}.lang-banner button{border: 0;background: transparent;font-size: 1.25rem;cursor: pointer;color: var(--c-muted)}.search-dialog{inline-size: min(560px, calc(100vw - 2 * var(--s-4)));margin-block-start: 12vh;padding: 0;border: var(--border);border-radius: var(--radius-l);box-shadow: var(--shadow-pop);background: var(--c-bg);color: var(--c-text)}.search-dialog::backdrop{background: rgba(28, 27, 25, 0.28)}.search-box{display: flex;align-items: center;border-block-end: var(--border)}.search-box input{flex: 1;border: 0;padding: var(--s-4);font-size: var(--text-lg);background: transparent;outline: none}.search-close{margin-inline-end: var(--s-3);border: var(--border);border-radius: 4px;background: var(--c-surface);font-size: var(--text-xs);padding: 2px var(--s-2);cursor: pointer;color: var(--c-muted)}.search-results{list-style: none;margin: 0;padding: var(--s-2);max-block-size: 50vh;overflow-y: auto}.search-results a{display: flex;justify-content: space-between;gap: var(--s-3);padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);text-decoration: none}.search-results span{color: var(--c-muted);font-size: var(--text-sm)}.search-results li.active a, .search-results a:hover{background: var(--c-surface)}.search-empty{padding: var(--s-4);color: var(--c-muted)}.breadcrumbs ol{display: flex;flex-wrap: wrap;gap: var(--s-1) var(--s-2);list-style: none;margin: 0;padding: var(--s-4) 0 0;font-size: var(--text-sm);color: var(--c-muted)}.breadcrumbs li + li::before{content: "/";margin-inline-end: var(--s-2);color: var(--c-line-strong)}.breadcrumbs a{text-decoration: none}.breadcrumbs a:hover{text-decoration: underline}.hero{padding-block: var(--s-6) var(--s-5);max-inline-size: var(--wrap-text)}.hero h1{font-size: var(--text-2xl);letter-spacing: -0.02em}.hero .lead{margin-block-start: var(--s-3);font-size: var(--text-lg);color: var(--c-muted)}.trust{display: inline-flex;align-items: center;gap: var(--s-2);margin-block-start: var(--s-4);font-size: var(--text-sm);color: var(--c-accent);font-weight: var(--weight-medium)}.hero--home{padding-block: var(--s-8) var(--s-6)}.hero--tool, .hero--home{max-inline-size: none;display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: var(--s-6)}.hero-text{max-inline-size: var(--wrap-text)}.search-hero{display: flex;align-items: center;gap: var(--s-3);inline-size: 100%;max-inline-size: 560px;margin-block-start: var(--s-5);padding: var(--s-3) var(--s-4);border: 1px solid var(--c-line-strong);border-radius: var(--radius-m);background: var(--c-bg);color: var(--c-muted);font-size: var(--text-md);cursor: text;text-align: start}.search-hero:hover{border-color: var(--c-text)}.tool{border: var(--border);border-radius: var(--radius-l);background: var(--c-surface);padding: var(--s-4)}.tool-mount{min-block-size: 280px}.tool-noscript{padding: var(--s-6);text-align: center;color: var(--c-muted)}.tool-options{display: flex;flex-wrap: wrap;align-items: flex-start;gap: var(--s-3) var(--s-5);margin-block-end: var(--s-4)}.field{display: flex;flex-direction: column;gap: var(--s-1);border: 0;margin: 0;padding: 0;min-inline-size: 0}.field > label, .field > legend{display: block;min-block-size: 20px;line-height: 20px;font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--c-muted);padding: 0;margin: 0}fieldset.field > legend{margin-block-end: var(--s-1)}.tool-options > .check, .field-row > .check{min-block-size: 40px;display: inline-flex;align-items: center}.tool-options > .check{margin-block-start: calc(20px + var(--s-1))}.field-inline{display: flex;align-items: center;gap: var(--s-2)}.field select{block-size: 40px;padding-inline: var(--s-3);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);min-inline-size: 120px}.field input[type="color"]{inline-size: 56px;block-size: 40px;padding: 2px;border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);cursor: pointer}.range{display: flex;align-items: center;gap: var(--s-2);block-size: 40px}.range input{inline-size: 140px;accent-color: var(--c-accent)}.range output{min-inline-size: 2.5em;font-variant-numeric: tabular-nums;font-size: var(--text-sm)}.field-checks{flex-direction: row;flex-wrap: wrap;align-items: center;gap: var(--s-1) var(--s-3)}.field-checks legend{margin-block-end: var(--s-1)}.check{display: inline-flex;align-items: center;gap: var(--s-1);font-size: var(--text-sm);cursor: pointer}.check input{accent-color: var(--c-accent)}.dropzone{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--s-2);min-block-size: 220px;padding: var(--s-6) var(--s-4);border: 2px dashed var(--c-line-strong);border-radius: var(--radius-m);background: var(--c-bg);text-align: center;cursor: pointer;transition: border-color .15s, background-color .15s}.dropzone:hover, .is-dragging .dropzone{border-color: var(--c-accent);background: var(--c-accent-soft)}.dropzone-icon{color: var(--c-accent)}.dropzone-title{font-size: var(--text-xl);font-weight: var(--weight-bold)}.dropzone-or{display: flex;align-items: center;gap: var(--s-2);color: var(--c-muted)}.dropzone-hint{font-size: var(--text-sm);color: var(--c-muted)}.has-files .dropzone{min-block-size: 0;flex-direction: row;flex-wrap: wrap;padding: var(--s-3)}.has-files .dropzone-icon, .has-files .dropzone-hint{display: none}.has-files .dropzone-title{font-size: var(--text-md)}.file-list{list-style: none;margin: var(--s-3) 0 0;padding: 0;display: grid;gap: var(--s-2)}.file{display: grid;grid-template-columns: 48px 1fr auto;align-items: center;gap: var(--s-3);padding: var(--s-2) var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.file :focus-visible{outline-offset: -2px}.file-thumb{display: grid;place-items: center;inline-size: 48px;block-size: 48px;overflow: hidden;border-radius: var(--radius-s);background: var(--c-surface-2)}.file-thumb img{inline-size: 100%;block-size: 100%;object-fit: contain}.file-thumb img:not([src]){display: none}.file-outputs{grid-column: 1 / -1;padding-block-start: var(--s-2)}.output-grid{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));gap: var(--s-2)}.output-grid a{display: flex;flex-direction: column;gap: var(--s-1);padding: var(--s-1);border: var(--border);border-radius: var(--radius-s);background: var(--c-surface);text-decoration: none;font-size: var(--text-xs);color: var(--c-muted);transition: border-color var(--dur-fast) var(--ease-out)}.output-grid a:hover{border-color: var(--c-accent);color: var(--c-text)}.output-grid img{inline-size: 100%;aspect-ratio: 3 / 4;object-fit: contain;background: #fff;border-radius: 3px}.output-grid span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.output-grid--files{grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));margin-block-start: var(--s-3)}.output-grid--files a{flex-direction: row;align-items: center}.output-more{margin-block-start: var(--s-2);font-size: var(--text-xs)}.merge-list{counter-reset: merge}.merge-item{grid-template-columns: auto 48px 1fr auto;cursor: grab}.merge-item.is-moving{opacity: 0.5;border-style: dashed}.merge-item.is-error{cursor: default}.drag-handle{display: inline-flex;align-items: center;gap: 4px;color: var(--c-muted)}.drag-handle::before{counter-increment: merge;content: counter(merge);min-inline-size: 1.5em;font-family: var(--font-mono);font-size: var(--text-xs);text-align: end}.reorder-hint{font-size: var(--text-xs)}.btn-large{min-block-size: 46px;padding-inline: var(--s-5);font-size: var(--text-md)}.merge-result{margin-block-start: var(--s-4)}.merge-result > .muted .spinner{margin-inline-end: var(--s-2)}.result-card{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3) var(--s-4);padding: var(--s-4);border: 1px solid color-mix(in srgb, var(--c-good) 35%, var(--c-line));border-radius: var(--radius-m);background: color-mix(in srgb, var(--c-good) 6%, var(--c-bg));animation: af-pop-in var(--dur-slow) var(--ease-spring)}.result-icon .fmt-badge{padding: var(--s-2) var(--s-3);font-size: var(--text-md)}.result-main{display: flex;flex-direction: column;flex: 1;min-inline-size: 180px}.result-name{overflow-wrap: anywhere}.merge-result .next-bar{margin-block-start: var(--s-3)}.text-input{block-size: 40px;padding-inline: var(--s-3);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);min-inline-size: 180px}.pages-toolbar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-3);padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.pages-file{display: flex;align-items: center;gap: var(--s-3);min-inline-size: 0}.pages-file > div{display: flex;flex-direction: column;min-inline-size: 0}.pages-actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-1)}.sel-info{font-size: var(--text-xs);margin-inline-start: var(--s-2)}.page-grid{list-style: none;margin: var(--s-3) 0 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));gap: var(--s-3)}.page-card{--rot: 0deg;display: flex;flex-direction: column;border: 2px solid var(--c-line);border-radius: var(--radius-m);background: var(--c-bg);cursor: grab;transition: border-color var(--dur-fast) var(--ease-out), opacity var(--dur-med) var(--ease-out)}.page-card:hover{border-color: var(--c-line-strong)}.page-card.is-selected{border-color: var(--c-accent);box-shadow: 0 0 0 3px var(--c-accent-soft)}.page-card.is-moving{opacity: 0.4}.page-card.is-deleted{opacity: 0.35}.page-card.is-deleted .page-frame{filter: grayscale(1)}.page-thumb{position: relative;display: grid;place-items: center;aspect-ratio: 1;padding: var(--s-2);cursor: pointer;background: var(--c-surface);border-radius: var(--radius-m) var(--radius-m) 0 0}.page-thumb input{position: absolute;inset-block-start: var(--s-2);inset-inline-start: var(--s-2);inline-size: 18px;block-size: 18px;accent-color: var(--c-accent);z-index: 1}.page-frame{display: grid;place-items: center;inline-size: 100%;block-size: 100%;transform: rotate(var(--rot));transition: transform var(--dur-med) var(--ease-spring)}.page-canvas{max-inline-size: 100%;max-block-size: 100%;box-shadow: 0 1px 4px rgba(28, 27, 25, 0.18);background: #fff}.page-card:not(.is-drawn) .page-canvas{inline-size: 70%;aspect-ratio: 3 / 4;background: var(--c-surface-2);box-shadow: none;animation: af-pulse 1.6s var(--ease-in-out) infinite}.page-card.is-rotated .page-canvas{max-inline-size: 72%;max-block-size: 72%}.page-foot{display: flex;align-items: center;justify-content: space-between;padding: var(--s-1) var(--s-1) var(--s-1) var(--s-3);border-block-start: var(--border)}.page-no{font-family: var(--font-mono);font-size: var(--text-xs);color: var(--c-muted)}.page-tools{display: flex}.page-tools .icon-btn{inline-size: 28px;block-size: 28px;font-size: 1rem}.pages-bar{margin-block-start: var(--s-3)}.file-main{min-inline-size: 0}.file-name{font-weight: var(--weight-medium);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.file-meta{display: flex;flex-wrap: wrap;gap: var(--s-1) var(--s-3);font-size: var(--text-sm);color: var(--c-muted)}.file-actions{display: flex;align-items: center;gap: var(--s-1)}.good{color: var(--c-good)}.bad{color: var(--c-bad)}.muted{color: var(--c-muted)}.spinner{display: inline-block;inline-size: 12px;block-size: 12px;margin-inline-end: var(--s-1);border: 2px solid var(--c-line-strong);border-block-start-color: var(--c-accent);border-radius: 50%;animation: spin .8s linear infinite;vertical-align: -1px}@keyframes spin{to{transform: rotate(360deg)}}.tool-summary{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-3);margin-block-start: var(--s-3)}.summary-text{font-size: var(--text-sm);color: var(--c-muted)}.summary-info{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3)}.saved-pill{display: inline-flex;align-items: center;padding: var(--s-1) var(--s-3);border-radius: 999px;background: color-mix(in srgb, var(--c-good) 12%, var(--c-bg));color: var(--c-good);font-size: var(--text-md);font-variant-numeric: tabular-nums}.saved-pill.pop{animation: af-pop-in var(--dur-slow) var(--ease-spring)}.file-meta .good{padding: 0 var(--s-2);border-radius: 999px;background: color-mix(in srgb, var(--c-good) 10%, var(--c-bg));font-weight: var(--weight-medium)}.dropzone-paste{font-size: var(--text-xs);color: var(--c-muted)}.text-tool .tool-options{margin-block-end: var(--s-3)}.panes{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--s-3)}.pane{display: flex;flex-direction: column;min-inline-size: 0;border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);overflow: hidden}.pane-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2);min-block-size: 48px;padding: var(--s-1) var(--s-2) var(--s-1) var(--s-3);border-block-end: var(--border)}.pane-title{font-size: var(--text-sm);font-weight: var(--weight-bold);white-space: nowrap}.qr-tool .pane-head{flex-wrap: wrap}.pane-actions{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: var(--s-1)}.pane-body{position: relative;block-size: 460px}.pane-foot{min-block-size: 28px;padding: var(--s-1) var(--s-3);border-block-start: var(--border);background: var(--c-surface)}.pane-info{font-size: var(--text-xs);color: var(--c-muted);font-variant-numeric: tabular-nums}.code-input, .code-output{inline-size: 100%;block-size: 100%;margin: 0;padding: var(--s-3);border: 0;font-family: var(--font-mono);font-size: 13px;line-height: 1.55;tab-size: 2;background: var(--code-bg);color: var(--c-text)}.code-input{resize: none;white-space: pre;overflow: auto}.code-input:focus{outline: none}.pane:focus-within{border-color: var(--c-line-strong)}.code-output{overflow: auto}.code-output:focus-visible{outline: 2px solid var(--c-focus);outline-offset: -2px}.code-view{white-space: pre}.code-view.is-table{white-space: normal}.pane-empty{color: var(--c-muted);font-family: var(--font-sans);font-size: var(--text-sm)}.drop-hint{position: absolute;inset: var(--s-2);display: none;flex-direction: column;align-items: center;justify-content: center;gap: var(--s-2);border: 2px dashed var(--c-accent);border-radius: var(--radius-s);background: color-mix(in srgb, var(--c-accent-soft) 92%, transparent);color: var(--c-accent);font-weight: var(--weight-bold);pointer-events: none}.pane.is-dragging .drop-hint{display: flex;animation: af-fade var(--dur-fast) var(--ease-out)}.btn.is-done{color: var(--c-good);border-color: var(--c-good)}.tree-buttons{align-self: flex-end}.tool-options > .field-inline{align-self: flex-end;min-block-size: 40px}.code-view.is-wrap{white-space: pre-wrap;word-break: break-all}.b64-preview{display: grid;place-items: center;margin-block-end: var(--s-3);padding: var(--s-3);border: var(--border);border-radius: var(--radius-s);background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 20px 20px}.b64-preview img{display: block;max-inline-size: 100%;max-block-size: 240px;block-size: auto}.url-params{margin-block-start: var(--s-3)}.snippet-label{margin-block: var(--s-3) var(--s-1);font-family: var(--font-sans);font-size: var(--text-xs);font-weight: var(--weight-bold);color: var(--c-muted)}.qr-type{padding: var(--s-3) var(--s-3) 0}.qr-form{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-3);padding: var(--s-3);align-content: start}.qr-form > .field:has(textarea), .qr-form > .field:only-child{grid-column: 1 / -1}.qr-form .text-input, .qr-form select{inline-size: 100%;min-inline-size: 0}.qr-form > .check{align-self: end;min-block-size: 40px}.text-area{block-size: auto;min-block-size: 96px;padding-block: var(--s-2);resize: vertical;font: inherit;line-height: 1.5}.qr-preview{display: grid;place-items: center;min-block-size: 340px;padding: var(--s-4);background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 20px 20px}.qr-preview svg{display: block;inline-size: min(100%, 300px);block-size: auto;box-shadow: 0 0 0 1px var(--c-line)}.qr-status{min-block-size: 28px;padding: var(--s-2) var(--s-3);border-block-start: var(--border);background: var(--c-surface);font-size: var(--text-xs);color: var(--c-muted)}.qr-status .qr-warn{color: var(--c-warn);margin-block-start: var(--s-1)}@media (max-width: 560px){.qr-form{grid-template-columns: 1fr}}.qr-actions{flex-wrap: wrap;justify-content: center}.qr-actions .btn svg{margin-inline-end: 2px}.qr-camera{border: var(--border);border-radius: var(--radius-m);overflow: hidden;background: #0b0f0e}.qr-cam-stage{position: relative;display: grid;place-items: center;aspect-ratio: 4 / 3;max-block-size: 520px;margin-inline: auto}.qr-video{inline-size: 100%;block-size: 100%;object-fit: cover}.qr-cam-frame{position: absolute;inset: 50% auto auto 50%;inline-size: min(60%, 300px);aspect-ratio: 1;translate: -50% -50%;border-radius: var(--radius-m);box-shadow: 0 0 0 9999px rgb(0 0 0 / 0.35);outline: 3px solid rgb(255 255 255 / 0.9);animation: af-pulse 1.8s var(--ease-out) infinite}.qr-cam-bar{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2);flex-wrap: wrap;padding: var(--s-2) var(--s-3);background: var(--c-surface)}.qr-cam-status{font-size: var(--text-sm);color: var(--c-muted)}.qr-results-head{display: flex;justify-content: flex-end;margin-block: var(--s-3) var(--s-1);min-block-size: 32px}.qr-results{display: grid;gap: var(--s-2);padding: 0;margin: 0;list-style: none}.qr-result{display: grid;grid-template-columns: 72px minmax(0, 1fr) auto;gap: var(--s-3);align-items: start;padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);animation: af-fade-down var(--dur-med) var(--ease-out)}.qr-result.is-message{grid-template-columns: minmax(0, 1fr) auto;align-items: center}.qr-thumb{inline-size: 72px;block-size: 72px;object-fit: contain;border-radius: var(--radius-s);background: var(--c-surface)}.qr-body{display: grid;gap: var(--s-2);min-inline-size: 0}.qr-kind{font-size: var(--text-xs);font-weight: var(--weight-bold);text-transform: uppercase;letter-spacing: 0.04em;color: var(--c-accent)}.qr-kind.is-error{color: var(--c-bad);text-transform: none;letter-spacing: 0;font-size: var(--text-sm)}.qr-name, .qr-tip{font-size: var(--text-sm);color: var(--c-muted)}.qr-host{font-size: var(--text-md);overflow-wrap: anywhere}.qr-fields{display: grid;grid-template-columns: max-content minmax(0, 1fr);gap: var(--s-1) var(--s-3);margin: 0;font-size: var(--text-sm)}.qr-field{display: contents}.qr-field dt{color: var(--c-muted)}.qr-field dd{margin: 0;font-weight: var(--weight-medium);overflow-wrap: anywhere}.qr-text{margin: 0;padding: var(--s-2);border-radius: var(--radius-s);background: var(--code-bg);font-family: var(--font-mono);font-size: 13px;white-space: pre-wrap;overflow-wrap: anywhere;max-block-size: 200px;overflow: auto}.qr-result-actions{display: flex;flex-wrap: wrap;gap: var(--s-1)}@media (max-width: 560px){.qr-result{grid-template-columns: 56px minmax(0, 1fr) auto}.qr-thumb{inline-size: 56px;block-size: 56px}}.word-counter .panes > .pane:last-child .pane-actions{display: none}.word-counter .code-view{font-family: var(--font-sans);white-space: normal}.word-counter .panes > .pane:last-child .pane-body{block-size: auto;min-block-size: 460px}.word-counter .panes > .pane:last-child .code-output{overflow: visible}.wc-stats{display: grid;grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));gap: var(--s-2)}.wc-stat{display: grid;gap: 2px;padding: var(--s-2) var(--s-3);border: var(--border);border-radius: var(--radius-s);background: var(--c-bg)}.wc-stat-value{font-size: var(--text-xl);font-weight: var(--weight-bold);font-variant-numeric: tabular-nums;line-height: 1.2}.wc-stat-label{font-size: var(--text-xs);color: var(--c-muted)}.wc-stat-sub{font-size: 11px;color: var(--c-muted)}.wc-heading{margin-block: var(--s-4) var(--s-2);font-size: var(--text-sm);font-weight: var(--weight-bold)}.wc-limits{display: grid;gap: var(--s-1);margin: 0;padding: 0;list-style: none;font-size: var(--text-xs)}.wc-limits li{display: grid;grid-template-columns: minmax(110px, 1fr) 2fr auto;align-items: center;gap: var(--s-2)}.wc-bar{display: block;block-size: 6px;border-radius: 3px;background: var(--c-surface-2);overflow: hidden}.wc-bar-fill{display: block;block-size: 100%;inline-size: var(--p);background: var(--c-accent);border-radius: 3px}.wc-bar-fill.is-near{background: var(--c-warn)}.wc-bar-fill.is-over{background: var(--c-bad)}.wc-limit-num{font-variant-numeric: tabular-nums;color: var(--c-muted)}.wc-limit-num.is-over{color: var(--c-bad);font-weight: var(--weight-bold)}.wc-top{display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: 2px var(--s-4);margin: 0;padding-inline-start: 1.4em;font-size: var(--text-sm)}.wc-top li{display: flex;justify-content: space-between;gap: var(--s-2)}.wc-top-n{color: var(--c-muted);font-variant-numeric: tabular-nums;font-size: var(--text-xs)}.text-compare .tc-input{block-size: 280px}.tc-summary{margin-block-start: var(--s-3)}.tc-summary .status-box{margin-block-end: var(--s-2)}.tc-result{border: var(--border);border-radius: var(--radius-m);background: var(--code-bg);overflow: auto;max-block-size: 640px;font-family: var(--font-mono);font-size: 13px;line-height: 1.55}.tc-result > .pane-empty{padding: var(--s-3)}.tc-lines{min-inline-size: max-content;inline-size: 100%}.tc-pair{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);border-block-end: 1px solid transparent}.tc-pair > .tc-line + .tc-line{border-inline-start: var(--border)}.tc-line{display: grid;grid-template-columns: 3.2em 3.2em 1.4em minmax(0, 1fr);align-items: start}.is-split .tc-line{grid-template-columns: 3.2em 0 1.4em minmax(0, 1fr)}.is-split .tc-line .tc-num + .tc-num{visibility: hidden}.tc-num{padding-inline: var(--s-1);color: var(--c-muted);text-align: end;user-select: none;font-size: 12px}.tc-sign{color: var(--c-muted);text-align: center;user-select: none}.tc-text{white-space: pre-wrap;overflow-wrap: anywhere;padding-inline-end: var(--s-2)}.tc-line.is-del{background: color-mix(in srgb, var(--c-bad) 9%, transparent)}.tc-line.is-ins{background: color-mix(in srgb, var(--c-good) 10%, transparent)}.tc-line.is-empty{background: var(--c-surface)}.tc-del{background: color-mix(in srgb, var(--c-bad) 24%, transparent);color: inherit;text-decoration: line-through;text-decoration-color: color-mix(in srgb, var(--c-bad) 60%, transparent);border-radius: 2px}.tc-ins{background: color-mix(in srgb, var(--c-good) 26%, transparent);color: inherit;text-decoration: none;border-radius: 2px}.tc-line .tc-del{text-decoration: none}.tc-inline{padding: var(--s-3);white-space: pre-wrap;overflow-wrap: anywhere}@media (max-width: 760px){.tc-pair{grid-template-columns: 1fr}.tc-pair > .tc-line + .tc-line{border-inline-start: 0}}.lorem-tool .pane-body{block-size: 380px}.lorem-view{font-family: var(--font-sans);font-size: 15px;line-height: 1.7}.crop-editor{margin-block-start: var(--s-3)}.crop-stage{display: grid;place-items: center;padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 20px 20px;min-block-size: 240px}.crop-layer{position: relative;direction: ltr;inline-size: var(--cw);block-size: var(--ch);overflow: hidden;touch-action: none;user-select: none;cursor: crosshair}.crop-image{display: block;inline-size: var(--cw);block-size: var(--ch)}.crop-box{position: absolute;top: 0;left: 0;inline-size: var(--w);block-size: var(--h);transform: translate(var(--x), var(--y));box-shadow: 0 0 0 9999px rgb(0 0 0 / 0.5);outline: 1px solid #fff;cursor: move}.crop-box:focus-visible{outline: 2px solid var(--c-focus)}.crop-box.is-round{border-radius: 50%}.crop-grid{position: absolute;inset: 0;pointer-events: none;background: linear-gradient(to right, transparent calc(33.33% - 0.5px), rgb(255 255 255 / 0.55) calc(33.33% - 0.5px) calc(33.33% + 0.5px), transparent calc(33.33% + 0.5px) calc(66.66% - 0.5px), rgb(255 255 255 / 0.55) calc(66.66% - 0.5px) calc(66.66% + 0.5px), transparent calc(66.66% + 0.5px)), linear-gradient(to bottom, transparent calc(33.33% - 0.5px), rgb(255 255 255 / 0.55) calc(33.33% - 0.5px) calc(33.33% + 0.5px), transparent calc(33.33% + 0.5px) calc(66.66% - 0.5px), rgb(255 255 255 / 0.55) calc(66.66% - 0.5px) calc(66.66% + 0.5px), transparent calc(66.66% + 0.5px))}.crop-box.is-round .crop-grid{border-radius: 50%}.crop-handle{position: absolute;inline-size: 14px;block-size: 14px;margin: -7px;background: #fff;border: 1px solid rgb(0 0 0 / 0.45);border-radius: 3px}.crop-handle.h-nw{top: 0;left: 0;cursor: nwse-resize}.crop-handle.h-n{top: 0;left: 50%;cursor: ns-resize}.crop-handle.h-ne{top: 0;left: 100%;cursor: nesw-resize}.crop-handle.h-e{top: 50%;left: 100%;cursor: ew-resize}.crop-handle.h-se{top: 100%;left: 100%;cursor: nwse-resize}.crop-handle.h-s{top: 100%;left: 50%;cursor: ns-resize}.crop-handle.h-sw{top: 100%;left: 0;cursor: nesw-resize}.crop-handle.h-w{top: 50%;left: 0;cursor: ew-resize}@media (pointer: coarse){.crop-handle{inline-size: 24px;block-size: 24px;margin: -12px;border-radius: 50%}}.crop-numbers{margin-block: var(--s-3) 0}.crop-numbers .input-unit input{inline-size: 80px}.crop-actions{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);flex-wrap: wrap;margin-block-start: var(--s-3);padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.crop-info{font-size: var(--text-sm);color: var(--c-muted);font-variant-numeric: tabular-nums}.word-tool .wc-loading{display: flex;align-items: center;justify-content: center;gap: var(--s-2);padding: var(--s-4);color: var(--c-muted);font-size: var(--text-sm)}.word-tool > .status-box{margin-block-start: var(--s-3)}.wc-result{margin-block-start: var(--s-3)}.wc-bar{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2);flex-wrap: wrap;margin-block-end: var(--s-3)}.wc-file{overflow-wrap: anywhere}.wc-status .status-box{margin-block-end: var(--s-3)}.wc-preview-body{overflow: auto;background: var(--c-bg)}.doc-preview{padding: var(--s-4) var(--s-5);font-size: 15px;line-height: 1.6;color: var(--c-text);overflow-wrap: anywhere}.doc-preview > :first-child{margin-block-start: 0}.doc-preview h1, .doc-preview h2, .doc-preview h3, .doc-preview h4{margin-block: 1.2em 0.5em;line-height: 1.25}.doc-preview h1{font-size: 1.6em}.doc-preview h2{font-size: 1.35em}.doc-preview h3{font-size: 1.15em}.doc-preview h4{font-size: 1em}.doc-preview p, .doc-preview ul, .doc-preview ol, .doc-preview table, .doc-preview blockquote{margin-block: 0 0.8em}.doc-preview ul, .doc-preview ol{padding-inline-start: 1.5em}.doc-preview ul{list-style: disc}.doc-preview ol{list-style: decimal}.doc-preview table{border-collapse: collapse;font-size: 0.95em}.doc-preview td, .doc-preview th{border: var(--border);padding: 4px 8px;vertical-align: top}.doc-preview img{max-inline-size: 100%;block-size: auto}.doc-preview a[href]{color: var(--c-accent);text-decoration: underline}.doc-preview blockquote{padding-inline-start: var(--s-3);border-inline-start: 3px solid var(--c-line-strong);color: var(--c-muted)}.doc-preview pre{padding: var(--s-2);background: var(--code-bg);font-family: var(--font-mono);font-size: 13px;white-space: pre-wrap}.bc-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: var(--s-2)}.bc-grid.is-single{grid-template-columns: 1fr;justify-items: center;padding-block: var(--s-4)}.bc-item{margin: 0;padding: var(--s-2);border: var(--border);border-radius: var(--radius-s);background: #fff;display: grid;gap: var(--s-1);justify-items: center}.bc-item svg{display: block;inline-size: 100%;block-size: auto}.bc-grid.is-single .bc-item{inline-size: min(100%, 380px);padding: var(--s-3)}.bc-item figcaption{font-family: var(--font-sans);font-size: var(--text-xs);color: var(--c-muted)}.status-box{display: flex;align-items: flex-start;gap: var(--s-2);margin-block-end: var(--s-3);padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);background: var(--c-surface);font-family: var(--font-sans);white-space: normal;animation: af-fade-down var(--dur-med) var(--ease-out)}.status-box strong{font-size: var(--text-sm)}.status-box p{font-size: var(--text-xs);color: var(--c-muted)}.status-box.is-ok{background: color-mix(in srgb, var(--c-good) 10%, var(--c-bg));color: var(--c-good)}.status-box.is-error{background: color-mix(in srgb, var(--c-bad) 8%, var(--c-bg));color: var(--c-bad)}.status-box.is-ok p, .status-box.is-error p{color: inherit;opacity: 0.85}.status-icon{flex: none;margin-block-start: 1px}.error-context{margin: 0;padding: var(--s-2) 0;font-family: var(--font-mono);font-size: 12px;line-height: 1.6;overflow-x: auto;white-space: pre}.error-context .ln{display: inline-block;inline-size: 3.5em;padding-inline-end: var(--s-2);text-align: end;color: var(--code-punc);user-select: none}.err-line{background: color-mix(in srgb, var(--c-bad) 8%, transparent)}.err-caret{color: var(--c-bad);font-weight: var(--weight-bold)}.tk-key{color: var(--code-key)}.tk-str{color: var(--code-str)}.tk-num{color: var(--code-num)}.tk-bool{color: var(--code-bool)}.tk-null{color: var(--code-null);font-style: italic}.tk-punc{color: var(--code-punc)}.tree{list-style: none;margin: 0;padding-inline-start: 1.1em}.code-view > .tree{padding-inline-start: 0}.tree li{position: relative}.tree summary{cursor: pointer;list-style: none;border-radius: 3px}.tree summary::-webkit-details-marker{display: none}.tree summary::before{content: "";display: inline-block;inline-size: 0;block-size: 0;margin-inline-end: 6px;border-block: 4px solid transparent;border-inline-start: 5px solid var(--code-punc);transition: transform var(--dur-fast) var(--ease-out);vertical-align: 1px}.tree details[open] > summary::before{transform: rotate(90deg)}.tree summary:hover{background: var(--c-surface-2)}.tree-leaf{padding-inline-start: 11px}.tree-count{margin-inline: 4px;font-family: var(--font-sans);font-size: var(--text-xs);color: var(--c-muted)}.table-wrap{overflow: auto}.data-table{border-collapse: collapse;font-family: var(--font-sans);font-size: var(--text-xs)}.data-table th, .data-table td{padding: var(--s-1) var(--s-2);border: var(--border);text-align: start;white-space: nowrap;max-inline-size: 280px;overflow: hidden;text-overflow: ellipsis}.data-table th{position: sticky;inset-block-start: 0;background: var(--c-surface);font-weight: var(--weight-bold)}.data-table tbody tr:nth-child(even){background: var(--c-surface)}.visually-hidden{position: absolute;inline-size: 1px;block-size: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}@media (max-width: 860px){.panes{grid-template-columns: 1fr}.pane-body{block-size: 320px}}.seg{display: inline-flex;flex-wrap: wrap;padding: 3px;gap: 2px;border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg)}.seg-item{position: relative;cursor: pointer}.seg-item input{position: absolute;opacity: 0;inset: 0;margin: 0;cursor: pointer}.seg-item span{display: inline-flex;align-items: center;min-block-size: 32px;padding: 0 var(--s-3);border-radius: 4px;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--c-muted);transition: background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}.seg-item:hover span{color: var(--c-text)}.seg-item input:checked + span{background: var(--c-accent);color: var(--c-accent-ink)}.seg-item input:focus-visible + span{outline: 2px solid var(--c-focus);outline-offset: 1px}.input-unit{display: inline-flex;align-items: center;block-size: 40px;border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);overflow: hidden}.input-unit input{inline-size: 88px;block-size: 100%;border: 0;padding-inline: var(--s-3);background: transparent;font-variant-numeric: tabular-nums}.input-unit input:focus{outline: none}.input-unit:focus-within{outline: 2px solid var(--c-focus);outline-offset: 1px}.input-unit span{padding-inline: var(--s-2) var(--s-3);color: var(--c-muted);font-size: var(--text-sm)}.field-hint{font-size: var(--text-xs);color: var(--c-muted);max-inline-size: 260px}.field-row{flex-direction: row;flex-wrap: wrap;align-items: flex-end;gap: var(--s-3)}.quick{display: flex;gap: var(--s-1)}.clock-stage{display: flex;flex-direction: column;align-items: center;gap: var(--s-4);padding: var(--s-5) var(--s-3);margin-block-end: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.clock-stage:fullscreen{justify-content: center;border: 0;border-radius: 0}.clock-face{position: relative;display: grid;place-items: center;inline-size: min(360px, 78vw);aspect-ratio: 1}.clock-face--flat{aspect-ratio: auto;inline-size: 100%;min-block-size: 160px}.clock-stage:fullscreen .clock-face{inline-size: min(78vh, 90vw)}.clock-stage:fullscreen .clock-face--flat{inline-size: 100%}.clock-ring{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;transform: rotate(-90deg)}.clock-ring circle{fill: none;stroke-width: 4}.clock-ring-bg{stroke: var(--c-line)}.clock-ring-fg{stroke: var(--c-accent);stroke-linecap: round}.clock-stage.is-done .clock-ring-fg{stroke: var(--c-bad)}.clock-center{position: relative;display: flex;flex-direction: column;align-items: center;gap: var(--s-1);text-align: center}.clock-digits{font-size: clamp(2.75rem, 11vw, 4.5rem);font-weight: var(--weight-bold);line-height: 1;font-variant-numeric: tabular-nums;letter-spacing: -0.02em}.clock-digits--sw, .clock-digits--now{font-size: clamp(2.75rem, 13vw, 6rem)}.clock-stage:fullscreen .clock-digits{font-size: min(16vw, 22vh)}.clock-note{min-block-size: 1.5em;font-size: var(--text-sm);color: var(--c-muted);font-variant-numeric: tabular-nums}.clock-stage.is-done .clock-digits, .clock-stage.is-done .clock-note{color: var(--c-bad)}.clock-controls{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-2)}.clock-main{min-inline-size: 140px}.clock-quick{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-block-end: var(--s-4)}.chip{min-block-size: 36px;padding: 0 var(--s-3);border: 1px solid var(--c-line-strong);border-radius: 999px;background: var(--c-bg);font-size: var(--text-sm);font-weight: var(--weight-medium);font-variant-numeric: tabular-nums;cursor: pointer}.chip:hover{border-color: var(--c-accent);color: var(--c-accent)}.clock-unit .text-input{min-inline-size: 0;inline-size: 84px;font-variant-numeric: tabular-nums}.clock-unit .input-unit input{inline-size: 64px}.clock-tool input[type="range"]{inline-size: 110px;accent-color: var(--c-accent)}.clock-laps-body{max-block-size: 320px;overflow: auto}.clock-laps .data-table{inline-size: 100%;font-size: var(--text-sm);font-variant-numeric: tabular-nums}.clock-laps .data-table th, .clock-laps .data-table td{border-inline: 0;max-inline-size: none}.clock-laps tr.is-best td{color: var(--c-good)}.clock-laps tr.is-worst td{color: var(--c-bad)}.lap-tag{margin-inline-start: var(--s-2);font-size: var(--text-xs);font-weight: var(--weight-medium)}.pomo-progress{display: flex;flex-direction: column;align-items: center;gap: var(--s-1)}.pomo-dots{display: flex;gap: var(--s-1)}.pomo-dots i{inline-size: 10px;block-size: 10px;border-radius: 50%;border: 2px solid var(--c-accent)}.pomo-dots i.is-done{background: var(--c-accent)}.pomo-count{font-size: var(--text-xs);color: var(--c-muted)}.clock-stage[data-phase="short"] .clock-ring-fg, .clock-stage[data-phase="long"] .clock-ring-fg{stroke: var(--c-focus)}.alarm-ring{display: flex;flex-direction: column;align-items: center;gap: var(--s-2);padding: var(--s-4);border: 2px solid var(--c-bad);border-radius: var(--radius-m);background: var(--c-surface);text-align: center}.alarm-ring-title{font-size: var(--text-xl);color: var(--c-bad)}.alarm-ring-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-2)}.alarm-list{list-style: none;margin: 0 0 var(--s-3);padding: 0;border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.alarm-item{display: grid;grid-template-columns: auto auto minmax(0, 1fr) auto auto;align-items: center;gap: var(--s-3);padding: var(--s-2) var(--s-3)}.alarm-item + .alarm-item{border-block-start: var(--border)}.alarm-item.is-off{color: var(--c-muted)}.alarm-item.is-next .alarm-time{color: var(--c-accent)}.alarm-time{font-size: var(--text-xl);font-weight: var(--weight-bold);font-variant-numeric: tabular-nums}.alarm-label{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.alarm-when{font-size: var(--text-xs);color: var(--c-muted)}.alarm-toggle input{inline-size: 18px;block-size: 18px;accent-color: var(--c-accent)}.alarm-hint{margin: 0;font-size: var(--text-xs);color: var(--c-muted)}@media (max-width: 560px){.alarm-item{grid-template-columns: auto auto minmax(0, 1fr) auto}.alarm-when{grid-column: 3;grid-row: 2}}.wheel-layout{display: grid;grid-template-columns: minmax(0, 1fr) 320px;gap: var(--s-4);margin-block-end: var(--s-4)}.wheel-stage, .pick-stage{display: flex;flex-direction: column;align-items: center;gap: var(--s-3);padding: var(--s-4) var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.wheel-stage:fullscreen{justify-content: center;border: 0;border-radius: 0}.wheel-wrap{position: relative;inline-size: min(460px, 100%);aspect-ratio: 1}.wheel-stage:fullscreen .wheel-wrap{inline-size: min(80vh, 90vw)}.wheel-canvas{display: block;inline-size: 100%;block-size: 100%;border-radius: 50%;box-shadow: 0 0 0 4px var(--c-bg), 0 0 0 6px var(--c-line-strong);will-change: transform}.wheel-pointer{position: absolute;inset-block-start: -6px;inset-inline-start: 50%;inline-size: 0;block-size: 0;margin-inline-start: -14px;border-inline: 14px solid transparent;border-block-start: 26px solid var(--c-text);filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25))}.wheel-hub{position: absolute;inset-block-start: 50%;inset-inline-start: 50%;inline-size: 22%;aspect-ratio: 1;transform: translate(-50%, -50%);border: 4px solid var(--c-bg);border-radius: 50%;background: var(--c-text);color: var(--c-bg);font-weight: var(--weight-bold);font-size: clamp(0.8rem, 2.4vw, 1.05rem);cursor: pointer;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25)}[dir="rtl"] .wheel-hub{transform: translate(50%, -50%)}.wheel-hub:disabled{opacity: 0.6;cursor: default}.wheel-stage.is-spinning .wheel-hub{cursor: progress}.wheel-result{min-block-size: 56px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--s-3);text-align: center}.wheel-winner{display: flex;flex-direction: column;align-items: center;animation: af-pop-in var(--dur-slow) var(--ease-spring)}.wheel-winner-label{font-size: var(--text-xs);color: var(--c-muted)}.wheel-winner strong{font-size: var(--text-2xl);line-height: var(--leading-tight);overflow-wrap: anywhere}.wheel-note{font-size: var(--text-xs);color: var(--c-muted)}.wheel-pane{min-block-size: 0}.wheel-pane .pane-title{white-space: normal;line-height: 1.3}.wheel-pane .pane-actions{flex-wrap: nowrap;gap: 0}.wheel-pane .pane-actions .btn{padding-inline: var(--s-2)}.wheel-pane-body{block-size: auto;flex: 1;min-block-size: 280px}.wheel-entries{display: block;inline-size: 100%;block-size: 100%;min-block-size: 280px;padding: var(--s-3);border: 0;resize: none;background: transparent;font: inherit;font-size: var(--text-sm);line-height: 1.7}.wheel-entries:focus{outline: none}.pick-history-box{margin-block-start: var(--s-2)}.pick-history-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2);margin-block-end: var(--s-2)}.pick-history-title{margin: 0;font-size: var(--text-md)}.pick-history{display: flex;flex-wrap: wrap;gap: var(--s-1) var(--s-2);margin: 0;padding: 0;list-style: none;font-size: var(--text-sm)}.pick-history li{padding: 2px var(--s-2);border: var(--border);border-radius: 999px;background: var(--c-bg);font-variant-numeric: tabular-nums}.pick-history li:first-child{border-color: var(--c-accent);color: var(--c-accent);font-weight: var(--weight-medium)}.pick-controls{justify-content: center}.pick-output{inline-size: 100%;min-block-size: 140px;display: grid;place-items: center}.pick-results{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-2);margin: 0;padding: 0;list-style: none;counter-reset: pick}.pick-results li{counter-increment: pick;padding: var(--s-2) var(--s-4);border-radius: var(--radius-m);background: var(--c-accent-soft);font-size: var(--text-xl);font-weight: var(--weight-bold);animation: af-pop-in var(--dur-med) var(--ease-spring)}.pick-results li:not(:only-child)::before{content: counter(pick) ". ";color: var(--c-muted);font-weight: var(--weight-medium)}.pick-results li.is-shuffling{background: var(--c-surface);color: var(--c-muted);animation: none}.pick-results li.is-shuffling::before, .pick-results li.pick-note::before{content: none}.pick-results li.pick-note, .rng-list .pick-note{background: none;border: 0;font-size: var(--text-xs);font-weight: var(--weight-normal);color: var(--c-muted)}.pick-actions{display: flex;gap: var(--s-2)}.team-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));gap: var(--s-3);inline-size: 100%}.team-card{padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-surface);animation: af-fade-up var(--dur-med) var(--ease-out)}.team-title{display: flex;justify-content: space-between;margin: 0 0 var(--s-2);font-size: var(--text-md)}.team-size{font-size: var(--text-xs);color: var(--c-muted);font-weight: var(--weight-normal)}.team-card ul{margin: 0;padding-inline-start: var(--s-4);font-size: var(--text-sm)}.dice-tray{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-3);min-block-size: 96px}.die{display: grid;place-items: center;align-content: center;inline-size: 84px;block-size: 84px;border: 2px solid var(--c-text);border-radius: 16px;background: var(--c-bg);box-shadow: 0 3px 0 var(--c-line-strong)}.die b{font-size: 2rem;line-height: 1;font-variant-numeric: tabular-nums}.die small{font-size: var(--text-xs);color: var(--c-muted)}.die-d6{grid-template: repeat(3, 1fr) / repeat(3, 1fr);padding: 12px;gap: 2px;align-content: stretch}.die-d6 i{display: block;inline-size: 14px;block-size: 14px;margin: auto;border-radius: 50%}.die-d6 i.pip{background: var(--c-text)}.die.is-rolling{animation: af-roll 70ms linear}.dice-total{min-block-size: 1.6em;font-size: var(--text-xl);font-weight: var(--weight-bold);font-variant-numeric: tabular-nums;text-align: center}.coin-wrap{perspective: 800px;padding-block-start: 40px}.coin{position: relative;inline-size: 150px;block-size: 150px;transform-style: preserve-3d}.coin-face{position: absolute;inset: 0;display: grid;place-items: center;border-radius: 50%;backface-visibility: hidden;font-weight: var(--weight-bold);font-size: var(--text-lg);color: #fff;text-align: center;padding: var(--s-3)}.coin-heads{background: var(--wheel-2);box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.25)}.coin-tails{background: var(--c-muted);box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.25);transform: rotateY(180deg)}.coin-tally{display: flex;flex-wrap: wrap;gap: var(--s-3);margin-block-end: var(--s-3)}.coin-tally div{display: flex;flex-direction: column;min-inline-size: 110px;padding: var(--s-2) var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.coin-tally span, .coin-tally small{font-size: var(--text-xs);color: var(--c-muted)}.coin-tally b{font-size: var(--text-xl);font-variant-numeric: tabular-nums}.coin-seq{display: flex;flex-wrap: wrap;gap: 4px}.coin-seq i{display: grid;place-items: center;inline-size: 26px;block-size: 26px;border-radius: 50%;font-style: normal;font-size: var(--text-xs);font-weight: var(--weight-bold);color: #fff;background: var(--wheel-2)}.coin-seq i.is-t{background: var(--c-muted)}.rng-tool .tool-options{margin-block-end: var(--s-3)}.rng-big{font-size: clamp(3rem, 14vw, 6rem);font-weight: var(--weight-bold);line-height: 1;font-variant-numeric: tabular-nums;overflow-wrap: anywhere;text-align: center}.rng-big:empty{display: none}.rng-big.is-new{animation: af-pop-in var(--dur-med) var(--ease-spring)}.rng-list{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-1) var(--s-2);max-block-size: 360px;overflow: auto;inline-size: 100%}.rng-list span{padding: 2px var(--s-2);border: var(--border);border-radius: var(--radius-s);background: var(--c-surface);font-variant-numeric: tabular-nums}@media (max-width: 860px){.wheel-layout{grid-template-columns: 1fr}}.dev-stage{display: flex;flex-direction: column;gap: var(--s-3);padding: var(--s-4);margin-block-end: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.dev-intro{display: flex;flex-direction: column;align-items: center;gap: var(--s-3);padding-block: var(--s-5);text-align: center}.dev-intro p{margin: 0;max-inline-size: 560px;color: var(--c-muted)}.dev-status{padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);background: var(--c-surface);font-weight: var(--weight-medium)}.dev-status:empty{display: none}.dev-status.is-ok{background: var(--c-accent-soft);color: var(--c-good)}.dev-status.is-bad{background: var(--c-bad-soft);color: var(--c-bad)}.dev-live{display: flex;flex-direction: column;gap: var(--s-3)}.dev-controls{margin: 0}.dev-controls .field-inline{flex-wrap: wrap}.dev-info{display: grid;grid-template-columns: max-content minmax(0, 1fr);gap: var(--s-1) var(--s-4);margin: 0;font-size: var(--text-sm)}.dev-info dt{color: var(--c-muted)}.dev-info dd{margin: 0;font-variant-numeric: tabular-nums;overflow-wrap: anywhere}.mic-meter-row{display: flex;align-items: center;gap: var(--s-3)}.mic-meter{position: relative;flex: 1;block-size: 22px;border-radius: 999px;background: var(--c-surface-2);overflow: hidden;container-type: inline-size}.mic-meter-fill{position: absolute;inset: 0;transform-origin: left center;transform: scaleX(0);background: linear-gradient(90deg, var(--c-good) 0 70%, var(--c-warn) 70% 90%, var(--c-bad) 90%)}[dir="rtl"] .mic-meter-fill{transform-origin: right center}.mic-meter-peak{position: absolute;inset-block: 0;inset-inline-start: 0;inline-size: 3px;background: var(--c-text)}.mic-meter.is-clip{box-shadow: 0 0 0 2px var(--c-bad)}.mic-db{min-inline-size: 72px;font-variant-numeric: tabular-nums;font-size: var(--text-sm);color: var(--c-muted);text-align: end}.mic-wave{inline-size: 100%;block-size: 140px;border-radius: var(--radius-s);background: var(--c-surface)}.cam-view{position: relative;display: grid;place-items: center;border-radius: var(--radius-s);background: #111;overflow: hidden}.cam-view:fullscreen{border-radius: 0}.cam-video{display: block;inline-size: 100%;max-block-size: 70vh;object-fit: contain}.cam-view:fullscreen .cam-video{max-block-size: 100vh;block-size: 100%}.cam-video.is-mirror{transform: scaleX(-1)}.cam-badge{position: absolute;inset-block-start: var(--s-2);inset-inline-start: var(--s-2);padding: 2px var(--s-2);border-radius: var(--radius-s);background: rgba(0, 0, 0, 0.6);color: #fff;font-size: var(--text-xs);font-variant-numeric: tabular-nums}.cam-badge:empty{display: none}.kb-tool{display: grid;grid-template-columns: minmax(0, 1fr) 260px;gap: var(--s-4);outline: none}.kb-stage{position: relative;display: flex;flex-direction: column;justify-content: center;padding: var(--s-3);border: 2px dashed var(--c-line-strong);border-radius: var(--radius-m);background: var(--c-bg);container-type: inline-size}.kb-tool.is-active .kb-stage{border-style: solid;border-color: var(--c-accent)}.kb-hint{margin: 0 0 var(--s-2);font-size: var(--text-sm);color: var(--c-muted);text-align: center}.kb-scroll{overflow-x: auto}.kb{--u: max(22px, calc((100cqw - var(--s-2) * 2) / 23.2));display: flex;gap: calc(var(--u) * 0.5);inline-size: max-content;margin-inline: auto;font-size: calc(var(--u) * 0.3)}.kb-main, .kb-nav{display: flex;flex-direction: column;gap: calc(var(--u) * 0.08)}.kb-row{display: flex;gap: calc(var(--u) * 0.08);min-block-size: var(--u)}.kb-row:first-child{margin-block-end: calc(var(--u) * 0.3)}.kb-key{display: grid;place-items: center;inline-size: calc(var(--u) * var(--w, 1) - var(--u) * 0.08);block-size: var(--u);border: 1px solid var(--c-line-strong);border-radius: calc(var(--u) * 0.14);background: var(--c-surface);color: var(--c-muted);font-weight: var(--weight-medium);line-height: 1;transition: transform var(--dur-fast) var(--ease-out)}.kb-key b{font-weight: inherit;white-space: nowrap;overflow: hidden;max-inline-size: 100%;padding-inline: 2px}.kb-key.is-done{background: var(--c-accent-soft);border-color: var(--c-accent);color: var(--c-accent)}.kb-key.is-down{background: var(--c-accent);border-color: var(--c-accent);color: var(--c-accent-ink);transform: translateY(1px) scale(0.96)}.kb-gap{inline-size: calc(var(--u) * var(--w, 1) - var(--u) * 0.08)}.kb-pad{display: grid;grid-template-columns: repeat(4, calc(var(--u) * 0.92));grid-template-rows: calc(var(--u) * 1.3) repeat(5, var(--u));gap: calc(var(--u) * 0.08);row-gap: calc(var(--u) * 0.08)}.kb-pad .kb-key{inline-size: auto;block-size: auto}.kb-panel{display: flex;flex-direction: column;gap: var(--s-3)}.kb-last{min-block-size: 120px}.kb-last-key{font-size: var(--text-2xl);font-weight: var(--weight-bold);margin-block-end: var(--s-2);overflow-wrap: anywhere}.kb-stats{margin: 0}.kb-stats div{min-inline-size: 0;flex: 1 1 100px}.kb-history li{font-family: var(--font-mono)}@media (max-width: 960px){.kb-tool{grid-template-columns: 1fr}}.ms-layout{display: grid;grid-template-columns: minmax(0, 1fr) 300px;gap: var(--s-4)}.ms-area{display: grid;place-items: center;min-block-size: 360px;border: 2px dashed var(--c-line-strong);border-radius: var(--radius-m);background: var(--c-bg);cursor: crosshair;user-select: none;touch-action: none;outline: none}.ms-area:focus-visible, .ms-area:hover{border-color: var(--c-accent)}.ms-area-text{margin: 0;padding: var(--s-4);color: var(--c-muted);text-align: center}.ms-panel{display: flex;flex-direction: column;gap: var(--s-3);align-items: stretch}.ms-panel > .btn{align-self: flex-start}.ms-btns{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--s-2)}.ms-btn, .ms-wheel{display: flex;flex-direction: column;gap: 2px;padding: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-surface);font-variant-numeric: tabular-nums}.ms-btn-name{font-size: var(--text-xs);color: var(--c-muted)}.ms-btn b, .ms-wheel b{font-size: var(--text-lg)}.ms-btn small{font-size: var(--text-xs);color: var(--c-bad);min-block-size: 1em}.ms-btn.is-done, .ms-wheel.is-done{border-color: var(--c-accent);background: var(--c-accent-soft)}.ms-btn.is-down, .ms-wheel.is-up .ms-up, .ms-wheel.is-downw .ms-down{color: var(--c-accent)}.ms-btn.is-down{background: var(--c-accent);color: var(--c-accent-ink)}.ms-btn.is-down .ms-btn-name{color: inherit}.ms-btn.is-bad{border-color: var(--c-bad)}.ms-wheel b{font-size: var(--text-sm)}.ms-dbl, .ms-rate{font-size: var(--text-sm);font-variant-numeric: tabular-nums}.ms-dbl:empty, .ms-rate:empty{display: none}@media (max-width: 860px){.ms-layout{grid-template-columns: 1fr}.ms-area{min-block-size: 240px}}.px-tiles{display: grid;grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));gap: var(--s-2)}.px-tile{display: grid;place-items: end start;block-size: 64px;padding: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--px);color: #fff;font-size: var(--text-xs);font-weight: var(--weight-medium);cursor: pointer}.px-tile.is-light{color: #111}.px-keys{font-size: var(--text-xs)}.px-screen{display: none;position: fixed;inset: 0;z-index: 1000;background: #000;outline: none}.px-screen.is-open{display: block}.px-screen.no-cursor{cursor: none}.px-label{position: absolute;inset-block-end: var(--s-4);inset-inline: 0;margin-inline: auto;inline-size: max-content;padding: var(--s-1) var(--s-3);border-radius: 999px;background: rgba(255, 255, 255, 0.15);color: #fff;font-size: var(--text-sm);pointer-events: none}.px-label.is-dark{background: rgba(0, 0, 0, 0.12);color: #111}.px-label.is-fading{animation: af-px-fade 2.5s var(--ease-out) forwards}.spk-title{margin: 0;font-size: var(--text-lg)}.spk-channels{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--s-3);inline-size: min(560px, 100%)}.spk-channels .spk-btn{display: grid;place-items: center;min-block-size: 96px;border: 1px solid var(--c-line-strong);border-radius: var(--radius-m);background: var(--c-surface);font-size: var(--text-lg);font-weight: var(--weight-bold);cursor: pointer}.spk-channels .spk-btn:hover{border-color: var(--c-accent)}.spk-btn.is-playing{border-color: var(--c-accent);background: var(--c-accent-soft);color: var(--c-accent)}.spk-hint{margin: 0;font-size: var(--text-sm);color: var(--c-muted);text-align: center}.spk-now{min-block-size: 1.5em;margin-block-end: var(--s-3);font-variant-numeric: tabular-nums;font-weight: var(--weight-medium)}.spk-gen{padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.spk-gen .pick-history-title{margin-block-end: var(--s-3)}.spk-gen .tool-options{margin: 0}.spk-gen input[type="range"]{inline-size: 200px;accent-color: var(--c-accent)}.pos-grid{display: grid;grid-template-columns: repeat(3, 28px);grid-template-rows: repeat(2, 13px);gap: 2px 4px;padding: 6px 8px;border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg)}.pos-cell{position: relative;display: grid;place-items: center;cursor: pointer}.pos-cell input{position: absolute;inset: 0;opacity: 0;margin: 0;cursor: pointer}.pos-cell i{inline-size: 20px;block-size: 6px;border-radius: 2px;background: var(--c-line-strong)}.pos-cell input:checked + i{background: var(--c-accent)}.pos-cell input:focus-visible + i{outline: 2px solid var(--c-focus);outline-offset: 2px}.sign-workspace{display: flex;flex-direction: column;gap: var(--s-3)}.sign-toolbar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2)}.sign-add, .sign-nav{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2)}.sign-pageinfo{min-inline-size: 72px;text-align: center;font-size: var(--text-sm);font-variant-numeric: tabular-nums}.sign-scroll{overflow: auto;padding: var(--s-3);border-radius: var(--radius-m);background: var(--c-surface-2)}.sign-page{position: relative;margin-inline: auto;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);background: #fff}.sign-canvas{display: block;inline-size: 100%;block-size: 100%}.sign-layer{position: absolute;inset: 0}.sign-item{position: absolute;border: 1px dashed transparent;cursor: move;touch-action: none;user-select: none}.sign-item img{display: block;inline-size: 100%;block-size: 100%;pointer-events: none}.sign-item:hover, .sign-item.is-selected, .sign-item:focus-visible{border-color: var(--c-accent);outline: none}.sign-del, .sign-resize{position: absolute;display: none}.sign-item.is-selected .sign-del, .sign-item.is-selected .sign-resize, .sign-item:hover .sign-del, .sign-item:hover .sign-resize{display: grid}.sign-del{inset-block-start: -12px;inset-inline-end: -12px;place-items: center;inline-size: 24px;block-size: 24px;border: 0;border-radius: 50%;background: var(--c-text);color: var(--c-bg);font-size: 16px;line-height: 1;cursor: pointer}.sign-resize{inset-block-end: -7px;inset-inline-end: -7px;inline-size: 14px;block-size: 14px;border: 2px solid var(--c-accent);border-radius: 3px;background: var(--c-bg);cursor: nwse-resize}[dir="rtl"] .sign-resize{cursor: nesw-resize}.sign-hint{margin: 0;font-size: var(--text-xs);color: var(--c-muted)}.sign-status{font-size: var(--text-sm);color: var(--c-muted)}@media (pointer: coarse){.sign-del, .sign-resize{display: grid}.sign-resize{inline-size: 22px;block-size: 22px;inset-block-end: -11px;inset-inline-end: -11px}}.sig-dialog{inline-size: min(680px, calc(100vw - 32px));padding: var(--s-4);border: 0;border-radius: var(--radius-l);background: var(--c-bg);color: var(--c-text);box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25)}.sig-dialog::backdrop{background: rgba(0, 0, 0, 0.45)}.sig-dialog[open]{animation: af-pop-in var(--dur-med) var(--ease-out)}.sig-title{margin: 0 0 var(--s-3);font-size: var(--text-lg)}.sig-dialog .seg{margin-block-end: var(--s-3)}.seg-tab{min-block-size: 32px;padding: 0 var(--s-3);border: 0;border-radius: 4px;background: transparent;color: var(--c-muted);font: inherit;font-size: var(--text-sm);font-weight: var(--weight-medium);cursor: pointer}.seg-tab[aria-selected="true"]{background: var(--c-accent);color: var(--c-accent-ink)}.sig-panel{display: flex;flex-direction: column;gap: var(--s-2)}.sig-pad{inline-size: 100%;aspect-ratio: 3 / 1;border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: repeating-linear-gradient(transparent 0 74%, var(--c-line) 74% 75%, transparent 75% 100%), var(--c-bg);touch-action: none;cursor: crosshair}.sig-row{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2);font-size: var(--text-sm)}.sig-colors{display: flex;gap: var(--s-2)}.sig-color{inline-size: 26px;block-size: 26px;border: 2px solid var(--c-bg);border-radius: 50%;background: var(--ink);box-shadow: 0 0 0 1px var(--c-line-strong);cursor: pointer}.sig-color.is-on{box-shadow: 0 0 0 2px var(--c-accent)}.sig-type-in{inline-size: 100%}.sig-type-list{display: grid;gap: var(--s-2)}.sig-type-btn{padding: 0;border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);cursor: pointer}.sig-type-btn[aria-pressed="true"]{border-color: var(--c-accent);box-shadow: 0 0 0 1px var(--c-accent)}.sig-type-option{display: block;inline-size: 100%;block-size: auto}.sig-up-preview{max-inline-size: 100%;max-block-size: 160px;align-self: flex-start;background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 16px 16px}.sig-text-in{inline-size: 100%;padding: var(--s-2) var(--s-3);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);font: inherit;resize: vertical}.sig-actions{display: flex;justify-content: flex-end;gap: var(--s-2);margin-block-start: var(--s-3)}.pw-tool .tool-options{margin-block-start: var(--s-3)}.pw-stage{gap: var(--s-3)}.pw-output{inline-size: 100%;display: flex;flex-direction: column;align-items: center;gap: var(--s-1);max-block-size: 320px;overflow: auto}.pw-line code{display: block;font-family: var(--font-mono);font-size: clamp(1.05rem, 3.4vw, 1.6rem);overflow-wrap: anywhere;text-align: center;user-select: all}.pw-output.is-many .pw-line code{font-size: var(--text-md)}.pw-meter-row{display: flex;flex-direction: column;align-items: center;gap: var(--s-1);inline-size: min(420px, 100%)}.pw-meter{inline-size: 100%;block-size: 8px;border-radius: 999px;background: var(--c-surface-2);overflow: hidden}.pw-meter i{display: block;block-size: 100%;transform-origin: left center;background: var(--c-bad);transition: transform var(--dur-med) var(--ease-out)}[dir="rtl"] .pw-meter i{transform-origin: right center}.pw-meter[data-level="1"] i{background: var(--c-warn)}.pw-meter[data-level="2"] i{background: var(--c-warn-strong)}.pw-meter[data-level="3"] i, .pw-meter[data-level="4"] i{background: var(--c-good)}.pw-strength{font-size: var(--text-sm);color: var(--c-muted);text-align: center}.uuid-tool .pane{margin-block-end: var(--s-4)}.uuid-body{block-size: auto}.uuid-list{margin: 0;padding: var(--s-3);min-block-size: 140px;max-block-size: 360px;overflow: auto;font-family: var(--font-mono);font-size: var(--text-sm);line-height: 1.7}.uuid-decoder{display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.uuid-decode-in{inline-size: 100%;font-family: var(--font-mono)}.dev-info dd.is-bad{color: var(--c-bad)}.hg-tool{display: flex;flex-direction: column;gap: var(--s-3)}.hg-tool .tool-options{margin: 0}.hg-text{inline-size: 100%;min-block-size: 140px;padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);resize: vertical}.hg-drop{min-block-size: 160px}.hg-file-info{font-size: var(--text-sm);font-weight: var(--weight-medium)}.hg-progress{font-size: var(--text-sm);color: var(--c-muted)}.hg-results, .cc-list{display: flex;flex-direction: column;border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);overflow: hidden}.hg-results:empty{display: none}.hg-row{display: grid;grid-template-columns: 120px minmax(0, 1fr) auto;align-items: center;gap: var(--s-3);padding: var(--s-2) var(--s-3)}.hg-row + .hg-row{border-block-start: var(--border)}.hg-row.is-focus{background: var(--c-accent-soft)}.hg-row.is-match{box-shadow: inset 4px 0 0 var(--c-good)}.hg-algo{font-size: var(--text-sm);font-weight: var(--weight-bold)}.hg-value{font-family: var(--font-mono);font-size: var(--text-sm);overflow-wrap: anywhere;user-select: all}.hg-expect-field .text-input{inline-size: 100%;font-family: var(--font-mono)}@media (max-width: 560px){.hg-row{grid-template-columns: minmax(0, 1fr) auto}.hg-value{grid-column: 1 / -1;grid-row: 2}}.jwt-options{align-items: stretch}.jwt-key-field{flex: 1 1 100%}.jwt-key{inline-size: 100%;padding: var(--s-2) var(--s-3);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);font-family: var(--font-mono);font-size: var(--text-xs);resize: vertical}.jwt-part{margin-block-end: var(--s-3)}.jwt-title{margin: 0 0 var(--s-1);font-size: var(--text-sm);font-family: var(--font-sans)}.jwt-part .code-view{margin: 0;padding: var(--s-2);border-radius: var(--radius-s);background: var(--code-bg);white-space: pre-wrap;overflow-wrap: anywhere}.ts-tool{display: flex;flex-direction: column;gap: var(--s-4)}.ts-now{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.ts-now-val{font-family: var(--font-mono);font-size: clamp(1.6rem, 6vw, 2.4rem);font-weight: var(--weight-bold)}.ts-now-ms-wrap{flex-basis: 100%;font-size: var(--text-xs);color: var(--c-muted)}.ts-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-4)}.ts-card{display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);min-inline-size: 0}.ts-in{inline-size: 100%;block-size: auto;min-block-size: 40px;padding-block: var(--s-2);font-family: var(--font-mono);resize: vertical}.ts-card select{max-inline-size: 100%}.ts-bulk{margin: 0;padding: var(--s-2);max-block-size: 260px;overflow: auto;border-radius: var(--radius-s);background: var(--code-bg);font-family: var(--font-mono);font-size: var(--text-xs)}@media (max-width: 860px){.ts-grid{grid-template-columns: 1fr}}.rx-tool{display: flex;flex-direction: column;gap: var(--s-3)}.rx-pattern-row{display: flex;align-items: center;gap: var(--s-1);padding-inline: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg)}.rx-pattern-row:focus-within{outline: 2px solid var(--c-focus);outline-offset: 1px}.rx-slash{font-family: var(--font-mono);color: var(--c-muted);font-size: var(--text-lg)}.rx-pattern{flex: 1;min-inline-size: 0;block-size: 42px;border: 0;background: transparent;font-family: var(--font-mono);font-size: var(--text-md)}.rx-pattern:focus{outline: none}.rx-flags{display: flex;gap: 2px}.rx-flag{position: relative;cursor: pointer}.rx-flag input{position: absolute;inset: 0;opacity: 0;margin: 0;cursor: pointer}.rx-flag span{display: grid;place-items: center;inline-size: 26px;block-size: 26px;border-radius: 4px;font-family: var(--font-mono);font-size: var(--text-sm);color: var(--c-muted)}.rx-flag input:checked + span{background: var(--c-accent);color: var(--c-accent-ink)}.rx-flag input:focus-visible + span{outline: 2px solid var(--c-focus)}.rx-lib{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-1) var(--s-2)}.rx-lib .chip{min-block-size: 30px}.rx-panes{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-3)}.rx-panes .pane-body{block-size: 260px}.rx-text{block-size: 100%}.rx-view-body{overflow: auto}.rx-view{margin: 0;padding: var(--s-3);font-family: var(--font-mono);font-size: var(--text-sm);line-height: 1.7;white-space: pre-wrap;overflow-wrap: anywhere}.rx-view mark{border-radius: 3px;color: inherit}.rx-m1{background: var(--c-mark-1)}.rx-m2{background: var(--c-mark-2)}.rx-replace-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3)}.rx-replace{flex: 1 1 240px;font-family: var(--font-mono)}.rx-replace-box{border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);max-block-size: 240px;overflow: auto}.rx-groups .data-table{font-size: var(--text-xs)}@media (max-width: 860px){.rx-panes{grid-template-columns: 1fr}.rx-panes .pane-body{block-size: 200px}}.cc-tool{display: flex;flex-direction: column;gap: var(--s-4)}.cc-top{display: grid;grid-template-columns: 200px minmax(0, 1fr);gap: var(--s-4)}.cc-swatch-wrap{position: relative}.cc-swatch i{position: absolute;inset: 0;border-radius: inherit}.cc-swatch{position: relative;overflow: hidden;inline-size: 100%;aspect-ratio: 1;border-radius: var(--radius-m);border: var(--border);background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 16px 16px}.cc-picker{position: absolute;inset-block-end: var(--s-2);inset-inline-end: var(--s-2);inline-size: 48px;block-size: 40px;padding: 2px;border: 2px solid var(--c-bg);border-radius: var(--radius-s);cursor: pointer}.cc-main{display: flex;flex-direction: column;gap: var(--s-2);min-inline-size: 0}.cc-text{inline-size: 100%;font-family: var(--font-mono)}.cc-text.is-bad{border-color: var(--c-bad)}.cc-contrast{display: flex;flex-direction: column;gap: var(--s-3);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.cc-contrast-body{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--s-4);align-items: center}.cc-preview{display: flex;flex-direction: column;gap: var(--s-1);padding: var(--s-4);border: var(--border);border-radius: var(--radius-s)}.cc-preview strong{font-size: 1.5rem}.cc-ratio{font-size: var(--text-2xl);font-weight: var(--weight-bold);font-variant-numeric: tabular-nums;margin-block-end: var(--s-2)}.cc-checks{display: grid;gap: var(--s-1);font-size: var(--text-sm)}.cc-check{display: flex;gap: var(--s-2);align-items: center}.cc-check b{min-inline-size: 58px;padding: 1px var(--s-2);border-radius: 999px;font-size: var(--text-xs);text-align: center}.cc-check.is-pass b{background: var(--c-accent-soft);color: var(--c-good)}.cc-check.is-fail b{background: var(--c-bad-soft);color: var(--c-bad)}.cc-shades{display: grid;grid-template-columns: repeat(9, minmax(0, 1fr));border-radius: var(--radius-m);overflow: hidden;border: var(--border)}.cc-shade{min-block-size: 64px;border: 0;padding: var(--s-1);display: grid;place-items: end center;font-family: var(--font-mono);font-size: 0.65rem;cursor: pointer}.cc-shade:focus-visible{outline: 2px solid var(--c-focus);outline-offset: -3px}@media (max-width: 760px){.cc-top{grid-template-columns: 1fr}.cc-swatch{aspect-ratio: 3 / 1}.cc-contrast-body{grid-template-columns: 1fr}.cc-shades{grid-template-columns: repeat(3, minmax(0, 1fr))}}.rec-stage{gap: var(--s-3)}.rec-note{margin: 0;max-inline-size: 560px;color: var(--c-muted);text-align: center}.rec-preview{inline-size: min(640px, 100%);max-block-size: 360px;border-radius: var(--radius-s);background: #111}.rec-timer{display: inline-flex;align-items: center;gap: var(--s-2);font-size: var(--text-xl);font-weight: var(--weight-bold);font-variant-numeric: tabular-nums}.rec-timer--big{font-size: clamp(2.5rem, 10vw, 4rem)}.rec-dot{inline-size: 12px;block-size: 12px;border-radius: 50%;background: var(--c-bad)}.rec-timer:not(.is-on):not(.rec-overlay) .rec-dot{background: var(--c-line-strong)}.rec-tool .rec-timer.is-on .rec-dot, .rec-overlay .rec-dot, .rec-stage:has(.rec-stop:not([hidden])) .rec-timer .rec-dot{animation: af-blink 1s steps(2, start) infinite}.rec-timer.is-paused .rec-dot{animation: none;background: var(--c-warn)}.rec-size{font-size: var(--text-sm);font-variant-numeric: tabular-nums}.rec-size:empty{display: none}.rec-stop, .rec-btn.rec-stop{background: var(--c-bad);border-color: var(--c-bad);color: #fff}.rec-stop:hover, .rec-btn.rec-stop:hover{background: var(--c-bad);filter: brightness(0.92)}.rec-count{font-size: clamp(3rem, 14vw, 6rem);font-weight: var(--weight-bold);line-height: 1;font-variant-numeric: tabular-nums;animation: af-pop-in var(--dur-med) var(--ease-spring)}.rec-meter{inline-size: min(420px, 100%);flex: none}.rec-view{inline-size: min(720px, 100%)}.rec-cam{max-block-size: 60vh}.rec-overlay{position: absolute;inset-block-start: var(--s-2);inset-inline-start: var(--s-2);padding: 2px var(--s-2);border-radius: var(--radius-s);background: rgba(0, 0, 0, 0.6);color: #fff;font-size: var(--text-sm)}.rec-overlay-count{position: absolute;inset: 0;display: grid;place-items: center;color: #fff;text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6)}.rec-overlay-count[hidden]{display: none}.rec-results{display: flex;flex-direction: column;gap: var(--s-3);margin-block-start: var(--s-3)}.rec-result{display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);animation: af-fade-up var(--dur-med) var(--ease-out)}.rec-player{inline-size: 100%;max-block-size: 420px;border-radius: var(--radius-s);background: #111}audio.rec-player{background: none;max-block-size: none}.rec-result-bar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3)}.rec-result-name{flex: 1 1 200px;font-weight: var(--weight-medium);overflow-wrap: anywhere}.uc-tool, .tz-tool, .mp-tool{display: flex;flex-direction: column;gap: var(--s-4)}.uc-groups{display: flex;flex-wrap: wrap;gap: var(--s-1) var(--s-2)}.uc-group.is-on{border-color: var(--c-accent);background: var(--c-accent);color: var(--c-accent-ink)}.uc-row{display: grid;grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);align-items: center;gap: var(--s-3);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.uc-side{display: flex;flex-direction: column;gap: var(--s-2);min-inline-size: 0}.uc-side select{block-size: 40px;padding-inline: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);max-inline-size: 100%}.uc-value{inline-size: 100%;block-size: 56px;font-size: var(--text-xl);font-variant-numeric: tabular-nums}.uc-swap{align-self: center;min-inline-size: 44px;font-size: var(--text-lg)}.uc-result-box{display: flex;align-items: center;gap: var(--s-2);min-block-size: 56px;padding-inline: var(--s-3);border-radius: var(--radius-s);background: var(--c-accent-soft)}.uc-result{flex: 1;min-inline-size: 0;font-size: var(--text-xl);font-weight: var(--weight-bold);font-variant-numeric: tabular-nums;overflow-wrap: anywhere}.uc-result-unit{color: var(--c-muted)}.uc-formula{margin: 0;font-size: var(--text-sm);color: var(--c-muted)}.uc-formula:empty{display: none}.uc-all-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: var(--s-2)}.uc-all-item{display: flex;flex-direction: column;align-items: flex-start;gap: 2px;padding: var(--s-2) var(--s-3);border: var(--border);border-radius: var(--radius-s);background: var(--c-bg);text-align: start;cursor: pointer}.uc-all-item b{font-variant-numeric: tabular-nums;overflow-wrap: anywhere}.uc-all-item span{font-size: var(--text-xs);color: var(--c-muted)}.uc-all-item.is-on{border-color: var(--c-accent)}.uc-table{font-size: var(--text-sm);font-variant-numeric: tabular-nums}.uc-table td, .uc-table th{min-inline-size: 120px}@media (max-width: 640px){.tz-input, .mp-add .tz-input{min-inline-size: 0;inline-size: 100%}.tz-source .field-inline > *{max-inline-size: 100%}.mp-zone{min-inline-size: 170px}.uc-row{grid-template-columns: 1fr}.uc-swap{transform: rotate(90deg);justify-self: center}}.tz-source{display: flex;flex-wrap: wrap;gap: var(--s-3) var(--s-5);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.tz-src-name{white-space: nowrap}.tz-input{min-inline-size: 220px;max-inline-size: 100%}.tz-source .field-inline{flex-wrap: wrap}.tz-source .field{min-inline-size: 0;max-inline-size: 100%}.tz-input.is-bad{border-color: var(--c-bad)}.tz-live{padding: 2px var(--s-2);border-radius: 999px;background: var(--c-accent-soft);color: var(--c-good);font-size: var(--text-xs);font-weight: var(--weight-medium)}.tz-live[hidden]{display: none}.tz-cards{display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: var(--s-3)}.tz-card{display: flex;flex-direction: column;gap: var(--s-1);padding: var(--s-3) var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.tz-card.is-source{border-color: var(--c-accent);box-shadow: inset 0 3px 0 var(--c-accent)}.tz-card.is-night{background: var(--c-surface)}.tz-card-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2)}.tz-city{margin: 0;font-size: var(--text-md)}.tz-time{font-size: 2.2rem;font-weight: var(--weight-bold);line-height: 1.1;font-variant-numeric: tabular-nums}.tz-date{font-size: var(--text-sm)}.tz-meta{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--s-1) var(--s-2);font-size: var(--text-xs);color: var(--c-muted)}.tz-diff{font-weight: var(--weight-medium)}.tz-make-src{align-self: flex-start;padding-inline: 0}.mp-add .tz-input{min-inline-size: 240px}.mp-grid-wrap{overflow-x: auto;border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.mp-grid{border-collapse: separate;border-spacing: 2px;font-variant-numeric: tabular-nums}.mp-zone{position: sticky;inset-inline-start: 0;z-index: 1;display: flex;align-items: center;gap: var(--s-1);min-inline-size: 230px;white-space: nowrap;padding: var(--s-1) var(--s-2);background: var(--c-bg);text-align: start;font-weight: var(--weight-normal)}.mp-city{font-weight: var(--weight-bold);font-size: var(--text-sm);margin-inline-end: auto}.mp-zone small{font-size: var(--text-xs);color: var(--c-muted)}.mp-cell{padding: 0}.mp-hour{display: flex;flex-direction: column;align-items: center;justify-content: center;inline-size: 38px;block-size: 40px;border: 0;border-radius: 4px;background: var(--c-surface-2);color: var(--c-muted);font: inherit;font-size: var(--text-xs);cursor: pointer}.mp-hour small{font-size: 0.6rem}.mp-cell.is-work .mp-hour{background: var(--c-accent-soft);color: var(--c-good)}.mp-cell.is-edge .mp-hour{background: var(--c-mark-1);color: var(--c-warn)}.mp-cell.is-ok .mp-hour{box-shadow: inset 0 0 0 2px var(--c-good)}.mp-cell.is-pick .mp-hour{background: var(--c-accent);color: var(--c-accent-ink);box-shadow: none}.mp-cell.is-midnight .mp-hour{box-shadow: inset 3px 0 0 var(--c-text)}.mp-detail{padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.mp-lines{margin: 0;padding-inline-start: var(--s-4);font-variant-numeric: tabular-nums}.calc-tool{display: flex;flex-direction: column;gap: var(--s-4)}.calc-tool .tool-options{margin: 0}.calc-in{inline-size: 150px;min-inline-size: 0;font-variant-numeric: tabular-nums}.calc-unit input{inline-size: 120px}.calc-mode{display: flex}.calc-result{display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.calc-label{font-size: var(--text-sm);color: var(--c-muted)}.calc-main{font-size: clamp(2rem, 7vw, 3rem);font-weight: var(--weight-bold);line-height: 1.1;font-variant-numeric: tabular-nums;overflow-wrap: anywhere}.calc-lines{margin-block-start: var(--s-1)}.calc-tally{margin: 0}.calc-note{margin: 0;font-size: var(--text-xs);color: var(--c-muted)}.pct-tool{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-3)}.pct-card{display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);min-inline-size: 0}.pct-card.is-focus{grid-column: 1 / -1;border-color: var(--c-accent)}.pct-title{margin: 0;font-size: var(--text-sm);color: var(--c-muted);font-weight: var(--weight-medium)}.pct-q{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2)}.pct-in{inline-size: 110px;min-inline-size: 0;font-variant-numeric: tabular-nums}.pct-eq{color: var(--c-muted)}.pct-out{min-inline-size: 60px;font-size: var(--text-xl);font-weight: var(--weight-bold);font-variant-numeric: tabular-nums}.pct-sentence{margin: 0;min-block-size: 1.4em;font-size: var(--text-sm);color: var(--c-muted)}@media (max-width: 760px){.pct-tool{grid-template-columns: 1fr}}.bmi-scale-wrap{position: relative;padding-block-end: var(--s-4)}.bmi-scale{position: relative;display: flex;block-size: 14px;border-radius: 999px;overflow: visible}.bmi-seg{block-size: 100%}.bmi-seg:first-child{border-start-start-radius: 999px;border-end-start-radius: 999px}.bmi-seg:nth-child(5){border-start-end-radius: 999px;border-end-end-radius: 999px}.bmi-seg.is-under{flex: 3.5;background: var(--c-focus)}.bmi-seg.is-normal{flex: 6.5;background: var(--c-good)}.bmi-seg.is-over{flex: 5;background: var(--c-warn-strong)}.bmi-seg.is-obese1{flex: 5;background: var(--wheel-2)}.bmi-seg.is-obese2{flex: 7;background: var(--c-bad)}.bmi-pointer{position: absolute;inset-block-start: -6px;inline-size: 4px;block-size: 26px;margin-inline-start: -2px;border-radius: 2px;background: var(--c-text);box-shadow: 0 0 0 2px var(--c-bg)}.bmi-legend{position: relative;block-size: 1.2em;margin-block-start: var(--s-1);font-size: var(--text-xs);color: var(--c-muted)}.bmi-legend span{position: absolute;transform: translateX(-50%)}[dir="rtl"] .bmi-legend span{transform: translateX(50%)}.calc-result[data-cat="normal"] .calc-main{color: var(--c-good)}.calc-result[data-cat="obese2"] .calc-main, .calc-result[data-cat="obese3"] .calc-main{color: var(--c-bad)}.ln-split{display: flex;flex-direction: column;gap: var(--s-1)}.ln-bar{display: flex;block-size: 14px;border-radius: 999px;overflow: hidden}.ln-bar i{display: block}.ln-principal{background: var(--c-accent)}.ln-interest{background: var(--wheel-2)}.ln-legend{display: flex;justify-content: space-between;font-size: var(--text-xs)}.ln-l-p{color: var(--c-accent)}.ln-l-i{color: var(--wheel-2)}.ln-schedule .pick-history-head{flex-wrap: wrap}.ln-schedule .field-inline{flex-wrap: wrap}.ln-table{max-block-size: 420px;overflow: auto;border: var(--border);border-radius: var(--radius-s)}.ln-table .data-table{inline-size: 100%;font-size: var(--text-xs);font-variant-numeric: tabular-nums}.ln-table td:not(:first-child), .ln-table th:not(:first-child){text-align: end}.vt-work{display: flex;flex-direction: column;gap: var(--s-3)}.vt-work .tool-options{margin: 0}.vt-file{font-size: var(--text-sm);color: var(--c-muted);overflow-wrap: anywhere}.clip-picker{display: flex;flex-direction: column;gap: var(--s-3);padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.clip-video{inline-size: 100%;max-block-size: 52vh;border-radius: var(--radius-s);background: #111}.clip-track{position: relative;block-size: 28px;border-radius: 999px;background: var(--c-surface-2)}.clip-fill{position: absolute;inset-block: 0;border-radius: 999px;background: var(--c-accent-soft);box-shadow: inset 0 0 0 2px var(--c-accent);pointer-events: none}.clip-range{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;margin: 0;background: none;pointer-events: none;appearance: none;-webkit-appearance: none}.clip-range::-webkit-slider-thumb{pointer-events: auto;-webkit-appearance: none;inline-size: 16px;block-size: 28px;border-radius: 4px;background: var(--c-accent);cursor: ew-resize}.clip-range::-moz-range-thumb{pointer-events: auto;inline-size: 16px;block-size: 28px;border: 0;border-radius: 4px;background: var(--c-accent);cursor: ew-resize}.clip-range::-webkit-slider-runnable-track{background: none}.clip-range::-moz-range-track{background: none}.clip-range:focus-visible::-webkit-slider-thumb{outline: 2px solid var(--c-focus);outline-offset: 2px}.clip-controls{display: flex;flex-wrap: wrap;align-items: flex-end;gap: var(--s-3) var(--s-5)}.clip-time{inline-size: 110px;min-inline-size: 0;font-variant-numeric: tabular-nums}.clip-play{align-self: flex-end;min-block-size: 40px}.clip-len{font-size: var(--text-sm);color: var(--c-muted);font-variant-numeric: tabular-nums}.vt-status{font-size: var(--text-sm);color: var(--c-muted);font-variant-numeric: tabular-nums}.drop-overlay{position: fixed;inset: 0;z-index: 90;display: grid;place-items: center;background: color-mix(in srgb, var(--c-accent) 14%, transparent);border: 3px dashed var(--c-accent);pointer-events: none}.drop-overlay[hidden]{display: none}.drop-overlay p{margin: 0;padding: var(--s-4) var(--s-5);border-radius: var(--radius-m);background: var(--c-bg);font-weight: var(--weight-medium);box-shadow: 0 4px 20px rgb(0 0 0 / 0.12)}.fs-dialog{inline-size: min(520px, calc(100vw - 32px));max-block-size: min(80vh, 640px);padding: var(--s-4);border: 0;border-radius: var(--radius-l);box-shadow: 0 10px 40px rgb(0 0 0 / 0.2)}.fs-dialog::backdrop{background: rgb(0 0 0 / 0.35)}.fs-head{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--s-3);margin-block-end: var(--s-3)}.fs-title{margin: 0;font-size: var(--text-lg)}.fs-body{display: flex;flex-direction: column;gap: var(--s-3)}.fs-file{display: flex;align-items: center;gap: var(--s-2);margin: 0;font-size: var(--text-sm);overflow-wrap: anywhere}.fs-list{display: flex;flex-direction: column;gap: var(--s-1);margin: 0;padding: 0;list-style: none}.fs-link{display: flex;align-items: center;gap: var(--s-2);min-block-size: 40px;padding: var(--s-2) var(--s-3);border: 1px solid var(--c-line);border-radius: var(--radius-s);color: inherit;text-decoration: none}.fs-link:hover, .fs-link:focus-visible{border-color: var(--c-accent);background: var(--c-accent-soft)}.open-files{display: flex;flex-direction: column;gap: var(--s-4);margin-block-end: var(--s-5)}.open-drop.is-over{border-color: var(--c-accent);background: var(--c-accent-soft)}.fav-btn{display: inline-flex;align-items: center;gap: var(--s-1);margin-block-start: var(--s-2);padding: var(--s-1) var(--s-2);min-block-size: 32px;border: 1px solid var(--c-line);border-radius: var(--radius-s);background: var(--c-bg);color: var(--c-muted);font: inherit;font-size: var(--text-sm);cursor: pointer}.fav-btn:hover{border-color: var(--c-line-strong);color: var(--c-text)}.fav-btn[aria-pressed="true"]{border-color: var(--c-warn-strong);color: var(--c-warn)}.fav-btn[aria-pressed="true"] path{fill: currentColor}.mega-mine{column-span: all;display: flex;flex-wrap: wrap;gap: var(--s-5);padding-block-end: var(--s-3);margin-block-end: var(--s-2);border-block-end: 1px solid var(--c-line)}.mega-mine[hidden]{display: none}.mega-mine-col{display: flex;flex-direction: column;gap: var(--s-1);min-inline-size: 180px}.mega-mine-title{font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--c-muted);text-transform: uppercase;letter-spacing: 0.04em}.mega-mine ul{display: flex;flex-wrap: wrap;gap: var(--s-1) var(--s-3);margin: 0;padding: 0;list-style: none}.mega-mine-clear{align-self: flex-start;padding: 0;border: 0;background: none;color: var(--c-muted);font: inherit;font-size: var(--text-xs);text-decoration: underline;cursor: pointer}.dropzone-sample-row{margin: var(--s-1) 0 0}.dropzone-sample{padding: var(--s-1) var(--s-2);min-block-size: 32px;border: 0;background: none;color: var(--c-accent);font: inherit;font-size: var(--text-sm);text-decoration: underline;text-underline-offset: 3px;cursor: pointer}.dropzone-sample:disabled{color: var(--c-muted);cursor: progress;text-decoration: none}.install{margin-block-start: var(--s-3)}.install-ios{margin: 0;font-size: var(--text-sm);color: var(--c-muted);max-inline-size: 34ch}.tool-share{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: flex-start;gap: var(--s-2);margin-block-start: var(--s-2)}.tool-share:empty{display: none}.embed-box > summary{list-style: none}.embed-box > summary::-webkit-details-marker{display: none}.embed-box[open]{flex-basis: 100%;display: flex;flex-direction: column;align-items: flex-end;gap: var(--s-2)}.embed-panel{inline-size: 100%;display: flex;flex-direction: column;align-items: flex-start;gap: var(--s-2);padding: var(--s-3);border-radius: var(--radius-m);background: var(--c-surface)}.embed-panel p{margin: 0;font-size: var(--text-sm)}.embed-code{inline-size: 100%;padding: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);font-family: var(--font-mono);font-size: 12px;resize: vertical}body.embed{margin: 0;background: var(--c-bg)}.embed-main{padding: var(--s-3)}.embed-main .tool{margin: 0}.embed-credit{margin: var(--s-2) 0 0;font-size: var(--text-xs);color: var(--c-muted);text-align: end}.tool-share-btn.is-done{color: var(--c-good)}.report-box textarea{inline-size: 100%;min-block-size: 80px;padding: var(--s-2) var(--s-3);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);font: inherit;background: var(--c-bg);resize: vertical}.report-box label{font-size: var(--text-sm)}.report-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3)}.cp-tool, .bl-editor, .fv-tool{display: flex;flex-direction: column;gap: var(--s-4)}.cp-bar{display: flex;align-items: center;gap: var(--s-3);flex-wrap: wrap}.cp-swatch{inline-size: 28px;block-size: 28px;border-radius: var(--radius-s);border: 1px solid var(--c-line-strong);background: var(--c, #fff);flex: none}.cp-swatch-lg{inline-size: 48px;block-size: 48px}.cp-hover-code{font-family: var(--font-mono);font-size: var(--text-sm)}.cp-tip{font-size: var(--text-sm);margin-inline-end: auto}.cp-stage{position: relative;display: flex;justify-content: center;border-radius: var(--radius-m);background: var(--c-surface);padding: var(--s-2)}.cp-canvas{display: block;max-inline-size: 100%;max-block-size: 70vh;inline-size: auto;block-size: auto;cursor: crosshair;touch-action: manipulation}.cp-loupe{position: absolute;inset-block-start: 0;inset-inline-start: 0;inline-size: 132px;block-size: 132px;border-radius: 50%;border: 3px solid var(--c-bg);box-shadow: 0 2px 10px rgb(0 0 0 / 0.25);pointer-events: none;transform: translate(calc(var(--x, 0px) + 24px), calc(var(--y, 0px) - 150px))}.cp-section{display: flex;flex-direction: column;gap: var(--s-3)}.cp-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);flex-wrap: wrap}.cp-head-tools{display: flex;align-items: center;gap: var(--s-2);flex-wrap: wrap}.cp-title{margin: 0;font-size: var(--text-lg)}.cp-palette{display: grid;grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));gap: var(--s-2)}.cp-chip{display: flex;flex-direction: column;padding: 0;border: 1px solid var(--c-line);border-radius: var(--radius-m);background: var(--c-bg);overflow: hidden;cursor: pointer;font: inherit;text-align: start}.cp-chip-color{display: block;block-size: 64px;background: var(--c)}.cp-chip b{padding: var(--s-2);font-family: var(--font-mono);font-size: var(--text-sm);font-weight: var(--weight-medium)}.cp-chip b.is-done{color: var(--c-good)}.cp-list{display: flex;flex-direction: column;gap: var(--s-2);margin: 0;padding: 0;list-style: none}.cp-item{display: flex;align-items: center;gap: var(--s-3);padding: var(--s-2);border: 1px solid var(--c-line);border-radius: var(--radius-m)}.cp-codes{display: flex;flex-wrap: wrap;gap: var(--s-1);flex: 1}.cp-code{padding: var(--s-1) var(--s-2);min-block-size: 32px;border: 1px solid var(--c-line);border-radius: var(--radius-s);background: var(--c-surface);font-family: var(--font-mono);font-size: var(--text-sm);cursor: pointer}.cp-code.is-done{color: var(--c-good);border-color: var(--c-good)}.is-palette-first .cp-section:not([hidden]){order: 0}.is-palette-first .cp-stage{order: 1}.bl-stage{position: relative;align-self: center;max-inline-size: 100%;line-height: 0;border-radius: var(--radius-s);overflow: hidden;background: var(--c-surface)}.bl-canvas{display: block;max-inline-size: 100%;max-block-size: 70vh;inline-size: auto;block-size: auto}.bl-overlay{position: absolute;inset: 0;cursor: crosshair;touch-action: none}.bl-box{position: absolute;inset-block-start: var(--t);left: var(--l);inline-size: var(--w);block-size: var(--h);border: 2px dashed var(--c-bg);outline: 1px solid rgb(0 0 0 / 0.5)}.bl-box.is-drawing{border-style: solid;border-color: var(--c-accent)}.bl-box-x{position: absolute;inset-block-start: -12px;right: -12px;inline-size: 24px;block-size: 24px;border: 0;border-radius: 50%;background: var(--c-text);color: var(--c-bg);font-size: 16px;line-height: 1;cursor: pointer}.bl-hint{margin: 0;font-size: var(--text-sm)}.bl-area-tools{align-self: end}.fv-text-fields{display: contents}.fv-text-fields[hidden]{display: none}.fv-file{font-size: var(--text-sm)}.fv-bg-check{block-size: 20px}.fv-output{display: flex;flex-direction: column;gap: var(--s-4);padding: var(--s-4);border-radius: var(--radius-m);background: var(--c-surface)}.fv-tabs{display: flex;gap: var(--s-2);flex-wrap: wrap}.fv-tab{display: flex;align-items: center;gap: var(--s-2);min-inline-size: 200px;padding: var(--s-2) var(--s-3);border-radius: var(--radius-s) var(--radius-s) 0 0;background: var(--c-bg);font-size: var(--text-sm);border: 1px solid var(--c-line)}.fv-tab.is-dark{background: #202124;color: #e8eaed;border-color: #202124}.fv-tab-icon{inline-size: 16px;block-size: 16px}.fv-sizes{display: flex;align-items: end;gap: var(--s-5);flex-wrap: wrap}.fv-sizes figure{display: flex;flex-direction: column;align-items: center;gap: var(--s-1);margin: 0}.fv-sizes figcaption{font-size: var(--text-xs);color: var(--c-muted)}.fv-prev{inline-size: var(--s);block-size: var(--s);image-rendering: auto;background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 12px 12px}.fv-files{margin: 0;font-size: var(--text-sm)}.fv-code-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2)}.fv-code{font-family: var(--font-mono);font-size: 13px}.merge-preview{display: block;max-inline-size: min(100%, 520px);block-size: auto;margin-block-start: var(--s-3);border-radius: var(--radius-s);border: 1px solid var(--c-line)}.ty-text{position: relative;block-size: calc(3 * 1.6em);overflow: hidden;padding: 0;font-family: var(--font-mono);font-size: clamp(1.15rem, 0.9rem + 1vw, 1.5rem);line-height: 1.6;color: var(--c-muted);cursor: text}.ty-words{display: flex;flex-wrap: wrap;column-gap: 0.6em;transform: translateY(var(--shift, 0));transition: transform var(--dur-fast) var(--ease-out)}.ty-word{display: inline-flex;white-space: pre;border-block-end: 2px solid transparent}.ty-word.is-wrong{border-block-end-color: var(--c-bad)}.ty-ch.is-ok{color: var(--c-text)}.ty-ch.is-bad{color: var(--c-bad);background: var(--c-bad-soft);border-radius: 2px}.ty-ch.is-extra{color: var(--c-bad);opacity: 0.7}.ty-caret{position: absolute;inset-block-start: 0;inset-inline-start: 0;inline-size: 2px;block-size: var(--h, 1.6em);background: var(--c-accent);transform: translate(var(--x, 0), var(--y, 0));transition: transform 90ms linear;pointer-events: none}.ty:not(.is-focused) .ty-caret{opacity: 0.35}.ty.is-focused:not(.is-running) .ty-caret{animation: af-blink 1s steps(1) infinite}.ty.is-done .ty-caret{display: none}.ty-input{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;opacity: 0;border: 0;padding: 0;font-size: 16px;color: transparent;background: transparent;cursor: text}.ty{padding: var(--s-4);border: 1px solid var(--c-line-strong);border-radius: var(--radius-m);background: var(--c-bg)}.ty.is-focused{border-color: var(--c-accent);box-shadow: 0 0 0 3px var(--c-accent-soft)}.tt-tool, .tp-tool{display: flex;flex-direction: column;gap: var(--s-4)}.tt-live{display: flex;gap: var(--s-6);align-items: baseline}.tt-live span{display: flex;flex-direction: column}.tt-live b{font-size: var(--text-xl);font-variant-numeric: tabular-nums;line-height: 1.2}.tt-live .tt-time{color: var(--c-accent)}.tt-live small, .tt-stat small{font-size: var(--text-xs);color: var(--c-muted)}.tt-actions{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);flex-wrap: wrap}.tt-hint{margin: 0;font-size: var(--text-sm)}.tt-result{padding: var(--s-4);border-radius: var(--radius-m);background: var(--c-surface);display: flex;flex-direction: column;gap: var(--s-3)}.tt-score{display: flex;gap: var(--s-6);align-items: center;flex-wrap: wrap}.tt-big{display: flex;align-items: baseline;gap: var(--s-2)}.tt-big b{font-size: clamp(2.5rem, 2rem + 3vw, 3.75rem);line-height: 1;color: var(--c-accent);font-variant-numeric: tabular-nums}.tt-big span{font-weight: var(--weight-medium);color: var(--c-muted)}.tt-stats{display: flex;gap: var(--s-5);flex-wrap: wrap}.tt-stat{display: flex;flex-direction: column}.tt-stat b{font-size: var(--text-lg);font-variant-numeric: tabular-nums}.tt-best{margin: 0;font-weight: var(--weight-medium)}.tt-best.is-new{color: var(--c-good)}.tt-note{margin: 0;font-size: var(--text-xs)}.tt-figure{margin: 0}.tt-chart{display: block;inline-size: 100%;block-size: auto;max-block-size: 170px}.tt-chart .tt-grid{stroke: var(--c-line);stroke-width: 1}.tt-chart polyline{fill: none;stroke-width: 2.5;stroke-linejoin: round;stroke-linecap: round;vector-effect: non-scaling-stroke}.tt-line{stroke: var(--c-accent)}.tt-line-raw{stroke: var(--c-line-strong);stroke-dasharray: 4 4}.tt-legend{display: flex;gap: var(--s-4);font-size: var(--text-xs);color: var(--c-muted)}.tt-legend span::before{content: "";display: inline-block;inline-size: 14px;block-size: 3px;margin-inline-end: 6px;vertical-align: middle;background: var(--c-accent)}.tt-legend .tt-key-raw::before{background: var(--c-line-strong)}.tt-result-actions{display: flex;gap: var(--s-2);flex-wrap: wrap}.tp-steps{display: flex;flex-wrap: wrap;gap: var(--s-1);margin: 0;padding: 0;list-style: none}.tp-step{min-inline-size: 32px;block-size: 32px;padding-inline: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);color: var(--c-muted);font: inherit;font-size: var(--text-sm);font-variant-numeric: tabular-nums;cursor: pointer}.tp-step.is-done{background: var(--c-accent-soft);border-color: var(--c-accent);color: var(--c-accent)}.tp-step.is-current{background: var(--c-accent);border-color: var(--c-accent);color: var(--c-accent-ink)}.tp-title{margin: 0;font-size: var(--text-lg)}.tp-finger{margin: 0;min-block-size: 1.5em;font-size: var(--text-sm);color: var(--c-muted);text-align: center}.tp-board{container-type: inline-size;overflow-x: auto}.tp-kb{--u: max(24px, min(52px, calc(100cqw / 15.2)))}.tp-kb .kb-key{color: var(--c-text)}.tp-kb .f-lp{background: var(--finger-lp)}.tp-kb .f-lr{background: var(--finger-lr)}.tp-kb .f-lm{background: var(--finger-lm)}.tp-kb .f-li{background: var(--finger-li)}.tp-kb .f-ri{background: var(--finger-ri)}.tp-kb .f-rm{background: var(--finger-rm)}.tp-kb .f-rr{background: var(--finger-rr)}.tp-kb .f-rp{background: var(--finger-rp)}.tp-kb .f-th{background: var(--finger-th)}.tp-kb .kb-key.is-off{opacity: 0.45}.tp-kb .kb-key.is-empty{visibility: hidden}.tp-kb .kb-key.is-home b{text-decoration: underline;text-underline-offset: 3px}.tp-kb .kb-key.is-next{background: var(--c-accent);border-color: var(--c-accent);color: var(--c-accent-ink);opacity: 1;transform: translateY(-2px)}.tp-result{display: flex;flex-direction: column;gap: var(--s-3);padding: var(--s-4);border-radius: var(--radius-m);background: var(--c-surface)}.tp-verdict{margin: 0;font-weight: var(--weight-medium)}.tp-verdict.is-pass{color: var(--c-good)}@media (max-width: 640px){.tt-live{gap: var(--s-4)}.tt-score{gap: var(--s-4)}}.ai-status{flex-basis: 100%;margin: 0;font-size: var(--text-sm);font-variant-numeric: tabular-nums}.ocr-tool > .tool-options{margin-block-end: var(--s-3)}.ocr-text{display: block;inline-size: 100%;padding: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);font: inherit;font-size: var(--text-sm);line-height: 1.55;resize: vertical}.vt-bar{block-size: 4px;border-radius: 999px;background: var(--c-surface-2);overflow: hidden}.vt-bar i{display: block;block-size: 100%;background: var(--c-accent);transform-origin: left center;transform: scaleX(0)}[dir="rtl"] .vt-bar i{transform-origin: right center}.vg-preview{display: block;max-inline-size: 100%;block-size: auto;margin-inline: auto;border-radius: var(--radius-s);background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 16px 16px}.next-bar{margin-block-start: var(--s-4);padding: var(--s-3) var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);animation: af-fade-up var(--dur-med) var(--ease-out)}.next-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2)}.next-label{font-size: var(--text-sm);font-weight: var(--weight-bold);margin-inline-end: var(--s-1)}.next-links{display: contents}.next-chip{display: inline-flex;align-items: center;min-block-size: 32px;padding: var(--s-1) var(--s-3);border: var(--border);border-radius: 999px;background: var(--c-bg);font-size: var(--text-sm);cursor: pointer;transition: border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.next-chip:hover{border-color: var(--c-text)}.next-chip:active{transform: scale(0.97)}.next-row .btn{margin-inline-start: auto}.smallest{margin-block-start: var(--s-3);padding-block-start: var(--s-3);border-block-start: var(--border)}.smallest .spinner{margin-inline-end: var(--s-2)}.smallest-title{font-size: var(--text-sm);color: var(--c-muted);margin-block-end: var(--s-2)}.smallest-list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--s-2)}.smallest-list li{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3);padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);background: var(--c-surface);font-size: var(--text-sm);animation: af-fade-up var(--dur-med) var(--ease-out) both}.smallest-list li:nth-child(2){animation-delay: 60ms}.smallest-list li:nth-child(3){animation-delay: 120ms}.smallest-list li.is-best{background: color-mix(in srgb, var(--c-good) 10%, var(--c-bg));box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c-good) 35%, transparent)}.smallest-list .btn, .smallest-list .current-tag{margin-inline-start: auto}.best-tag{padding: 0 var(--s-2);border-radius: 999px;background: var(--c-good);color: #fff;font-size: var(--text-xs);font-weight: var(--weight-bold)}.cmp-dialog{inline-size: min(960px, calc(100vw - 2 * var(--s-4)));padding: 0;border: var(--border);border-radius: var(--radius-l);box-shadow: var(--shadow-pop);background: var(--c-bg);color: var(--c-text)}.cmp-dialog[open]{animation: af-pop-in var(--dur-med) var(--ease-out)}.cmp-dialog::backdrop{background: rgba(28, 27, 25, 0.45)}.cmp-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);padding: var(--s-3) var(--s-4);border-block-end: var(--border)}.cmp-title{font-size: var(--text-md);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cmp-stage{--pos: 50%;position: relative;display: grid;place-items: center;overflow: hidden;user-select: none;background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 20px 20px}.cmp-stage > img, .cmp-after{grid-area: 1 / 1}.cmp-stage > img{display: block;max-inline-size: 100%;max-block-size: 65vh;object-fit: contain}.cmp-after{inline-size: 100%;block-size: 100%;clip-path: inset(0 0 0 var(--pos))}.cmp-after img{display: block;inline-size: 100%;block-size: 100%;object-fit: contain}.cmp-handle{position: absolute;inset-block: 0;inset-inline-start: var(--pos);inline-size: 2px;margin-inline-start: -1px;background: var(--c-bg);box-shadow: 0 0 0 1px rgba(28, 27, 25, 0.25);pointer-events: none}.cmp-handle::after{content: "";position: absolute;inset-block-start: 50%;inset-inline-start: 50%;inline-size: 32px;block-size: 32px;margin: -16px 0 0 -16px;border-radius: 50%;background: var(--c-bg);box-shadow: var(--shadow-pop)}.cmp-range{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;margin: 0;opacity: 0;cursor: ew-resize}.cmp-stage:focus-within .cmp-handle{background: var(--c-focus)}.cmp-label{position: absolute;inset-block-start: var(--s-3);display: inline-flex;align-items: center;gap: var(--s-1);padding: var(--s-1) var(--s-2);border-radius: var(--radius-s);background: rgba(255, 255, 255, 0.92);font-size: var(--text-xs);pointer-events: none}.cmp-label--before{inset-inline-start: var(--s-3)}.cmp-label--after{inset-inline-end: var(--s-3)}.cmp-hint{padding: var(--s-2) var(--s-4);font-size: var(--text-xs);color: var(--c-muted);text-align: center}@media (hover: none){.dropzone-paste{display: none}}.has-files .dropzone-paste{display: none}.offline-bar{background: var(--c-text);color: var(--c-bg);font-size: var(--text-sm);padding-block: var(--s-2)}.offline-bar:not([hidden]){animation: af-fade-down var(--dur-slow) var(--ease-out)}.summary-actions{display: flex;flex-wrap: wrap;gap: var(--s-2)}.steps, .prose, .faq, .siblings, .related, .cat-block{margin-block-start: var(--s-7)}.steps h2, .prose h2, .faq h2, .siblings h2, .related h2, .cat-block h2{font-size: var(--text-xl);margin-block-end: var(--s-4)}.steps ol{list-style: none;counter-reset: step;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: var(--s-4);margin: 0;padding: 0}.steps li{counter-increment: step;display: flex;flex-direction: column;gap: var(--s-1);padding-block-start: var(--s-3);border-block-start: 2px solid var(--c-text)}.steps li::before{content: counter(step, decimal-leading-zero);font-family: var(--font-mono);font-size: var(--text-sm);color: var(--c-muted)}.steps span{color: var(--c-muted)}.prose{max-inline-size: var(--wrap-text)}.content-grid{display: grid;grid-template-columns: minmax(0, 1fr) 340px;gap: var(--s-7);align-items: start;margin-block-start: var(--s-7)}.content-main > :first-child, .content-aside > :first-child{margin-block-start: 0}.content-main .prose, .content-main .faq{max-inline-size: none}.content-aside{display: grid;gap: var(--s-6);padding: var(--s-4) var(--s-4) var(--s-5);border: var(--border);border-radius: var(--radius-l);background: var(--c-surface)}.content-aside .siblings, .content-aside .related{margin-block-start: 0}.content-aside h2{font-size: var(--text-lg);margin-block-end: var(--s-3)}.content-aside .cards{grid-template-columns: 1fr}.content-aside .cards a{background: var(--c-bg)}.content-grid--page{margin-block-start: var(--s-2)}.content-aside h2 a{text-decoration: none}.content-aside h2 a:hover{color: var(--c-accent)}.aside-links{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--s-1)}.aside-links a{display: block;padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);background: var(--c-bg);text-decoration: none;font-size: var(--text-sm);border: var(--border);transition: border-color var(--dur-fast) var(--ease-out)}.aside-links a:hover{border-color: var(--c-line-strong)}@media (max-width: 960px){.content-grid{grid-template-columns: 1fr;gap: var(--s-6)}}.hero + .prose, .hero + .chips, .hero + .tool-cards{margin-block-start: var(--s-2)}.tool-cards + .prose{margin-block-start: var(--s-7)}.prose h2{margin-block-start: var(--s-6)}.prose h2:first-child{margin-block-start: 0}.prose p + p{margin-block-start: var(--s-3)}.chain-options{display: grid;gap: var(--s-4);min-inline-size: 0}.chain-options > *, .chain-options .field{min-inline-size: 0}.chain-options select{max-inline-size: 100%}#wf-preset{inline-size: 100%;max-inline-size: 420px}.chain-options .field-inline{flex-wrap: wrap}#wf-name, .chain-field input[type=text]{inline-size: 160px;max-inline-size: 100%}.chain-steps{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--s-2);counter-reset: chain}.chain-step{counter-increment: chain;padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.chain-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2)}.chain-head strong::before{content: counter(chain) ". ";color: var(--c-muted);font-weight: var(--weight-normal)}.chain-actions{display: flex;gap: var(--s-1)}.chain-actions .btn{min-inline-size: 32px;justify-content: center}.chain-fields{display: flex;flex-wrap: wrap;align-items: flex-end;gap: var(--s-2) var(--s-4);margin-block-start: var(--s-2)}.chain-fields:empty{display: none}.chain-field{display: grid;gap: var(--s-1)}.chain-label{font-size: var(--text-xs);color: var(--c-muted)}.chain-field select, .chain-field input[type=text]{block-size: 40px}.chain-field input[type=color]{block-size: 40px;inline-size: 56px;padding: 2px}.chain-fields > .check{min-block-size: 40px}.chain-add{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-4)}.chain-add select{block-size: 40px}.guide-meta{display: flex;flex-wrap: wrap;gap: var(--s-1) var(--s-4);margin-block-start: var(--s-3);color: var(--c-muted);font-size: var(--text-sm)}.toc{padding: var(--s-4) var(--s-5);border: var(--border);border-radius: var(--radius-m)}.toc h2{font-size: var(--text-base);margin-block-end: var(--s-2)}.toc ol{margin: 0;padding-inline-start: var(--s-5);display: grid;gap: var(--s-1)}.toc a{text-decoration: none}.toc a:hover{text-decoration: underline}.toc + .guide-body{margin-block-start: var(--s-6)}.guide-body h2{scroll-margin-block-start: var(--s-6)}.guide-body ul{margin: var(--s-3) 0 0;padding-inline-start: var(--s-5);display: grid;gap: var(--s-2)}.guide-body p + ul, .guide-body ul + p{margin-block-start: var(--s-3)}.table-scroll{overflow-x: auto;margin-block-start: var(--s-4);border: var(--border);border-radius: var(--radius-m)}.table-scroll table{border-collapse: collapse;inline-size: 100%;font-size: var(--text-sm)}.table-scroll th, .table-scroll td{padding: var(--s-2) var(--s-3);text-align: start;vertical-align: top;border-block-end: var(--border)}.table-scroll thead th{background: var(--c-surface);font-weight: var(--weight-medium)}.table-scroll tbody tr:last-child > *{border-block-end: 0}.table-scroll tbody th{font-weight: var(--weight-medium)}.guide-tool{margin-block: var(--s-6)}.guide-tool-head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: var(--s-1) var(--s-4);margin-block-end: var(--s-3)}.guide-body .guide-tool-head h2{margin: 0;font-size: var(--text-lg)}.guide-tool-head a{font-size: var(--text-sm)}.guide-all{margin: 0;font-size: var(--text-sm)}.guide-group h2 a{text-decoration: none}.guide-group h2 a:hover{color: var(--c-accent)}.faq{max-inline-size: var(--wrap-text)}.faq details{border-block-end: var(--border)}.faq details:first-of-type{border-block-start: var(--border)}.faq summary{cursor: pointer;padding: var(--s-4) 0;font-weight: var(--weight-medium);list-style: none;display: flex;justify-content: space-between;gap: var(--s-3)}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "+";color: var(--c-muted);font-weight: var(--weight-normal);font-size: var(--text-lg);line-height: 1}.faq details[open] summary::after{content: "\2212"}.faq details p{padding-block-end: var(--s-4);color: var(--c-muted)}.updated{margin-block-start: var(--s-4);font-size: var(--text-xs);color: var(--c-muted)}.chips{display: flex;flex-wrap: wrap;gap: var(--s-2);list-style: none;margin: 0;padding: 0}.chips a{display: inline-block;padding: var(--s-1) var(--s-3);border: var(--border);border-radius: 999px;text-decoration: none;font-size: var(--text-sm);background: var(--c-bg)}.chips a:hover{border-color: var(--c-text)}.chips a[aria-current]{background: var(--c-text);border-color: var(--c-text);color: var(--c-bg)}.chips .chip-all{color: var(--c-accent);border-color: var(--c-accent)}.chips--small a{padding: var(--s-1) var(--s-2);font-size: var(--text-xs);min-block-size: 28px}.cards, .tool-cards{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));gap: var(--s-3)}.tool-cards{grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr))}.cards a{display: flex;flex-direction: column;gap: var(--s-1);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);text-decoration: none}.cards a:hover{border-color: var(--c-line-strong);background: var(--c-surface)}.cards span{color: var(--c-muted);font-size: var(--text-sm)}.tool-card{display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m)}.tool-card-title{font-weight: var(--weight-bold);font-size: var(--text-lg);text-decoration: none}.tool-card-title:hover{color: var(--c-accent)}.tool-card p{color: var(--c-muted);font-size: var(--text-sm)}.cat-block h2 a{text-decoration: none}.cat-block h2 a:hover{color: var(--c-accent)}.ad-slot{display: block;margin-block-start: var(--s-6);min-block-size: 100px}.ad-slot--after-tool{min-block-size: 100px}.ad-slot--in-content{min-block-size: 280px}.ad-slot--before-footer{max-inline-size: var(--wrap);margin-inline: auto;min-block-size: 100px}.site-footer{margin-block-start: var(--s-8);border-block-start: var(--border);background: var(--c-surface);padding-block: var(--s-6) var(--s-4);font-size: var(--text-sm)}.footer-grid{display: grid;grid-template-columns: 2fr repeat(3, 1fr);gap: var(--s-5)}.footer-grid h2{font-size: var(--text-sm);margin-block-end: var(--s-2)}.footer-grid ul{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--s-1)}.footer-grid a{text-decoration: none;color: var(--c-muted)}.footer-grid a:hover{color: var(--c-text)}.footer-brand p{margin-block-start: var(--s-2);color: var(--c-muted);max-inline-size: 320px}.footer-brand .footer-trust{color: var(--c-accent)}.footer-bottom{margin-block-start: var(--s-5);padding-block-start: var(--s-3);color: var(--c-muted);background: linear-gradient(var(--c-line), var(--c-line)) no-repeat center top / calc(100% - 2 * var(--s-4)) 1px}.error-page{padding-block: var(--s-8)}.error-page p{margin-block-start: var(--s-3)}.page-content .chips{margin-block-start: var(--s-4)}.page-content .content-main > .chips:first-child{margin-block-start: 0}@media (max-width: 760px){.search-open{min-inline-size: 0}.search-open span, .search-open kbd{display: none}.footer-grid{grid-template-columns: 1fr 1fr}.footer-brand{grid-column: 1 / -1}.hero--home{padding-block: var(--s-6) var(--s-5)}.file{grid-template-columns: 40px 1fr}.merge-item{grid-template-columns: auto 40px 1fr}.file-thumb{inline-size: 40px;block-size: 40px}.page-grid{grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))}.file-actions{grid-column: 1 / -1;justify-content: flex-end}.range input{inline-size: 110px}}@keyframes af-blink{50%{opacity: 0}}@keyframes af-pop-in{from{opacity: 0;transform: translateY(-6px) scale(0.98)}to{opacity: 1;transform: none}}@keyframes af-fade-up{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: none}}@keyframes af-fade-down{from{opacity: 0;transform: translateY(-4px)}to{opacity: 1;transform: none}}@keyframes af-fade-out{to{opacity: 0;transform: translateX(12px)}}@keyframes af-fade{from{opacity: 0}to{opacity: 1}}@keyframes af-pulse{0%, 100%{opacity: 0.55}50%{opacity: 1}}@keyframes af-bob{0%, 100%{transform: translateY(0)}50%{transform: translateY(-4px)}}@keyframes af-float{0%, 100%{transform: translateY(0)}50%{transform: translateY(-6px)}}@keyframes af-sweep{0%{transform: translateX(-120%);opacity: 0}20%{opacity: 1}80%{opacity: 1}100%{transform: translateX(320%);opacity: 0}}@keyframes af-hub{0%, 45%{transform: rotate(0)}70%, 100%{transform: rotate(180deg)}}@keyframes af-glow{0%, 100%{opacity: 0.35;transform: scale(0.96)}50%{opacity: 0.8;transform: scale(1.04)}}@keyframes af-ping{0%{opacity: 0.5;transform: scale(1)}100%{opacity: 0;transform: scale(1.6)}}@keyframes af-indeterminate{0%{transform: translateX(-100%)}100%{transform: translateX(250%)}}@keyframes af-fill{from{transform: scaleX(0)}to{transform: scaleX(1)}}@keyframes af-shake{0%, 100%{transform: translateX(0)}25%{transform: translateX(-4px)}75%{transform: translateX(4px)}}@keyframes af-flash{from{background-color: var(--c-accent-soft)}to{background-color: var(--c-bg)}}@keyframes af-draw{from{stroke-dashoffset: 24}to{stroke-dashoffset: 0}}@keyframes af-px-fade{0%, 60%{opacity: 1}100%{opacity: 0}}@keyframes af-blink{to{opacity: 0.25}}@keyframes af-roll{0%{transform: rotate(-12deg) scale(0.94)}50%{transform: rotate(10deg) scale(1.04)}100%{transform: rotate(0) scale(1)}}.site-header{transition: box-shadow var(--dur-med) var(--ease-out)}.scroll-sentinel{position: absolute;inset-block-start: 0;inline-size: 1px;block-size: 8px;pointer-events: none}.site-header.is-scrolled{box-shadow: 0 6px 20px rgba(28, 27, 25, 0.06)}.menu > summary{transition: background-color var(--dur-fast) var(--ease-out)}.menu > summary::after{transition: transform var(--dur-med) var(--ease-out)}.menu[open] > summary::after{transform: translateY(1px) rotate(225deg)}.menu[open] > .menu-panel{animation: af-pop-in var(--dur-med) var(--ease-out);transform-origin: top}.menu-panel a, .search-results a{transition: background-color var(--dur-fast) var(--ease-out)}.logo span{display: inline-block;transition: transform var(--dur-med) var(--ease-spring)}.logo:hover span{transform: translateY(-2px)}.search-open, .search-hero{transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-med) var(--ease-out)}.search-hero:hover{box-shadow: 0 6px 18px rgba(28, 27, 25, 0.07)}.search-dialog[open]{animation: af-pop-in var(--dur-med) var(--ease-out)}.search-dialog[open]::backdrop{animation: af-fade var(--dur-med) var(--ease-out)}.lang-banner:not([hidden]){animation: af-fade-down var(--dur-slow) var(--ease-out)}.btn{transition: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.btn:active:not(:disabled){transform: scale(0.97)}.btn.is-busy{pointer-events: none}.btn.is-busy::before{content: "";inline-size: 14px;block-size: 14px;border: 2px solid currentColor;border-inline-end-color: transparent;border-radius: 50%;animation: spin .7s linear infinite}.chips a, .cards a, .tool-card{transition: border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out)}.cards a:hover, .tool-card:hover{transform: translateY(-2px);box-shadow: 0 8px 22px rgba(28, 27, 25, 0.06)}.faq summary::after{transition: transform var(--dur-med) var(--ease-out)}.faq details[open] summary::after{transform: rotate(180deg)}.faq details[open] > p{animation: af-fade-down var(--dur-med) var(--ease-out)}.fx-convert{display: flex;align-items: center;gap: var(--s-3);padding: var(--s-4)}.fx-file{position: relative;display: grid;animation: af-float 6s var(--ease-in-out) infinite}.fx-file--to{animation-delay: -3s}.fx-layer{grid-area: 1 / 1;position: relative}.fx-sheet{position: relative;display: grid;place-items: end start;inline-size: 92px;block-size: 112px;padding: var(--s-3);border-radius: var(--radius-m);clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);background: color-mix(in srgb, var(--fmt, var(--c-muted)) 12%, var(--c-bg));color: var(--fmt, var(--c-text))}.fx-sheet::after{content: "";position: absolute;inset-block-start: 0;inset-inline-end: 0;inline-size: 22px;block-size: 22px;background: linear-gradient(225deg, transparent 50%, rgba(28, 27, 25, 0.14) 50%)}.fx-sheet b{font-family: var(--font-mono);font-size: var(--text-lg);letter-spacing: 0.02em}.fx-file--to .fx-sheet{background: var(--fmt, var(--c-accent));color: #fff}.fx-same .fx-file--to .fx-layer{scale: 0.72;transform-origin: center bottom}.fx-glow{position: absolute;inset: 6px;border-radius: var(--radius-l);background: var(--fmt, var(--c-accent));filter: blur(18px);opacity: 0.35;animation: af-glow 3s var(--ease-in-out) infinite}.fx-track{position: relative;display: grid;place-items: center;inline-size: 96px;block-size: 36px}.fx-track::before{content: "";position: absolute;inset-inline: 0;block-size: 2px;background: repeating-linear-gradient(90deg, var(--c-line-strong) 0 6px, transparent 6px 12px)}.fx-sweep{position: absolute;inset-inline-start: 0;inline-size: 36%;block-size: 2px;background: linear-gradient(90deg, transparent, var(--c-accent), transparent);animation: af-sweep 2.4s var(--ease-in-out) infinite}.fx-hub{position: relative;display: grid;place-items: center;inline-size: 36px;block-size: 36px;border-radius: 50%;background: var(--c-bg);border: var(--border);color: var(--c-accent);box-shadow: 0 2px 8px rgba(28, 27, 25, 0.06)}.fx-hub svg{animation: af-hub 3s var(--ease-in-out) infinite}@keyframes af-cycle{0%{opacity: 0;transform: translateY(8px)}4%, 29%{opacity: 1;transform: none}33%, 100%{opacity: 0;transform: translateY(-8px)}}@keyframes af-cycle-2{0%{opacity: 0;transform: translateY(8px)}7%, 57%{opacity: 1;transform: none}64%, 100%{opacity: 0;transform: translateY(-8px)}}@keyframes af-cycle-3{0%{opacity: 0;transform: translateY(8px)}5%, 38.3%{opacity: 1;transform: none}43.3%, 100%{opacity: 0;transform: translateY(-8px)}}.fx-cycle .fx-layer{opacity: 0;animation: af-cycle 12s var(--ease-out) infinite}.fx-cycle .fx-layer:first-child{opacity: 1}.fx-cycle .fx-layer:nth-child(2){animation-delay: 3s}.fx-cycle .fx-layer:nth-child(3){animation-delay: 6s}.fx-cycle .fx-layer:nth-child(4){animation-delay: 9s}.fx-cycle-2 .fx-layer{animation-name: af-cycle-2;animation-duration: 6s}.fx-cycle-3 .fx-layer{animation-name: af-cycle-3;animation-duration: 9s}.fmt-png{--fmt: var(--fmt-png)}.fmt-jpg{--fmt: var(--fmt-jpg)}.fmt-webp{--fmt: var(--fmt-webp)}.fmt-gif{--fmt: var(--fmt-gif)}.fmt-bmp{--fmt: var(--fmt-bmp)}.fmt-avif{--fmt: var(--fmt-avif)}.fmt-svg{--fmt: var(--fmt-svg)}.fmt-ico{--fmt: var(--fmt-ico)}.fmt-pdf{--fmt: var(--fmt-pdf)}.fmt-docx{--fmt: var(--fmt-docx)}.fmt-xlsx{--fmt: var(--fmt-xlsx)}.fmt-csv{--fmt: var(--fmt-csv)}.fmt-json{--fmt: var(--fmt-json)}.fmt-html{--fmt: var(--fmt-html)}.fmt-xml{--fmt: var(--fmt-xml)}.fmt-txt{--fmt: var(--fmt-txt)}.fmt-md{--fmt: var(--fmt-md)}.fmt-sql{--fmt: var(--fmt-sql)}.fmt-zip{--fmt: var(--fmt-zip)}.fmt-base64{--fmt: var(--fmt-base64)}.fmt-url{--fmt: var(--fmt-url)}.fmt-qr{--fmt: var(--fmt-qr)}.fmt-wifi{--fmt: var(--fmt-wifi)}.fmt-vcard{--fmt: var(--fmt-vcard)}.fmt-ean13{--fmt: var(--fmt-ean13)}.fmt-code128{--fmt: var(--fmt-code128)}.fmt-upca{--fmt: var(--fmt-upca)}.fmt-code39{--fmt: var(--fmt-code39)}.fmt-css{--fmt: var(--fmt-css)}.fmt-js{--fmt: var(--fmt-js)}.fmt-heic{--fmt: var(--fmt-heic)}.fmt-mp4{--fmt: var(--fmt-mp4)}.fmt-mov{--fmt: var(--fmt-mov)}.fmt-webm{--fmt: var(--fmt-webm)}.fmt-mkv{--fmt: var(--fmt-mkv)}.fmt-mp3{--fmt: var(--fmt-mp3)}.fmt-wav{--fmt: var(--fmt-wav)}.fmt-m4a{--fmt: var(--fmt-m4a)}.fmt-ogg{--fmt: var(--fmt-ogg)}.fmt-flac{--fmt: var(--fmt-flac)}.fmt-badge{display: inline-flex;align-items: center;padding: 0 6px;border-radius: 4px;font-family: var(--font-mono);font-size: var(--text-xs);font-weight: var(--weight-bold);line-height: 1.6;letter-spacing: 0.02em;color: color-mix(in srgb, var(--fmt, var(--c-muted)) 82%, #000);background: color-mix(in srgb, var(--fmt, var(--c-muted)) 12%, var(--c-bg))}.fmt-badge--solid{color: #fff;background: var(--fmt, var(--c-muted))}.fmt-pair{display: inline-flex;align-items: center;gap: 2px;margin-inline-end: var(--s-2);vertical-align: 1px}.fmt-dot{display: inline-block;inline-size: 8px;block-size: 8px;border-radius: 2px;background: var(--fmt, var(--c-muted))}.fmt-pair .fmt-dot:last-child{border-radius: 50%}.tool-skeleton{display: grid;gap: var(--s-4)}.sk{display: block;border-radius: var(--radius-s);background: var(--c-surface-2);animation: af-pulse 1.6s var(--ease-in-out) infinite}.sk-row{display: flex;gap: var(--s-4)}.sk-field{inline-size: 120px;block-size: 40px}.sk-drop{block-size: 220px;border-radius: var(--radius-m)}.dropzone{transition: border-color var(--dur-med) var(--ease-out), background-color var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-spring)}.dropzone-badge{position: relative;display: grid;place-items: center;inline-size: 64px;block-size: 64px;border-radius: 50%;background: var(--c-accent-soft)}.dropzone-badge::after{content: "";position: absolute;inset: 0;border-radius: 50%;border: 2px solid var(--c-accent);opacity: 0}.dz-arrow{animation: af-bob 2.4s var(--ease-in-out) infinite}.dropzone:hover .dropzone-badge::after, .is-dragging .dropzone-badge::after{animation: af-ping 1.2s var(--ease-out) infinite}.is-dragging .dropzone{transform: scale(1.01)}.is-dragging .dz-arrow{animation-duration: .8s}.has-files .dropzone-badge{display: none}.dropzone.has-fmt .dropzone-badge{background: color-mix(in srgb, var(--fmt) 12%, var(--c-bg))}.dropzone.has-fmt .dropzone-icon, .dropzone.has-fmt .dropzone-badge::after{color: var(--fmt);border-color: var(--fmt)}.field > label .fmt-badge{margin-inline-start: var(--s-1)}.file{position: relative;overflow: hidden;animation: af-fade-up var(--dur-med) var(--ease-out) both;animation-delay: calc(min(var(--i, 0), 8) * 40ms)}.file.is-leaving{animation: af-fade-out var(--dur-med) var(--ease-out) forwards}.file[data-status="done"]{animation: af-flash 0.9s var(--ease-out)}.file[data-status="error"]{animation: af-shake 0.3s var(--ease-out)}.file-progress{position: absolute;inset-inline: 0;inset-block-end: 0;block-size: 2px;overflow: hidden;pointer-events: none}.file-progress i{display: block;block-size: 100%;inline-size: 40%;background: var(--c-accent);opacity: 0;transform-origin: left}[dir="rtl"] .file-progress{transform: scaleX(-1)}.file[data-status="working"] .file-progress i{opacity: 1;animation: af-indeterminate 1.1s var(--ease-in-out) infinite}.file[data-status="working"] .file-progress.is-known i{inline-size: 100%;animation: none;transform: scaleX(0)}.file[data-status="done"] .file-progress i{inline-size: 100%;opacity: 0;animation: af-fill .35s var(--ease-out), af-fade .6s .35s reverse both}.done-check{display: inline-block;vertical-align: -3px;margin-inline-end: var(--s-1);color: var(--c-good)}.done-check path{stroke-dasharray: 24;animation: af-draw .4s var(--ease-out) both}.file-thumb{transition: opacity var(--dur-med) var(--ease-out)}@media (max-width: 760px){.hero--tool, .hero--home{grid-template-columns: 1fr}.fx-convert{display: none}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 1ms !important;animation-iteration-count: 1 !important;transition-duration: 1ms !important}.spinner, .btn.is-busy::before{animation-duration: 1.5s !important;animation-iteration-count: infinite !important}.fx-cycle .fx-layer{animation: none !important}}.content-page{margin-block-start: var(--s-2)}.content-page .prose{max-inline-size: var(--wrap-text)}.content-cats{max-inline-size: var(--wrap-text)}