: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-spark: #f2b84b;--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-yaml: #a21caf;--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{display: inline-flex;align-items: center;gap: 8px;font-size: 1.25rem;font-weight: var(--weight-bold);letter-spacing: -0.02em;text-decoration: none;color: var(--c-text)}.logo-mark{flex: none;display: block}.lm-bg{fill: var(--c-accent)}.lm-a{fill: none;stroke: var(--c-accent-ink);stroke-width: 2.8;stroke-linecap: round}.lm-spark{fill: var(--c-spark)}.site-footer .logo{color: var(--c-text)}@media (max-width: 360px){.logo-word{display: none}}.cat-icon{flex: none;display: inline-block;color: var(--c-accent);margin-inline-end: 0.45em}.mega-cat{display: flex !important;align-items: center}.cat-block h2 a{display: inline-flex;align-items: center}.cat-icon-hero{display: block;inline-size: 44px;block-size: 44px;padding: 8px;margin-block-end: var(--s-3);border-radius: var(--radius-m, 12px);background: var(--c-accent-soft)}.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{position: fixed;inset-block-end: var(--s-3);inset-inline: var(--s-3);z-index: 40;max-inline-size: 520px;margin-inline: auto;background: var(--c-accent-soft);border: 1px solid var(--c-line);border-radius: var(--radius-m);box-shadow: var(--shadow-pop);font-size: var(--text-sm)}.lang-banner-row{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);min-block-size: 44px;padding-inline: var(--s-4) var(--s-2)}.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-tool > .dev-status{min-block-size: calc(var(--text-md) * var(--leading) + 2 * var(--s-2))}.rx-tool > .dev-status:empty{display: block;visibility: hidden}.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)}.lm-spark{transition: transform var(--dur-med) var(--ease-spring)}.logo:hover .lm-spark{transform: translate(1px, -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-up 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-yaml{--fmt: var(--fmt-yaml)}.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)}.clip-audio{inline-size: 100%}.ac-track{block-size: 96px;border-radius: var(--radius-s);--ac-wave-on: var(--c-accent);--ac-wave-off: var(--c-line-strong)}.ac-track .clip-fill{border-radius: var(--radius-s)}.ac-wave{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;cursor: pointer}.ac-track .clip-range{z-index: 1}.ac-track .clip-range::-webkit-slider-thumb{inline-size: 12px;block-size: 96px}.ac-track .clip-range::-moz-range-thumb{inline-size: 12px;block-size: 96px}.ac-head{position: absolute;inset-block: 0;inline-size: 2px;margin-inline-start: -1px;background: var(--c-text);pointer-events: none}.ac-hint, .ac-next{font-size: var(--text-sm)}.ac-tool .tool-options{margin: 0}.vr-stage{position: relative;overflow: hidden;aspect-ratio: var(--vr-ar, 1.7778);inline-size: min(100%, calc(52vh * var(--vr-ar, 1.7778)));margin-inline: auto;border-radius: var(--radius-s);background: #111}.vr-video{position: absolute;left: 50%;top: 50%;inline-size: var(--vr-w, 100%);block-size: var(--vr-h, 100%);object-fit: fill;transform: translate(-50%, -50%) var(--vr-t, rotate(0deg));transition: transform var(--dur-med) var(--ease-out)}.vr-dims, .vr-note{font-size: var(--text-sm);text-align: center}.vr-note{text-align: start}.vr-turn-label{display: block;min-block-size: 20px}.vr-turn .btn{min-block-size: 40px;min-inline-size: 40px;padding-inline: var(--s-2)}.vr-tool .tool-options{margin: 0}.wm-group, .sp-group{display: contents}.wm-group[hidden], .sp-group[hidden]{display: none}.wm-text{inline-size: 240px}.wm-file{max-inline-size: 260px;font-size: var(--text-sm);min-block-size: 40px}.wm-pos{display: grid;grid-template-columns: repeat(3, 24px);gap: 3px;padding: 4px;border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);inline-size: max-content}.wm-pos-cell{position: relative;display: grid;place-items: center;inline-size: 24px;block-size: 24px;cursor: pointer}.wm-pos-cell input{position: absolute;inset: 0;opacity: 0;margin: 0;cursor: pointer}.wm-pos-cell i{inline-size: 12px;block-size: 12px;border-radius: 3px;background: var(--c-line-strong)}.wm-pos-cell input:checked + i{background: var(--c-accent)}.wm-pos-cell input:focus-visible + i{outline: 2px solid var(--c-focus);outline-offset: 2px}.wm-pos.is-off{opacity: 0.4}.wm-pos.is-off .wm-pos-cell{cursor: default}.wm-preview, .sp-preview{flex: 1 0 100%;display: flex;flex-direction: column;gap: var(--s-2)}.wm-preview[hidden], .sp-preview[hidden]{display: none}.wm-preview-title, .sp-preview-title{margin: 0;font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--c-muted)}.wm-stage, .sp-stage{display: flex;justify-content: center;padding: var(--s-2);border-radius: var(--radius-m);background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 16px 16px;line-height: 0}.wm-canvas, .sp-canvas{display: block;max-inline-size: 100%;max-block-size: 52vh;inline-size: auto;block-size: auto;border-radius: 2px}.wm-note, .sp-note{margin: 0;font-size: var(--text-sm)}.sp-quick-label{display: block;min-block-size: 20px;line-height: 20px;font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--c-muted)}.sp-quick{flex-wrap: wrap;min-block-size: 40px;align-items: center}.sp-options .input-unit input{inline-size: 72px}.cd-tool{display: flex;flex-direction: column;gap: var(--s-4)}.cd-tool .clock-stage{margin-block-end: 0}.cd-title{margin: 0;max-inline-size: 100%;font-size: var(--text-xl);font-weight: var(--weight-bold);text-align: center;overflow-wrap: anywhere}.cd-units{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--s-2);inline-size: min(640px, 100%)}.cd-unit{display: flex;flex-direction: column;align-items: center;gap: var(--s-1);padding: var(--s-3) var(--s-1);border: var(--border);border-radius: var(--radius-m);background: var(--c-surface)}.cd-unit b{font-size: clamp(1.75rem, 8vw, 3.5rem);font-weight: var(--weight-bold);line-height: 1;font-variant-numeric: tabular-nums}.cd-unit span{font-size: var(--text-xs);color: var(--c-muted)}.cd-notes{display: flex;flex-direction: column;align-items: center;gap: var(--s-1)}.cd-note, .cd-local{text-align: center}.cd-local:empty{display: none}.cd-stage.is-done .cd-unit b, .cd-stage.is-done .cd-note{color: var(--c-good)}.cd-stage.is-done .cd-note{font-size: var(--text-md);font-weight: var(--weight-bold)}.cd-stage:fullscreen .cd-units{inline-size: min(1200px, 94vw)}.cd-stage:fullscreen .cd-unit b{font-size: min(11vw, 22vh)}.cd-stage:fullscreen .cd-title{font-size: min(6vw, 9vh)}.cd-name .text-input{inline-size: 260px;max-inline-size: 100%}.cd-zone{max-inline-size: 100%}.cd-zone-name{display: block;margin-block-start: var(--s-1);font-size: var(--text-xs);color: var(--c-muted)}.cd-sound{display: flex;flex-wrap: wrap;align-items: flex-end;gap: var(--s-3) var(--s-5)}.cd-sound > .check{min-block-size: 40px}.cd-tool input[type="range"]{inline-size: 110px;accent-color: var(--c-accent)}.cd-tally{margin: 0}.uc-ftin{margin-block-start: calc(var(--s-1) - var(--s-4));color: var(--c-text);font-weight: var(--weight-medium)}@media (max-width: 640px){.cd-name, .cd-name .text-input, .cd-zone .tz-input{inline-size: 100%;min-inline-size: 0}.cd-unit{padding-inline: 0}}.pp-options .text-input, .pu-options .text-input{inline-size: 220px;min-inline-size: 0}.pp-checks{display: flex;flex-wrap: wrap;align-items: center;gap: 0 var(--s-4);min-block-size: 40px}.pp-options .field-hint, .pu-options .field-hint{display: block;max-inline-size: 300px}.pp-mismatch{color: var(--c-bad)}.pu-field .field-hint{max-inline-size: 460px}@media (max-width: 640px){.pp-options > .field, .pu-options > .field{inline-size: 100%}.pp-options .field-inline .text-input, .pu-options .field-inline .text-input{inline-size: auto;flex: 1 1 0}.pp-options > .field > .text-input{inline-size: 100%}.pu-options .field-inline{flex-wrap: wrap}}.vz-editor{display: flex;flex-direction: column;gap: var(--s-3)}.vz-bar{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2);flex-wrap: wrap}.vz-range input[type="range"]{inline-size: 150px;block-size: 40px;margin: 0;accent-color: var(--c-accent)}.vz-val{font-variant-numeric: tabular-nums;color: var(--c-muted)}.vz-zoom{display: flex;align-items: center;gap: var(--s-2);flex-wrap: wrap;font-size: var(--text-sm)}.vz-zoom-val{min-inline-size: 5ch;text-align: center;font-variant-numeric: tabular-nums}.vz-stage{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--s-3)}.vz-pane{position: relative;display: flex;flex-direction: column;min-inline-size: 0;margin: 0;border: var(--border);border-radius: var(--radius-m);overflow: hidden;background: var(--c-surface)}.vz-cap{padding: var(--s-1) var(--s-3);border-block-end: var(--border);font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--c-muted)}.vz-scroll{display: grid;block-size: 440px;overflow: auto;overscroll-behavior: contain;background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 16px 16px}.vz-canvas{inline-size: var(--w, 100%);block-size: var(--h, auto);margin: auto}.vz-img{display: block;inline-size: 100%;block-size: 100%}.vz-src.is-pixel{image-rendering: pixelated}.vz-stage.is-zoomed .vz-scroll{cursor: grab}.vz-stage.is-zoomed .vz-scroll.is-dragging{cursor: grabbing}.vz-busy{position: absolute;inset-block-end: var(--s-2);inset-inline-end: var(--s-2);display: flex;align-items: center;gap: var(--s-1);padding: var(--s-1) var(--s-2);border: var(--border);border-radius: var(--radius-s);background: var(--c-bg);font-size: var(--text-xs)}.vz-actions{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);flex-wrap: wrap}.vz-info{margin: 0;font-variant-numeric: tabular-nums}.vz-note{margin: 0;padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);background: var(--c-surface);color: var(--c-warn);font-size: var(--text-sm)}@media (max-width: 640px){.vz-stage{grid-template-columns: minmax(0, 1fr)}.vz-scroll{block-size: 260px}.vz-range{inline-size: 100%}.vz-range input[type="range"]{inline-size: 100%}.vz-options > .check{margin-block-start: 0}}.gm-num{inline-size: 96px;block-size: 40px;padding-inline: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);font: inherit;font-variant-numeric: tabular-nums}.gm-width{display: inline-flex;align-items: center;gap: var(--s-1)}.gm-width[hidden]{display: none}.gm-options .check.is-disabled{opacity: 0.55;cursor: not-allowed}.gm-note{flex-basis: 100%;margin: 0;color: var(--c-warn);font-size: var(--text-sm)}.gm-frame-ms{display: none;align-items: center;gap: var(--s-1);margin-block-start: var(--s-1);font-size: var(--text-sm)}.gm-per-frame .gm-frame-ms{display: inline-flex}.gm-frame-ms .gm-num{inline-size: 84px;block-size: 32px}.gm-preview{display: flex;flex-direction: column;gap: var(--s-2);margin-block: var(--s-3);padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-surface)}.gm-pv-head, .gm-pv-bar{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2);flex-wrap: wrap;font-size: var(--text-sm)}.gm-pv-info, .gm-pv-frame{font-variant-numeric: tabular-nums}.gm-stage{display: grid;place-items: center;min-block-size: 120px;line-height: 0}.gm-canvas{display: block;max-inline-size: min(100%, 480px);block-size: auto;border-radius: var(--radius-s);border: 1px solid var(--c-line)}.gm-canvas.is-transparent{background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 16px 16px}.pe-sample{margin-block-start: var(--s-2)}.pe-workspace{display: flex;flex-direction: column;gap: var(--s-3)}.pe-toolbar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2)}.pe-adds, .pe-hist, .pe-nav{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-1)}.pe-add{gap: var(--s-2)}.pe-ico{position: relative;display: inline-block;inline-size: 14px;block-size: 14px;flex: none}.pe-ico-text::before{content: "T";position: absolute;inset: -3px 0 0;font: 700 15px/1 Georgia, "Times New Roman", serif;text-align: center}.pe-ico-image{border: 1.5px solid currentColor;border-radius: 2px;background: linear-gradient(135deg, transparent 55%, currentColor 55% 70%, transparent 70%)}.pe-ico-rect{border: 1.5px solid currentColor;border-radius: 2px}.pe-ico-highlight{block-size: 8px;border-radius: 2px;background: var(--c-mark-1);box-shadow: 0 0 0 1px var(--c-warn-strong)}.pe-ico-line::before{content: "";position: absolute;inset-inline-start: -2px;inset-block-start: 6px;inline-size: 18px;block-size: 2px;border-radius: 1px;background: currentColor;transform: rotate(-35deg)}.pe-ico-whiteout{border: 1.5px dashed currentColor;border-radius: 2px;background: #fff}.pe-pageinfo{min-inline-size: 64px;text-align: center;font-size: var(--text-sm);font-variant-numeric: tabular-nums}.pe-props{padding: var(--s-2) var(--s-3);border: 1px solid var(--c-line);border-radius: var(--radius-m);background: var(--c-surface)}.pe-props-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2);margin-block-end: var(--s-2);font-size: var(--text-sm)}.pe-props-body{display: flex;flex-wrap: wrap;align-items: flex-end;gap: var(--s-3)}.pe-prop{display: flex;flex-direction: column;gap: var(--s-1);font-size: var(--text-sm)}.pe-prop-wide{flex-basis: 100%}.pe-prop-end{justify-content: flex-end}.pe-prop-label{color: var(--c-muted);font-size: var(--text-xs)}.pe-prop select, .pe-num{block-size: 34px;padding-inline: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);color: var(--c-text);font: inherit}.pe-num{inline-size: 5.5em}.pe-textin{inline-size: 100%;padding: var(--s-2) var(--s-3);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);color: var(--c-text);font: inherit;resize: vertical}.pe-bold{font-weight: var(--weight-bold)}.pe-bold[aria-pressed="true"]{border-color: var(--c-accent);background: var(--c-accent-soft);color: var(--c-accent)}.pe-colors{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2);min-block-size: 34px}.pe-color{inline-size: 26px;block-size: 26px;padding: 0;border: 2px solid var(--c-bg);border-radius: 50%;background: var(--ink);box-shadow: 0 0 0 1px var(--c-line-strong);cursor: pointer}.pe-color.is-none{background: linear-gradient(135deg, transparent 45%, var(--c-bad) 45% 55%, transparent 55%), var(--c-bg)}.pe-color[aria-checked="true"]{box-shadow: 0 0 0 2px var(--c-accent)}.pe-color-custom{inline-size: 34px;block-size: 28px;padding: 0;border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);cursor: pointer}.pe-note{margin: 0;font-size: var(--text-xs);color: var(--c-warn)}.pe-formnote{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-1) var(--s-4);margin: 0;padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);background: var(--c-accent-soft);font-size: var(--text-sm)}.pe-formnote p{margin: 0}.pe-formhint{flex-basis: 100%;font-size: var(--text-xs);color: var(--c-muted)}.pe-noform{background: var(--c-surface)}.pe-main{display: grid;grid-template-columns: 104px minmax(0, 1fr);gap: var(--s-3);align-items: start}.pe-thumbs{position: relative;display: flex;flex-direction: column;gap: var(--s-2);max-block-size: min(78vh, 900px);overflow: auto;padding: var(--s-1)}.pe-thumb{position: relative;display: flex;flex-direction: column;align-items: center;gap: 2px;flex: none;padding: 4px;border: 2px solid transparent;border-radius: var(--radius-s);background: none;color: var(--c-muted);font-size: var(--text-xs);cursor: pointer}.pe-thumb canvas{display: block;inline-size: 100%;block-size: auto;background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)}.pe-thumb:hover{background: var(--c-surface)}.pe-thumb[aria-current="page"]{border-color: var(--c-accent);color: var(--c-accent)}.pe-thumb.has-items::after{content: "";position: absolute;inset-block-start: 8px;inset-inline-end: 8px;inline-size: 8px;block-size: 8px;border-radius: 50%;background: var(--c-accent)}.pe-scroll{overflow: auto;padding: var(--s-3);border-radius: var(--radius-m);background: var(--c-surface-2)}.pe-page{position: relative;margin-inline: auto;background: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18)}.pe-canvas{display: block;inline-size: 100%;block-size: 100%}.pe-forms, .pe-layer{position: absolute;inset: 0}.pe-layer{pointer-events: none}.pe-field{position: absolute;box-sizing: border-box;margin: 0;padding: 0 2px;border: 1px solid rgba(26, 95, 208, 0.45);border-radius: 0;background: rgba(219, 234, 254, 0.6);color: #000;font-family: Arial, Helvetica, sans-serif;line-height: 1.15}.pe-field:focus{outline: 2px solid var(--c-focus);outline-offset: 0;background: rgba(219, 234, 254, 0.85)}.pe-field:disabled{background: rgba(229, 231, 235, 0.6)}textarea.pe-field{resize: none;padding-block: 1px}.pe-field-check{padding: 0;border: 0;background: none;accent-color: var(--c-accent);cursor: pointer}.pe-item{position: absolute;pointer-events: auto;cursor: move;touch-action: none;user-select: none;outline: 1px dashed transparent;outline-offset: 2px}.pe-item:hover, .pe-item.is-selected, .pe-item:focus-visible{outline-color: var(--c-accent)}.pe-item > canvas, .pe-item > img{display: block;inline-size: 100%;block-size: 100%;pointer-events: none}.pe-rect{box-sizing: border-box;border: var(--pe-sw) solid var(--pe-stroke);background: var(--pe-fill)}.pe-highlight::before, .pe-whiteout::before{content: "";position: absolute;inset: 0;background: var(--pe-fill)}.pe-highlight::before{opacity: 0.4;mix-blend-mode: multiply}.pe-whiteout:not(.is-selected):not(:hover){outline-color: rgba(0, 0, 0, 0.25)}.pe-line{pointer-events: none;outline: 0}.pe-line svg{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;overflow: visible}.pe-line line{pointer-events: stroke}.pe-line.is-selected line:not(.pe-hit), .pe-line:focus-visible line:not(.pe-hit){filter: drop-shadow(0 0 2px var(--c-accent))}.pe-del, .pe-resize, .pe-end{position: absolute;display: none;pointer-events: auto}.pe-item.is-selected .pe-del, .pe-item.is-selected .pe-resize, .pe-item.is-selected .pe-end, .pe-item:hover .pe-del, .pe-item:hover .pe-resize{display: grid}.pe-del{inset-block-start: -14px;inset-inline-end: -14px;place-items: center;inline-size: 24px;block-size: 24px;padding: 0;border: 0;border-radius: 50%;background: var(--c-text);color: var(--c-bg);font-size: 16px;line-height: 1;cursor: pointer}.pe-line .pe-del{inset-block-start: -6px;inset-inline-end: -6px}.pe-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"] .pe-resize{cursor: nesw-resize}.pe-end{inline-size: 14px;block-size: 14px;border: 2px solid var(--c-accent);border-radius: 50%;background: var(--c-bg);transform: translate(-50%, -50%);cursor: crosshair}.pe-hint{margin: 0;font-size: var(--text-xs);color: var(--c-muted)}.pe-status{font-size: var(--text-sm);color: var(--c-muted)}@media (pointer: coarse){.pe-item.is-selected .pe-resize{inline-size: 22px;block-size: 22px;inset-block-end: -11px;inset-inline-end: -11px}.pe-end{inline-size: 22px;block-size: 22px}}@media (max-width: 720px){.pe-main{grid-template-columns: minmax(0, 1fr)}.pe-thumbs{flex-direction: row;max-block-size: none;overflow-x: auto;overflow-y: hidden}.pe-thumb{inline-size: 64px}.pe-scroll{padding: var(--s-2)}.pe-toolbar{justify-content: flex-start}}.pc-slots{display: grid;grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);align-items: center;gap: var(--s-2)}.pc-slot{min-block-size: 180px;padding: var(--s-4) var(--s-3);gap: var(--s-1)}.pc-slot.is-loaded{border-style: solid;border-color: var(--c-line-strong);background: var(--c-surface)}.pc-slot.is-over{border-color: var(--c-accent);background: var(--c-accent-soft)}.pc-slot-label{margin: 0;font-size: var(--text-lg);font-weight: var(--weight-bold)}.pc-slot-hint, .pc-slot-info{margin: 0;font-size: var(--text-sm);color: var(--c-muted)}.pc-slot.is-loaded .pc-slot-hint{display: none}.pc-slot-file{margin: 0;max-inline-size: 100%;font-weight: var(--weight-medium);overflow-wrap: anywhere}.pc-slot-file[hidden]{display: none}.pc-slot.is-busy .pc-slot-info{color: var(--c-accent)}.pc-swap{padding-inline: var(--s-2)}.pdf-compare .dropzone-sample-row{text-align: center}.pdf-compare > .status-box{margin-block: var(--s-3) 0}.pdf-compare > .status-box a{color: inherit;font-weight: var(--weight-bold)}.pc-options{margin-block-start: var(--s-3)}.pc-checks{display: flex;flex-wrap: wrap;align-items: center;align-self: flex-end;gap: 0 var(--s-4);min-block-size: 40px}.pc-checks .check{min-block-size: 40px}.pc-summary{margin-block-start: var(--s-3)}.pc-summary .status-box{margin-block-end: var(--s-2)}.pc-nav{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2);margin-block-end: var(--s-2)}.pc-nav[hidden]{display: none}.pc-nav-move{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2)}.pc-counter{min-inline-size: 9em;text-align: center;font-size: var(--text-sm);font-variant-numeric: tabular-nums}.pc-result{border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);overflow: auto;max-block-size: 640px;font-size: var(--text-sm);line-height: 1.6}.pc-result[hidden]{display: none}.pc-result.is-visual{max-block-size: none;overflow: visible;border: 0;background: none}.pc-row{display: grid;grid-template-columns: minmax(0, 1fr);border-block-end: 1px solid var(--c-line)}.pc-rows.is-split .pc-row{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}.pc-rows.is-split .pc-cell + .pc-cell{border-inline-start: var(--border)}.pc-row.is-changed{background: color-mix(in srgb, var(--c-warn) 6%, transparent)}.pc-cell{display: grid;grid-template-columns: 3.6em minmax(0, 1fr);align-items: baseline;padding: var(--s-1) var(--s-2) var(--s-1) 0}.pc-head{position: sticky;inset-block-start: 0;z-index: 1;background: var(--c-surface);font-weight: var(--weight-bold)}.pc-head .pc-cell{display: block;padding-inline-start: var(--s-3);overflow-wrap: anywhere}.pc-page{padding-inline: var(--s-1);color: var(--c-muted);font-size: var(--text-xs);text-align: end;white-space: nowrap;user-select: none}.pc-text{white-space: pre-wrap;overflow-wrap: anywhere}.pc-del{background: color-mix(in srgb, var(--c-bad) 22%, transparent);color: inherit;text-decoration: line-through;text-decoration-color: color-mix(in srgb, var(--c-bad) 70%, transparent);border-radius: 2px}.pc-ins{background: color-mix(in srgb, var(--c-good) 26%, transparent);color: inherit;text-decoration: none;border-radius: 2px}.pc-del.is-current, .pc-ins.is-current{outline: 2px solid var(--c-focus);outline-offset: 1px}.pc-more{display: block;inline-size: 100%;min-block-size: 32px;padding: var(--s-1) var(--s-3);border: 0;border-block-end: 1px solid var(--c-line);background: var(--c-surface);color: var(--c-muted);font: inherit;font-size: var(--text-xs);cursor: pointer}.pc-more:hover{color: var(--c-text);background: var(--c-surface-2)}.pc-visual{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--s-3)}.pc-vis-side{display: flex;flex-direction: column;gap: var(--s-2);margin: 0;min-inline-size: 0}.pc-vis-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2);font-size: var(--text-sm)}.pc-vis-nav{display: flex;align-items: center;gap: var(--s-1);font-variant-numeric: tabular-nums}.pc-vis-page{min-block-size: 300px;line-height: 0}.pc-vis-canvas{display: block;inline-size: 100%;block-size: auto;border: var(--border);border-radius: 2px;background: #fff}.pc-vis-note{margin: var(--s-2) 0 0;font-size: var(--text-xs);color: var(--c-muted)}.pc-list{margin-block-start: var(--s-3);border: var(--border);border-radius: var(--radius-m)}.pc-list[hidden]{display: none}.pc-list > summary{padding: var(--s-2) var(--s-3);font-size: var(--text-sm);font-weight: var(--weight-bold);cursor: pointer}.pc-changes{margin: 0;padding: 0 var(--s-2) var(--s-2);list-style: none;max-block-size: 360px;overflow: auto}.pc-change{display: flex;flex-wrap: wrap;gap: var(--s-1) var(--s-3);inline-size: 100%;min-block-size: 36px;padding: var(--s-1) var(--s-2);border: 0;border-radius: var(--radius-s);background: none;color: inherit;font: inherit;font-size: var(--text-sm);text-align: start;cursor: pointer}.pc-change:hover, .pc-change.is-current{background: var(--c-surface)}.pc-change-meta{min-inline-size: 13em;color: var(--c-muted);font-size: var(--text-xs)}.pc-change-meta b{color: var(--c-text)}.pc-change-text{flex: 1 1 16em;min-inline-size: 0;overflow-wrap: anywhere}@media (max-width: 640px){.pc-slots{grid-template-columns: minmax(0, 1fr)}.pc-swap{justify-self: center;transform: rotate(90deg)}.pc-slot{min-block-size: 130px}.pc-rows.is-split .pc-row{grid-template-columns: minmax(0, 1fr)}.pc-rows.is-split .pc-cell + .pc-cell{border-inline-start: 0;border-block-start: 1px dashed var(--c-line)}.pc-head{display: none}.pc-cell{grid-template-columns: 3em minmax(0, 1fr)}.pc-visual{grid-template-columns: minmax(0, 1fr)}}.cs-mode{margin-block-end: var(--s-3)}.cs-num{min-inline-size: 0;inline-size: 140px;font-variant-numeric: tabular-nums}.cs-options select{max-inline-size: 260px}.md-options{margin-block-end: var(--s-3)}.md-options > .tool-options{margin-block-end: var(--s-2)}.md-actions{flex-wrap: wrap}.md-toolbar{display: flex;flex-wrap: wrap;align-items: center;gap: 2px;padding: 3px;border: var(--border);border-radius: var(--radius-s);background: var(--c-surface)}.md-tb-btn{display: inline-flex;align-items: center;justify-content: center;min-inline-size: 34px;block-size: 34px;padding-inline: var(--s-1);border: 0;border-radius: var(--radius-s);background: transparent;color: var(--c-text);font-size: 15px;line-height: 1;cursor: pointer}.md-tb-btn:hover{background: var(--c-surface-2)}.md-tb-btn:focus-visible{outline: 2px solid var(--c-focus);outline-offset: -2px}.md-tb-sep{inline-size: 1px;block-size: 20px;margin-inline: var(--s-1);background: var(--c-line-strong)}.md-tool .pane-body{block-size: 560px}.md-tool .md-input{white-space: pre-wrap;overflow-wrap: anywhere;font-size: 14px}.md-tool .code-view.md-render{white-space: normal;font-family: var(--font-sans)}.md-tool .code-output:has(.md-render){background: var(--c-bg);padding: 0}.md-preview{padding: var(--s-3) var(--s-4)}.md-preview h1, .md-preview h2{padding-block-end: 0.25em;border-block-end: var(--border)}.md-preview h5, .md-preview h6{font-size: 0.95em;margin-block: 1em 0.5em}.md-preview ul ul, .md-preview ol ol, .md-preview ul ol, .md-preview ol ul{margin-block: 0.2em 0}.md-preview li > p{margin-block: 0 0.4em}.md-preview li.task-list-item{list-style: none}.md-preview ul.contains-task-list{padding-inline-start: 0.4em}.md-preview li.task-list-item > input{margin-inline-end: 0.4em;vertical-align: -1px;cursor: pointer}.md-preview :not(pre) > code{padding: 0.1em 0.35em;border-radius: var(--radius-s);background: var(--code-bg);font-family: var(--font-mono);font-size: 0.9em}.md-preview pre{overflow: auto;white-space: pre;border-radius: var(--radius-s)}.md-preview pre code{font-family: inherit}.md-preview blockquote{margin-inline: 0}.md-preview hr{margin-block: 1.2em;border: 0;border-block-start: var(--border)}.md-preview kbd{padding: 0.05em 0.4em;border: var(--border);border-block-end-width: 2px;border-radius: var(--radius-s);font-family: var(--font-mono);font-size: 0.85em}.md-preview th{background: var(--c-surface)}.md-preview th[align="center"], .md-preview td[align="center"]{text-align: center}.md-preview th[align="right"], .md-preview td[align="right"]{text-align: end}.md-preview th[align="left"], .md-preview td[align="left"]{text-align: start}.md-preview table{display: block;max-inline-size: 100%;overflow-x: auto}.md-img-ph{display: inline-block;padding: 2px var(--s-2);border: 1px dashed var(--c-line-strong);border-radius: var(--radius-s);color: var(--c-muted);font-size: var(--text-sm)}@media (max-width: 640px){.md-tool .pane-body{block-size: 380px}.cs-options > .check, .md-options .tool-options > .check{margin-block-start: 0;min-block-size: 32px}}.br-cam-frame{inline-size: min(84%, 520px);aspect-ratio: 2 / 1}.br-flash{position: absolute;inset: 0;pointer-events: none;background: rgb(255 255 255 / 0.55);opacity: 0}.br-flash.is-on{animation: af-fade-flash var(--dur-med) var(--ease-out)}@keyframes af-fade-flash{from{opacity: 1}to{opacity: 0}}.br-code{display: grid;gap: var(--s-2)}.br-code + .br-code{padding-block-start: var(--s-3);border-block-start: var(--border)}.br-value{font-family: var(--font-mono);font-size: var(--text-lg);font-weight: var(--weight-bold);letter-spacing: 0.04em;overflow-wrap: anywhere}.qr-field.is-ok dd{color: var(--c-good)}.qr-field.is-bad dd, .br-warn{color: var(--c-bad)}.br-list{border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);margin-block-start: var(--s-3)}.br-list-head{flex-wrap: wrap}.br-totals{flex: 1;font-size: var(--text-sm);color: var(--c-muted)}.br-manual{padding: var(--s-3);border-block-end: var(--border)}.br-manual .field-inline{flex-wrap: wrap}.br-manual .text-input{flex: 1;font-family: var(--font-mono)}.br-note{padding-inline: var(--s-3);font-size: var(--text-sm);color: var(--c-bad)}.br-note:empty{display: none}.br-table-wrap{overflow-x: auto}.br-table{inline-size: 100%;border-collapse: collapse;font-size: var(--text-sm)}.br-table th{padding: var(--s-2) var(--s-3);text-align: start;font-size: var(--text-xs);color: var(--c-muted);border-block-end: var(--border)}.br-table td{padding: var(--s-1) var(--s-3);border-block-end: var(--border);vertical-align: middle}.br-table tr:last-child td{border-block-end: 0}.br-table tr.is-new td{animation: af-flash 1.2s var(--ease-out)}.br-table th.br-num, .br-table td.br-num{text-align: end}.br-code-cell code{font-family: var(--font-mono);font-size: var(--text-md);overflow-wrap: anywhere}.br-code-cell .br-warn{display: block;font-size: var(--text-xs)}.br-type{color: var(--c-muted);white-space: nowrap}.br-qty-box{display: inline-flex;align-items: center;gap: 2px}.br-qty{inline-size: 72px;min-inline-size: 0;block-size: 34px;text-align: center;font-variant-numeric: tabular-nums}.br-empty{padding: var(--s-4) var(--s-3);text-align: center}@media (max-width: 560px){.br-type, .br-table th:nth-child(2){display: none}.br-table th, .br-table td{padding-inline: var(--s-2)}.br-code-cell{min-inline-size: 14ch}.br-code-cell code{font-size: var(--text-sm)}.br-qty{inline-size: 48px}.br-step{inline-size: 28px}}.sb-bg-field{display: grid;gap: var(--s-2)}.sb-swatches{display: flex;flex-wrap: wrap;gap: 6px}.sb-swatch{inline-size: 32px;block-size: 32px;padding: 0;border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: linear-gradient(135deg, var(--a), var(--b));cursor: pointer}.sb-swatch[aria-pressed="true"]{outline: 2px solid var(--c-accent);outline-offset: 2px}.sb-options 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)}.sb-options input[type="color"]:disabled{opacity: 0.4}.sb-editor{display: grid;gap: var(--s-3)}.sb-stage{display: grid;place-items: center;padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-surface)}.sb-canvas{display: block;max-inline-size: 100%;max-block-size: 70vh;inline-size: auto;block-size: auto}.sb-canvas.is-transparent{background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 20px 20px}.sb-export{display: flex;flex-wrap: wrap;align-items: flex-end;gap: var(--s-3) var(--s-5)}.sb-export-actions{display: flex;flex-wrap: wrap;gap: var(--s-2)}.sb-size{flex-basis: 100%;font-size: var(--text-sm)}.sb-tool.is-editing{display: grid;grid-template-columns: minmax(0, 290px) minmax(0, 1fr);gap: var(--s-4) var(--s-5);align-items: start}.sb-tool.is-editing .sb-options{flex-direction: column;flex-wrap: nowrap;margin: 0}.sb-tool.is-editing .sb-editor{grid-column: 2;grid-row: 1;position: sticky;inset-block-start: 76px}.sb-tool.is-editing .sb-error{grid-column: 1 / -1}@media (max-width: 860px){.sb-tool.is-editing{grid-template-columns: minmax(0, 1fr)}.sb-tool.is-editing .sb-editor{grid-column: 1;position: static}.sb-tool.is-editing .sb-options{flex-direction: row;flex-wrap: wrap}}.sb-error{padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);background: var(--c-bad-soft);color: var(--c-bad);font-size: var(--text-sm)}.calc-tally .is-sel{border-color: var(--c-accent);background: var(--c-accent-soft)}.calc-tally .is-off b{color: var(--c-muted);font-weight: var(--weight-medium)}.pg-progress{display: flex;flex-direction: column;gap: var(--s-1)}.pg-bar{position: relative;display: flex;block-size: 12px;border-radius: 999px}.pg-bar i{display: block;block-size: 100%}.pg-t1{flex: 13;background: var(--c-accent-soft);border-start-start-radius: 999px;border-end-start-radius: 999px}.pg-t2{flex: 14;background: var(--c-accent);opacity: 0.55}.pg-t3{flex: 13;background: var(--c-accent);border-start-end-radius: 999px;border-end-end-radius: 999px}.pg-now{position: absolute;inset-block-start: -5px;inline-size: 4px;block-size: 22px;margin-inline-start: -2px;border-radius: 2px;background: var(--c-text);box-shadow: 0 0 0 2px var(--c-bg)}.pg-legend{display: flex;font-size: var(--text-xs);color: var(--c-muted)}.pg-legend span:nth-child(1){flex: 13}.pg-legend span:nth-child(2){flex: 14}.pg-legend span:nth-child(3){flex: 13}.pg-miles{display: grid;gap: 0;margin: var(--s-2) 0 0;padding: 0;list-style: none;border: var(--border);border-radius: var(--radius-m)}.pg-miles li{display: grid;grid-template-columns: 8.5em minmax(0, 1fr) auto;gap: var(--s-1) var(--s-3);padding: var(--s-2) var(--s-3);font-size: var(--text-sm);border-block-start: var(--border)}.pg-miles li:first-child{border-block-start: 0}.pg-miles li.is-past{color: var(--c-muted)}.pg-miles li.is-now{background: var(--c-accent-soft);font-weight: var(--weight-medium)}.pg-m-week{color: var(--c-muted);font-variant-numeric: tabular-nums}.pg-miles time{font-variant-numeric: tabular-nums;text-align: end}@media (max-width: 560px){.pg-miles li{grid-template-columns: minmax(0, 1fr) auto}.pg-m-week{grid-column: 1 / -1}}.cal-warn{margin: 0;padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);background: var(--c-surface);color: var(--c-warn);font-size: var(--text-sm)}.cal-macros .pick-history-head{flex-wrap: wrap;gap: var(--s-2);margin-block-end: var(--s-2)}.tp-tip-row{flex-wrap: wrap}.tp-tip-row .input-unit input{inline-size: 80px}.tp-shares{display: flex;flex-direction: column;align-items: flex-start;gap: var(--s-2)}.tp-shares .table-wrap{max-inline-size: 100%;overflow-x: auto}.tp-table td{vertical-align: middle;max-inline-size: none}.tp-table .text-input{block-size: 34px}.tp-name{min-inline-size: 0;inline-size: 150px}.tp-n{min-inline-size: 0;inline-size: 64px}.tp-pay, .tp-tipc{text-align: end;font-variant-numeric: tabular-nums}.wh-wrap{max-inline-size: 100%;overflow-x: auto}.wh-table td{vertical-align: middle;max-inline-size: none;overflow: visible}.wh-table .wh-time{min-inline-size: 0;inline-size: 120px;block-size: 34px}.wh-day{block-size: 34px;padding-inline: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg)}.wh-brk{block-size: 34px}.wh-brk input{inline-size: 56px}.wh-brk span{padding-inline-end: var(--s-2);font-size: var(--text-xs);color: var(--c-muted)}.wh-sum{min-inline-size: 6em;text-align: end;font-variant-numeric: tabular-nums;font-weight: var(--weight-medium)}.wh-sum.is-bad{color: var(--c-bad);font-weight: normal;white-space: normal}.wh-actions{flex-wrap: wrap}.ar-presets{display: flex;flex-wrap: wrap;gap: var(--s-1)}.ar-preset{font-variant-numeric: tabular-nums}.ar-preset.is-sel{border-color: var(--c-accent);background: var(--c-accent-soft)}.ar-in{inline-size: 120px}.ar-x{align-self: flex-end;block-size: 40px;line-height: 40px;color: var(--c-muted)}.ar-out{display: grid;grid-template-columns: minmax(0, 1fr) 260px;gap: var(--s-4);align-items: stretch}.ar-stage{display: grid;place-items: center;min-block-size: 260px;border: var(--border);border-radius: var(--radius-m);background: var(--c-surface)}.ar-shape{display: grid;place-items: center;border: 2px solid var(--c-accent);border-radius: 4px;background: var(--c-accent-soft)}.ar-shape-label{font-size: var(--text-sm);font-weight: var(--weight-bold);color: var(--c-accent);font-variant-numeric: tabular-nums}@media (max-width: 700px){.ar-out{grid-template-columns: minmax(0, 1fr)}}.wclk-tool{display: flex;flex-direction: column;gap: var(--s-4)}.wclk-stage{display: flex;flex-direction: column;gap: var(--s-3);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-surface)}.wclk-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));gap: var(--s-3)}.wclk-card{display: flex;flex-direction: column;align-items: center;gap: var(--s-1);padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);text-align: center;min-inline-size: 0}.wclk-card.is-local{border-color: var(--c-accent)}.wclk-card.is-evening{background: color-mix(in srgb, var(--c-spark) 10%, var(--c-bg))}.wclk-card.is-night{background: #1f2430;border-color: #1f2430;color: #f3f2ee}.wclk-card.is-night .wclk-date, .wclk-card.is-night .wclk-meta, .wclk-card.is-night .wclk-iso{color: #c9c7c0}.wclk-card.is-night .wclk-city small{color: #8fd3c0}.wclk-card.is-night .btn-quiet{color: #f3f2ee}.wclk-card-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-1);inline-size: 100%;min-block-size: 32px}.wclk-city{margin: 0;font-size: var(--text-md);font-weight: var(--weight-bold);text-align: start;overflow-wrap: anywhere}.wclk-city small{margin-inline-start: var(--s-1);font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--c-accent)}.wclk-card-tools{display: flex;gap: 2px}.wclk-card-tools .btn{min-inline-size: 32px;padding-inline: var(--s-1)}.wclk-analog{inline-size: min(150px, 60%);aspect-ratio: 1}.wclk-dial{fill: var(--c-bg);stroke: var(--c-line-strong);stroke-width: 1.5}.wclk-tick{stroke: var(--c-line-strong);stroke-width: 0.8;stroke-linecap: round}.wclk-tick.is-big{stroke: var(--c-text);stroke-width: 1.8}.wclk-hand{stroke: var(--c-text);stroke-linecap: round}.wclk-h{stroke-width: 3.6}.wclk-m{stroke-width: 2.4}.wclk-s{stroke: var(--c-bad);stroke-width: 1}.wclk-s.is-off{display: none}.wclk-pin{fill: var(--c-text)}.wclk-card.is-night .wclk-dial{fill: #2a3040;stroke: #4a5160}.wclk-card.is-night .wclk-tick.is-big, .wclk-card.is-night .wclk-hand{stroke: #f3f2ee}.wclk-card.is-night .wclk-pin{fill: #f3f2ee}.wclk-card.is-night .wclk-s{stroke: #ff8a80}.wclk-readout{display: flex;align-items: baseline;justify-content: center;gap: var(--s-1)}.wclk-time{font-size: var(--text-xl);font-weight: var(--weight-bold);font-variant-numeric: tabular-nums;line-height: 1.2}.wclk-stage.is-digital .wclk-time{font-size: clamp(2rem, 7vw, 2.75rem)}.wclk-ampm{font-size: var(--text-sm);font-weight: var(--weight-medium)}.wclk-ampm:empty{display: none}.wclk-date{font-size: var(--text-sm);color: var(--c-muted)}.wclk-iso{font-family: var(--font-mono);font-size: var(--text-xs);color: var(--c-muted)}.wclk-meta{display: flex;flex-direction: column;align-items: center;gap: 2px;font-size: var(--text-xs);color: var(--c-muted)}.wclk-part{display: inline-flex;align-items: center;gap: var(--s-1);font-weight: var(--weight-medium)}.wclk-card.is-main .wclk-time{font-size: clamp(2.25rem, 8vw, 3.25rem)}.wclk-controls{justify-content: flex-end}.wclk-stage:fullscreen{justify-content: center;border: 0;border-radius: 0;padding: var(--s-6);overflow: auto}.wclk-stage:fullscreen .wclk-grid{grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr))}.wclk-stage:fullscreen .wclk-analog{inline-size: min(240px, 70%)}.wclk-stage:fullscreen .wclk-time{font-size: clamp(1.75rem, 3.5vw, 3rem)}.wclk-stage.is-digital:fullscreen .wclk-time{font-size: clamp(2.5rem, 6vw, 5rem)}.wclk-stage:fullscreen .wclk-controls{display: none}.wclk-options .tz-input{min-inline-size: 240px}.wclk-limit{margin: 0;max-inline-size: none}@media (max-width: 640px){.wclk-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-2)}.wclk-stage{padding: var(--s-2)}.wclk-card{padding: var(--s-2)}.wclk-add, .wclk-add .field-inline{inline-size: 100%}.wclk-options .tz-picker{flex: 1 1 0;min-inline-size: 0}.wclk-options .tz-input{min-inline-size: 0;inline-size: 100%}}.it-tool{--it-ph: var(--c-accent)}.it-stage{gap: var(--s-2);border-block-start: 6px solid var(--it-ph);transition: border-color var(--dur-fast) var(--ease-out)}.it-stage[data-phase="work"]{--it-ph: var(--c-bad)}.it-stage[data-phase="rest"], .it-stage[data-phase="setrest"]{--it-ph: var(--c-good)}.it-stage[data-phase="warmup"], .it-stage[data-phase="cooldown"]{--it-ph: var(--c-focus)}.it-stage[data-phase="done"]{--it-ph: var(--c-accent)}.it-name{margin: 0;font-size: var(--text-lg);font-weight: var(--weight-bold);text-align: center;overflow-wrap: anywhere}.it-phase{font-size: var(--text-xl);font-weight: var(--weight-bold);color: var(--it-ph);text-transform: uppercase;letter-spacing: 0.04em}.it-digits{font-size: clamp(4rem, 20vw, 8rem);color: var(--c-text)}.it-where{min-block-size: 1.5em;font-size: var(--text-md);font-weight: var(--weight-medium);font-variant-numeric: tabular-nums}.it-bar-wrap{position: relative;inline-size: min(640px, 100%)}.it-bar{display: flex;gap: 1px;block-size: 10px;border-radius: 999px;overflow: hidden;background: var(--c-line)}.it-seg{flex: var(--w, 1) 1 0;min-inline-size: 1px;background: var(--c-line-strong)}.it-seg.is-work{background: color-mix(in srgb, var(--c-bad) 70%, var(--c-bg))}.it-seg.is-rest, .it-seg.is-setrest{background: color-mix(in srgb, var(--c-good) 55%, var(--c-bg))}.it-seg.is-warmup, .it-seg.is-cooldown{background: color-mix(in srgb, var(--c-focus) 45%, var(--c-bg))}.it-marker{position: absolute;inset-block: -4px;inset-inline-start: calc(var(--p, 0) * 100%);inline-size: 3px;margin-inline-start: -1px;border-radius: 2px;background: var(--c-text)}.it-presets .chip.is-active{border-color: var(--c-accent);background: var(--c-accent-soft);color: var(--c-accent)}.it-options .input-unit input{inline-size: 72px}.it-name-field .text-input{inline-size: 220px}.it-sound{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-5)}.it-sound > .check{min-block-size: 40px}.it-sound input[type="range"]{inline-size: 110px;accent-color: var(--c-accent)}.it-stage:fullscreen{background: var(--c-bg)}.it-stage:fullscreen .it-digits{font-size: min(30vw, 42vh)}.it-stage:fullscreen .it-phase{font-size: min(7vw, 9vh)}.it-stage:fullscreen .it-where{font-size: min(4vw, 5vh)}.it-stage:fullscreen .it-bar-wrap{inline-size: min(1200px, 90vw)}@media (max-width: 640px){.it-options{gap: var(--s-3)}.it-options .clock-unit{flex: 1 1 40%}.it-options .input-unit{inline-size: 100%}.it-options .input-unit input{flex: 1 1 0;inline-size: auto;min-inline-size: 0}.it-name-field, .it-name-field .text-input{inline-size: 100%;min-inline-size: 0}}.ss-tool{display: flex;flex-direction: column;gap: var(--s-4)}.ss-layout{display: grid;grid-template-columns: 300px minmax(0, 1fr);gap: var(--s-4)}.ss-pane .wheel-entries, .ss-pane .wheel-pane-body{min-block-size: 240px}.ss-side{display: flex;flex-direction: column;gap: var(--s-4);min-inline-size: 0}.ss-box{display: flex;flex-direction: column;align-items: flex-start;gap: var(--s-2)}.ss-h{margin: 0;font-size: var(--text-md)}.ss-hint{margin: 0;max-inline-size: none}.ss-rules{display: flex;flex-direction: column;gap: var(--s-2);inline-size: 100%}.ss-rules:empty{display: none}.ss-rule{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2)}.ss-rule select{block-size: 36px;max-inline-size: 100%;padding-inline: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg)}.ss-rule.is-bad select{border-color: var(--c-bad)}.ss-options{margin: 0}.ss-note-field{flex: 1 1 240px}.ss-note-in{inline-size: 100%}.ss-controls{align-items: flex-end;margin: 0}.ss-result:empty{display: none}.ss-step, .ss-progress{margin: 0 0 var(--s-3)}.ss-people{display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: var(--s-2);margin-block-end: var(--s-3)}.ss-person{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;min-block-size: 56px;padding: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-m);background: var(--c-bg);font: inherit;font-weight: var(--weight-medium);cursor: pointer;overflow-wrap: anywhere}.ss-person:hover{border-color: var(--c-accent);color: var(--c-accent)}.ss-person.is-seen{background: var(--c-surface);color: var(--c-muted)}.ss-person small{font-size: var(--text-xs);font-weight: var(--weight-normal)}.ss-reveal{display: flex;flex-direction: column;align-items: center;gap: var(--s-3);padding: var(--s-6) var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-surface);text-align: center}.ss-reveal-title{margin: 0;font-size: var(--text-xl);font-weight: var(--weight-bold);overflow-wrap: anywhere}.ss-reveal-sub, .ss-reveal-note{margin: 0;max-inline-size: 460px}.ss-target{display: flex;flex-direction: column;gap: var(--s-1);margin: 0}.ss-target[hidden], .ss-details[hidden]{display: none}.ss-target b{font-size: clamp(2rem, 8vw, 3.25rem);line-height: 1.15;color: var(--c-accent);overflow-wrap: anywhere}.ss-details{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-2) var(--s-5);margin: 0}.ss-details div{display: flex;flex-direction: column}.ss-details dt{font-size: var(--text-xs);color: var(--c-muted)}.ss-details dd{margin: 0;font-weight: var(--weight-medium);overflow-wrap: anywhere}.ss-warn{color: var(--c-warn)}.ss-warn p{color: inherit;font-size: var(--text-sm)}.ss-links{display: flex;flex-direction: column;gap: var(--s-2);margin: 0 0 var(--s-3);padding: 0;list-style: none}.ss-print-title{display: none}.ss-link-row{display: grid;grid-template-columns: 160px minmax(0, 1fr) auto;align-items: center;gap: var(--s-2)}.ss-link-name{font-weight: var(--weight-medium);overflow-wrap: anywhere}.ss-link{inline-size: 100%;min-inline-size: 0;font-family: var(--font-mono);font-size: var(--text-xs)}@media (max-width: 760px){.ss-layout{grid-template-columns: minmax(0, 1fr)}.ss-link-row{grid-template-columns: minmax(0, 1fr) auto}.ss-link-name{grid-column: 1 / -1}}@media print{.ss-print-mode body *{visibility: hidden}.ss-print-mode .ss-links, .ss-print-mode .ss-links *{visibility: visible}.ss-print-mode .ss-links{position: absolute;inset-block-start: 0;inset-inline: 0}.ss-print-mode .ss-print-title{display: block;margin-block-end: var(--s-3)}.ss-print-mode .ss-link-row{grid-template-columns: 1fr;break-inside: avoid;padding-block: var(--s-2);border-block-end: 1px solid #999}.ss-print-mode .ss-link-row .btn{display: none}.ss-print-mode .ss-link{border: 0;block-size: auto;padding: 0}}.rr-tool{display: flex;flex-direction: column;gap: var(--s-4)}.rr-meter, .rr-motion-box{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)}.rr-readout{display: flex;flex-direction: column;align-items: center;gap: var(--s-1);text-align: center}.rr-big-row{display: flex;align-items: baseline;gap: var(--s-2)}.rr-big{font-size: clamp(3.5rem, 16vw, 6rem);line-height: 1;font-variant-numeric: tabular-nums;color: var(--c-accent)}.rr-unit{font-size: var(--text-xl);font-weight: var(--weight-bold);color: var(--c-muted)}.rr-sub{margin: 0;min-block-size: 1.5em;font-size: var(--text-sm);color: var(--c-muted);font-variant-numeric: tabular-nums}.rr-stats{justify-content: center;margin: 0}.rr-graph-wrap{display: flex;flex-direction: column;gap: var(--s-1)}.rr-graph-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2);flex-wrap: wrap;font-size: var(--text-sm);font-weight: var(--weight-medium)}.rr-graph{display: block;inline-size: 100%;block-size: 120px;border-radius: var(--radius-s);background: var(--c-surface)}.rr-motion{display: block;inline-size: 100%;block-size: 240px;border-radius: var(--radius-s)}.rr-motion-hint{margin: 0;max-inline-size: none}.rr-motion-box:fullscreen{justify-content: center;border: 0;border-radius: 0}.rr-motion-box:fullscreen .rr-motion{block-size: 70vh}@media (max-width: 640px){.rr-meter, .rr-motion-box{padding: var(--s-3)}.rr-stats div{min-inline-size: 0;flex: 1 1 40%}.rr-motion{block-size: 200px}}.tl-tool.is-editing .tl-editor, .pp-editor:not([hidden]), .ps-editor:not([hidden]){display: grid;gap: var(--s-4) var(--s-5);align-items: start}.tl-tool.is-editing .tl-editor{grid-template-columns: minmax(0, 1fr) minmax(0, 320px)}.tl-main, .tl-side, .pp-left, .pp-right, .ps-step{display: flex;flex-direction: column;gap: var(--s-3);min-inline-size: 0}.tl-stage{position: relative;direction: ltr;inline-size: fit-content;max-inline-size: 100%;margin-inline: auto;line-height: 0;user-select: none}.tl-canvas{display: block;max-inline-size: 100%;max-block-size: 72vh;inline-size: auto;block-size: auto;border-radius: var(--radius-s);box-shadow: 0 0 0 1px var(--c-line)}.tl-layer{position: absolute;inset: 0;pointer-events: none}.tl-box{position: absolute;top: 0;left: 0;inline-size: var(--w);block-size: var(--h);transform: translate(var(--x), var(--y)) rotate(var(--r));pointer-events: auto;cursor: move;touch-action: none;border: 1px dashed rgb(255 255 255 / 0.75);outline: 1px dashed rgb(0 0 0 / 0.4);border-radius: 2px}.tl-box.is-empty{border-color: rgb(255 255 255 / 0.5);outline-color: rgb(0 0 0 / 0.25)}.tl-box.is-selected{border: 1px solid #fff;outline: 2px solid var(--c-accent)}.tl-box:focus-visible{outline: 2px solid var(--c-focus)}.tl-size, .tl-rot{position: absolute;display: none;inline-size: 14px;block-size: 14px;background: #fff;border: 2px solid var(--c-accent);border-radius: 50%}.tl-box.is-selected .tl-size, .tl-box.is-selected .tl-rot{display: block}.tl-size{top: 100%;left: 100%;margin: -7px;cursor: nwse-resize}.tl-rot{top: -28px;left: 50%;margin-left: -7px;cursor: grab}.tl-rot::after{content: "";position: absolute;top: 12px;left: 4px;inline-size: 2px;block-size: 14px;background: var(--c-accent)}@media (pointer: coarse){.tl-size, .tl-rot{inline-size: 24px;block-size: 24px}.tl-size{margin: -12px}.tl-rot{top: -36px;margin-left: -12px}.tl-rot::after{top: 22px;left: 9px}}.tl-layers, .tl-chips{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2)}.tl-chip{min-block-size: 32px;max-inline-size: 12em;padding: 4px 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border: 1px solid var(--c-line-strong);border-radius: 999px;background: var(--c-bg);color: var(--c-text);font: inherit;font-size: var(--text-sm);cursor: pointer}.tl-chip.is-active{border-color: var(--c-accent);background: var(--c-accent-soft);color: var(--c-accent)}.tl-panel{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)}.tl-text, .mg-text textarea{inline-size: 100%;min-inline-size: 0;block-size: auto;min-block-size: 60px;padding-block: var(--s-2);resize: vertical;font: inherit}.tl-options, .pp-options{flex-direction: column;flex-wrap: nowrap;gap: var(--s-3);margin: 0}.tl-options .field-inline .range, .pp-options .field-inline .range{flex: 1 1 auto;min-inline-size: 0}.tl-options .range input, .pp-options .range input{inline-size: 100%;min-inline-size: 90px}.tl-sub{display: flex;flex-wrap: wrap;gap: var(--s-3)}.tl-checkrow{min-block-size: 40px;flex-wrap: wrap;gap: var(--s-1) var(--s-3)}.tl-checks .field-inline{min-block-size: 40px;flex-wrap: wrap;gap: var(--s-1) var(--s-3)}.tl-export, .pp-actions{display: flex;flex-direction: column;gap: var(--s-2);padding-block-start: var(--s-3);border-block-start: var(--border)}.tl-export .field-inline, .pp-actions .field-inline{flex-wrap: wrap}.tl-info, .tl-hint, .tl-nosel, .pp-hint, .pp-info, .ps-hint, .ps-note{margin: 0;font-size: var(--text-sm)}.tl-error{margin: 0}.tl-tool .field-label, .pp-tool .field-label, .ps-tool .field-label{display: block;min-block-size: 20px;line-height: 20px;font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--c-muted)}@media (min-width: 901px){.tl-tool.is-editing .tl-main{position: sticky;inset-block-start: 76px}}.mg-intro{display: flex;flex-direction: column;gap: var(--s-3)}.mg-start{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: var(--s-2);margin: 0}.mg-options{margin: 0}.mg-h, .ps-h{margin: 0;font-size: var(--text-md)}.mg-texts{display: flex;flex-direction: column;gap: var(--s-2)}.mg-text{display: flex;flex-direction: column;gap: var(--s-1);padding: var(--s-2);border: var(--border);border-radius: var(--radius-s);background: var(--c-bg)}.mg-text.is-selected{border-color: var(--c-accent)}.mg-text-head{display: flex;justify-content: space-between;align-items: center;gap: var(--s-2);min-block-size: 32px;font-size: var(--text-sm);font-weight: var(--weight-medium)}.mg-slots{position: absolute;inset: 0;pointer-events: none;line-height: var(--leading)}.mg-slot{position: absolute;top: 0;left: 0;transform: translate(var(--x), var(--y));pointer-events: auto}.mg-slot:not(.is-filled){inline-size: var(--w);justify-content: center}.mg-slot.is-filled{opacity: 0.88}.pp-editor:not([hidden]){grid-template-columns: minmax(0, 1fr) minmax(0, 340px)}.pp-preview-wrap{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}.pp-preview{display: block;inline-size: min(240px, 100%);block-size: auto;aspect-ratio: 1}.pp-swatches{display: flex;flex-wrap: wrap;gap: 6px;margin-block-start: var(--s-2)}.pp-swatch{inline-size: 28px;block-size: 28px;padding: 0;border: 1px solid var(--c-line-strong);border-radius: 50%;background: var(--c);cursor: pointer}.pp-swatch[aria-pressed="true"]{outline: 2px solid var(--c-accent);outline-offset: 2px}.pp-bg-field .field-inline{flex-wrap: wrap}.ps-editor:not([hidden]){grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}.ps-options{margin: 0}.ps-options .ps-custom .input-unit input{inline-size: 72px}.ps-options .input-unit input{inline-size: 104px}.ps-options .ps-count input{inline-size: 150px}.ps-sheet-wrap{display: grid;place-items: center;padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-surface)}.ps-sheet{display: block;max-inline-size: 100%;block-size: auto;box-shadow: 0 1px 4px rgb(0 0 0 / 0.18)}.ps-info{margin: 0;font-weight: var(--weight-medium)}.ps-actions{flex-wrap: wrap}@media (max-width: 900px){.tl-tool.is-editing .tl-editor, .pp-editor:not([hidden]), .ps-editor:not([hidden]){grid-template-columns: minmax(0, 1fr)}.tl-canvas{max-block-size: 62vh}}.ixe-tool.is-editing{display: grid;grid-template-columns: minmax(0, 300px) minmax(0, 1fr);gap: var(--s-4) var(--s-5);align-items: start}.ixe-tool.is-editing > .dropzone{display: none}.ixe-tool.is-editing > .ixe-options{flex-direction: column;flex-wrap: nowrap;margin: 0}.ixe-tool.is-editing > .ixe-main{grid-column: 2;grid-row: 1 / span 3}.ixe-tool.is-editing > .status-box{grid-column: 1 / -1}.ixe-options .range input{inline-size: 160px}.ixe-tool .ixe-options > .check{margin-block-start: 0;min-block-size: 32px}.ixe-hint, .ixe-note{margin: 0;font-size: var(--text-sm);max-inline-size: 36ch}.ixe-note a{color: var(--c-accent)}.ixe-main{display: grid;gap: var(--s-3);min-inline-size: 0}.ixe-stage-wrap{position: relative;min-inline-size: 0}.ixe-stage{position: relative;display: grid;place-items: center;min-block-size: 200px;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}.ixe-stage[data-view="white"]{background: #ffffff}.ixe-stage[data-view="black"]{background: #111111}.ixe-stage[data-view="plain"]{background: var(--c-surface)}.ixe-canvas{display: block;max-inline-size: 100%;max-block-size: 68vh;inline-size: auto;block-size: auto}.ixe-busy{position: absolute;inset-block-start: var(--s-3);inset-inline-end: var(--s-3);inline-size: 18px;block-size: 18px;margin: 0}.ixe-actions{display: flex;flex-wrap: wrap;gap: var(--s-2)}.ixe-info{margin: 0;font-size: var(--text-sm);font-variant-numeric: tabular-nums}.ixe-info:empty{display: none}@media (max-width: 860px){.ixe-tool.is-editing{grid-template-columns: minmax(0, 1fr)}.ixe-tool.is-editing > .ixe-main{grid-column: 1;grid-row: auto;order: -1}.ixe-tool.is-editing > .ixe-options{flex-direction: row;flex-wrap: wrap}}.pho-options{margin-block-end: var(--s-4)}.pho-panel{display: grid;grid-template-columns: minmax(0, 320px) minmax(0, 1fr);gap: var(--s-4) var(--s-5);align-items: start}.pho-controls{display: grid;gap: var(--s-3)}.pho-filters-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2)}.pho-presets{display: grid;grid-template-columns: repeat(auto-fill, minmax(68px, 1fr));gap: var(--s-2)}.pho-preset{display: grid;justify-items: center;gap: 2px;padding: 4px;border: 1px solid var(--c-line);border-radius: var(--radius-s);background: var(--c-bg);font: inherit;font-size: var(--text-xs);color: var(--c-text);cursor: pointer}.pho-preset:hover{border-color: var(--c-line-strong)}.pho-preset[aria-pressed="true"]{border-color: var(--c-accent);box-shadow: 0 0 0 1px var(--c-accent)}.pho-preset-thumb{display: block;inline-size: 56px;block-size: 56px;border-radius: 4px;background: var(--c-surface-2)}.pho-group{display: grid;gap: var(--s-1);margin: 0;padding: var(--s-2) 0 0;border: 0;border-block-start: var(--border);min-inline-size: 0}.pho-group legend{padding: 0;font-size: var(--text-sm);font-weight: var(--weight-bold)}.pho-slider{flex-direction: row;align-items: center;justify-content: space-between;gap: var(--s-2)}.pho-slider label{font-size: var(--text-sm)}.pho-slider .range{block-size: 32px}.pho-slider .range input{inline-size: 150px}.pho-slider output{min-inline-size: 3em;text-align: end}.pho-preview{position: sticky;inset-block-start: 76px;display: grid;gap: var(--s-2);min-inline-size: 0}.pho-stage{position: relative;display: grid;place-items: center;min-block-size: 200px;padding: var(--s-2);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}.pho-canvas{display: block;max-inline-size: 100%;max-block-size: 64vh;inline-size: auto;block-size: auto;cursor: pointer;touch-action: none;user-select: none;-webkit-user-select: none}.pho-badge{position: absolute;inset-block-start: var(--s-3);inset-inline-start: var(--s-3);padding: var(--s-1) var(--s-2);border-radius: var(--radius-s);background: rgba(255, 255, 255, 0.92);color: #1c1b19;font-size: var(--text-xs);pointer-events: none}.pho-busy{position: absolute;inset-block-start: var(--s-3);inset-inline-end: var(--s-3);inline-size: 18px;block-size: 18px;margin: 0}.pho-preview-bar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3)}.pho-hold{touch-action: none;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none}.pho-hold.is-active{border-color: var(--c-accent);background: var(--c-accent-soft)}.pho-pick{max-inline-size: 220px;min-block-size: 32px}.pho-tip{font-size: var(--text-sm)}@media (max-width: 860px){.pho-panel{grid-template-columns: minmax(0, 1fr)}.pho-preview{position: static;order: -1}}.tbg-color{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2);min-block-size: 40px}.tbg-swatch{inline-size: 28px;block-size: 28px;border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c, repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 10px 10px)}.tbg-color-text{font-size: var(--text-sm);font-variant-numeric: tabular-nums}.tbg-canvas{cursor: crosshair}.sx-canvas{max-block-size: 50vh}.sx-tool .next-bar{margin-block-start: 0}.ica-slots{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-3);margin-block-end: var(--s-4)}.ica-slot{display: flex;align-items: center;gap: var(--s-3);min-block-size: 88px;padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);min-inline-size: 0}.ica-slot.is-empty{flex-direction: column;justify-content: center;border: 2px dashed var(--c-line-strong);text-align: center}.ica-slot.is-empty p{margin: 0;font-size: var(--text-sm)}.ica-slot.is-over{border-color: var(--c-accent);background: var(--c-accent-soft)}.ica-thumb{flex: none;inline-size: 64px;block-size: 64px;border-radius: var(--radius-s);background: repeating-conic-gradient(var(--c-surface-2) 0 25%, var(--c-bg) 0 50%) 0 0 / 10px 10px}.ica-slot-meta{display: grid;flex: 1;min-inline-size: 0;font-size: var(--text-sm)}.ica-slot-label{font-weight: var(--weight-bold)}.ica-slot-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ica-main{display: grid;gap: var(--s-3)}.ica-options{margin-block-end: 0}.ica-swap{align-self: end}.ica-slider{--pos: 50%;position: relative;display: grid;inline-size: fit-content;max-inline-size: 100%;margin-inline: auto;overflow: hidden;user-select: none;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}.ica-slider > .ica-canvas{grid-area: 1 / 1}.ica-slider > .ica-top{inline-size: 100%;block-size: 100%;clip-path: inset(0 0 0 var(--pos))}.ica-slider:focus-within .cmp-handle{background: var(--c-focus)}.ica-canvas{display: block;max-inline-size: 100%;max-block-size: 70vh;inline-size: auto;block-size: auto}.ica-side{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-3)}.ica-side figure{display: grid;gap: var(--s-1);place-items: center;margin: 0;padding: var(--s-2);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}.ica-side figcaption{font-size: var(--text-xs);color: var(--c-muted)}.ica-diff{display: grid;place-items: center;padding: var(--s-2);border: var(--border);border-radius: var(--radius-m);background: var(--c-surface)}.ica-diff-inner{position: relative;max-inline-size: 100%;line-height: 0}.ica-box{position: absolute;inset-block-start: var(--t);left: var(--l);inline-size: var(--w);block-size: var(--h);min-inline-size: 6px;min-block-size: 6px;outline: 2px dashed #c81e2d;outline-offset: 2px;pointer-events: none}.ica-legend{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-1) var(--s-2);margin: 0;font-size: var(--text-sm)}.ica-key{display: inline-block;inline-size: 14px;block-size: 14px;border-radius: 3px}.ica-key--low{background: #f2b84b}.ica-key--high{margin-inline-start: var(--s-2);background: #c81e2d}.ica-stats{display: grid;gap: var(--s-2)}.ica-same{margin: 0;color: var(--c-good);font-weight: var(--weight-bold)}.ica-stat-row{display: flex;flex-wrap: wrap;gap: var(--s-2) var(--s-5)}.ica-stat{display: grid;font-size: var(--text-sm);font-variant-numeric: tabular-nums}.ica-stat strong{font-size: var(--text-md)}.ica-note{margin: 0;font-size: var(--text-sm)}@media (max-width: 640px){.ica-slots, .ica-side{grid-template-columns: minmax(0, 1fr)}}.pxa-group{display: contents}.pxa-group[hidden]{display: none}.pxa-canvas{image-rendering: pixelated}.pxa-ascii{--cols: 100;margin: 0;padding: var(--s-3);overflow: auto;max-block-size: 70vh;border: var(--border);border-radius: var(--radius-m);background: #ffffff;color: #111111;font-family: ui-monospace, Consolas, Menlo, "DejaVu Sans Mono", monospace;font-size: clamp(3px, calc((min(100vw, 820px) - 64px) / var(--cols) * 1.62), 14px);line-height: 1.15;white-space: pre;letter-spacing: 0}.pxa-ascii.is-inverted{background: #111111;color: #f2f2f2}.pxa-swatches{display: flex;flex-wrap: wrap;gap: 4px}.pxa-swatch{inline-size: 18px;block-size: 18px;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 3px;background: var(--c)}.rd-workspace, .cr-workspace, .pm-workspace, .bp-workspace{display: flex;flex-direction: column;gap: var(--s-3)}.rd-toolbar, .cr-toolbar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2) var(--s-3);padding: var(--s-2) var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.rd-file, .cr-file, .pm-head{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2);min-inline-size: 0}.rd-filename, .cr-filename, .pm-filename, .bp-filename{overflow-wrap: anywhere}.rd-tools{display: flex;flex-wrap: wrap;gap: var(--s-2)}.rd-nav, .cr-nav{display: flex;align-items: center;gap: var(--s-2)}.rd-pageinfo, .cr-pageinfo{min-inline-size: 4.5em;text-align: center;font-size: var(--text-sm);font-variant-numeric: tabular-nums}.rd-find{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--s-3) var(--s-4);align-items: start;padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-surface)}.rd-terms{inline-size: 100%;min-inline-size: 0;block-size: auto;min-block-size: 76px;padding-block: var(--s-2);resize: vertical;font: inherit}.rd-checks{display: flex;flex-wrap: wrap;gap: var(--s-2) var(--s-4);min-block-size: 40px;align-items: center}.rd-find-actions{grid-column: 1 / -1;display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3)}.rd-findinfo{margin: 0;font-size: var(--text-sm)}.rd-thumbs{display: flex;gap: var(--s-2);overflow-x: auto;padding-block-end: var(--s-1)}.rd-thumb{position: relative;flex: none;display: grid;place-items: center;inline-size: 68px;padding: 4px;border: 2px solid var(--c-line);border-radius: var(--radius-s);background: var(--c-surface);cursor: pointer}.rd-thumb[aria-current="page"]{border-color: var(--c-accent)}.rd-thumb canvas{display: block;max-inline-size: 100%;block-size: auto;background: #fff;box-shadow: 0 1px 3px rgb(0 0 0 / 0.15)}.rd-thumb-n{font-size: var(--text-xs);color: var(--c-muted)}.rd-thumb-count{position: absolute;inset-block-start: 2px;inset-inline-end: 2px;min-inline-size: 18px;padding-inline: 4px;border-radius: 999px;background: #111;color: #fff;font-size: 11px;line-height: 18px;text-align: center}.rd-scroll, .cr-stage{overflow: auto;padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-surface)}.rd-page{position: relative;direction: ltr;margin-inline: auto;box-shadow: 0 1px 6px rgb(0 0 0 / 0.2);background: #fff}.rd-canvas{position: absolute;inset: 0;inline-size: 100%;block-size: 100%}.rd-layer{position: absolute;inset: 0;cursor: crosshair;touch-action: none;user-select: none}.rd-mark{position: absolute;background: rgb(0 0 0 / 0.78);outline: 1px solid rgb(0 0 0 / 0.9);cursor: move;touch-action: none}.rd-layer.is-white .rd-mark{background: rgb(255 255 255 / 0.85);outline: 1px dashed #555}.rd-mark.is-drawing{pointer-events: none;background: rgb(0 0 0 / 0.45)}.rd-mark.is-selected{outline: 2px solid var(--c-accent);outline-offset: 1px}.rd-mark:focus-visible{outline: 2px solid var(--c-focus);outline-offset: 1px}.rd-mark-del{position: absolute;inset-block-start: -12px;right: -12px;display: none;inline-size: 24px;block-size: 24px;padding: 0;border: 0;border-radius: 50%;background: var(--c-bad);color: #fff;font-size: 16px;line-height: 24px;cursor: pointer}.rd-mark-size{position: absolute;bottom: -6px;right: -6px;display: none;inline-size: 12px;block-size: 12px;border: 2px solid var(--c-accent);border-radius: 50%;background: #fff;cursor: nwse-resize}.rd-mark.is-selected .rd-mark-del, .rd-mark.is-selected .rd-mark-size, .rd-mark:focus-visible .rd-mark-del{display: block}@media (pointer: coarse){.rd-mark-size{inline-size: 22px;block-size: 22px;bottom: -11px;right: -11px}}.rd-hint, .rd-method, .cr-note, .cr-sizeinfo, .bp-scan, .pm-note{margin: 0;font-size: var(--text-sm);max-inline-size: none}.rd-method{padding: var(--s-2) var(--s-3);border-inline-start: 3px solid var(--c-accent);background: var(--c-accent-soft);border-radius: var(--radius-s)}.rd-settings, .rd-workspace .merge-result .status-box{margin-block: 0}.rd-workspace .merge-result .status-box{margin-block-start: var(--s-3)}.cr-stage{display: grid;place-items: center;min-block-size: 240px}.cr-stage[hidden], .cr-preview-box[hidden]{display: none}.cr-preview-box{display: grid;place-items: center;padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-surface)}.cr-preview{display: block;inline-size: var(--w, 240px);max-inline-size: 100%;block-size: auto;box-shadow: 0 1px 6px rgb(0 0 0 / 0.2)}.cr-margin-grid{display: flex;flex-wrap: wrap;gap: var(--s-2)}.cr-margin{display: flex;flex-direction: column;gap: 2px;font-size: var(--text-xs);color: var(--c-muted)}.cr-margin input{inline-size: 72px;block-size: 40px;padding-inline: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);color: var(--c-text);font-variant-numeric: tabular-nums}.cr-margins > legend{margin-block-end: 0}.cr-dim input{inline-size: 72px}.cr-crop-opts, .cr-size-opts{align-items: flex-start}.pm-body{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 280px);gap: var(--s-4);align-items: start}.pm-form{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-3) var(--s-4)}.pm-form .text-input{inline-size: 100%;min-inline-size: 0}.pm-title, .pm-subject, .pm-keywords{grid-column: 1 / -1}.pm-area{block-size: auto;min-block-size: 60px;padding-block: var(--s-2);resize: vertical;font: inherit}.pm-side{padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--c-surface)}.pm-side-title{margin: 0 0 var(--s-2);font-size: var(--text-md)}.pm-facts{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: var(--s-1) var(--s-3);margin: 0 0 var(--s-2);font-size: var(--text-sm)}.pm-facts dt{color: var(--c-muted)}.pm-facts dd{margin: 0;font-variant-numeric: tabular-nums;overflow-wrap: anywhere}.pm-actions{justify-content: flex-end}.gs-hint{max-inline-size: 42ch}.bp-workspace .pages-toolbar{align-items: flex-end}.bp-level .range input{inline-size: 180px}.bp-grid .page-card{cursor: default}.bp-tag{position: absolute;inset-block-end: var(--s-2);inset-inline-end: var(--s-2);padding: 2px 8px;border-radius: 999px;background: var(--c-bad);color: #fff;font-size: var(--text-xs);font-weight: var(--weight-bold)}.bp-ink{font-size: var(--text-xs);font-variant-numeric: tabular-nums;padding-inline-end: var(--s-2)}.bp-summary{font-weight: var(--weight-medium)}@media (max-width: 760px){.rd-find, .pm-body, .pm-form{grid-template-columns: minmax(0, 1fr)}.rd-toolbar, .cr-toolbar{justify-content: flex-start}.rd-scroll, .cr-stage{padding: var(--s-2)}}.tn-options{margin-block-end: var(--s-3)}.tn-display{display: flex;flex-direction: column;align-items: center;gap: var(--s-2);padding-block: var(--s-3)}.tn-note{display: flex;align-items: baseline;gap: 2px;min-block-size: 5.5rem}.tn-note-name{font-size: clamp(3.5rem, 2.5rem + 4vw, 5rem);font-weight: var(--weight-bold);line-height: 1}.tn-note-oct{font-size: var(--text-xl);color: var(--c-muted)}.tn-readout{display: flex;gap: var(--s-4);min-block-size: 1.6em;font-variant-numeric: tabular-nums;color: var(--c-muted)}.tn-cents{font-weight: var(--weight-medium);color: var(--c-text)}.tn-meter{inline-size: min(560px, 100%)}.tn-scale{position: relative;block-size: 64px;container-type: inline-size;border-block-end: 2px solid var(--c-line-strong)}.tn-tick{position: absolute;bottom: 0;inline-size: 0;block-size: 14px;border-left: 2px solid var(--c-line-strong)}.tn-tick b{position: absolute;bottom: 18px;left: 0;transform: translateX(-50%);font-size: var(--text-xs);font-weight: var(--weight-normal);color: var(--c-muted);white-space: nowrap}.tn-tick.is-zero{block-size: 24px;border-color: var(--c-text)}.tn-tick[data-c="-50"]{left: 0}.tn-tick[data-c="-25"]{left: 25%}.tn-tick[data-c="0"]{left: 50%}.tn-tick[data-c="25"]{left: 75%}.tn-tick[data-c="50"]{left: calc(100% - 2px)}.tn-tick[data-c="-50"] b{transform: none}.tn-tick[data-c="50"] b{transform: translateX(-100%)}.tn-zone{position: absolute;top: 0;bottom: 0;left: 45%;inline-size: 10%;border-radius: var(--radius-s);background: var(--c-accent-soft)}.tn-needle{position: absolute;top: 4px;bottom: 0;left: 50%;inline-size: 4px;border-radius: 2px;background: var(--c-warn);transform: translateX(calc(var(--tn-x, 0) * 100cqw - 50%));transition: transform var(--dur-fast) var(--ease-out)}.tn-display.is-ok .tn-needle{background: var(--c-good)}.tn-display.is-ok .tn-note-name{color: var(--c-good)}.tn-display.is-idle .tn-note, .tn-display.is-idle .tn-readout, .tn-display.is-idle .tn-needle{opacity: 0.35}.tn-hint{min-block-size: 1.6em;font-weight: var(--weight-medium);text-align: center}.tn-hint.is-ok{color: var(--c-good)}.tn-string-row{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--s-2) var(--s-3)}.tn-strings{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-2)}.tn-string{display: inline-flex;align-items: baseline;justify-content: center;gap: 1px;min-inline-size: 48px;min-block-size: 44px;padding-inline: var(--s-2);border: 1px solid var(--c-line-strong);border-radius: var(--radius-s);background: var(--c-bg);color: var(--c-text);font: inherit;cursor: pointer}.tn-string small{font-size: var(--text-xs);color: var(--c-muted)}.tn-string.is-active{border-color: var(--c-accent);background: var(--c-accent-soft)}.tn-string.is-locked{box-shadow: inset 0 0 0 2px var(--c-accent)}.tn-auto{font-size: var(--text-sm);align-items: center}.mt-h{margin: 0 0 var(--s-3);font-size: var(--text-lg)}.mt-stage{gap: var(--s-3)}.mt-bpm{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: center;gap: var(--s-2)}.mt-bpm-num{font-size: clamp(3rem, 2rem + 4vw, 4.5rem);font-weight: var(--weight-bold);line-height: 1;font-variant-numeric: tabular-nums}.mt-bpm-unit{font-size: var(--text-md);color: var(--c-muted)}.mt-tempo-name{margin-inline-start: var(--s-2);font-style: italic;color: var(--c-muted)}.mt-dots{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-2);min-block-size: 26px}.mt-dot{inline-size: 22px;block-size: 22px;border: 2px solid var(--c-line-strong);border-radius: 50%;background: var(--c-surface);transition: transform var(--dur-fast) var(--ease-out)}.mt-dot.is-accent{border-color: var(--c-accent)}.mt-dot.is-mid{border-color: var(--c-focus)}.mt-dot.is-on{background: var(--c-text);border-color: var(--c-text);transform: scale(1.2)}.mt-dot.is-accent.is-on{background: var(--c-accent);border-color: var(--c-accent)}.mt-slider{display: flex;align-items: center;gap: var(--s-2);inline-size: min(620px, 100%)}.mt-slider input[type="range"]{flex: 1;min-inline-size: 0;accent-color: var(--c-accent)}.mt-step{min-inline-size: 44px;padding-inline: var(--s-2);font-variant-numeric: tabular-nums}.mt-actions{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--s-3)}.mt-play{gap: var(--s-2);min-inline-size: 150px}.mt-bpm-in input{inline-size: 72px}.mt-status{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-1) var(--s-4);min-block-size: 1.5em;font-size: var(--text-sm);color: var(--c-muted);font-variant-numeric: tabular-nums}.mt-trainer-info{margin: 0}.mt-options, .mt-trainer-fields{margin-block-end: var(--s-3)}.mt-trainer-fields .input-unit input{inline-size: 64px}.mt-tap{margin-block: var(--s-4);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.mt-tap-grid{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--s-4);align-items: center}.mt-tap-pad{display: grid;place-items: center;min-block-size: 160px;padding: var(--s-4);border: 2px dashed var(--c-line-strong);border-radius: var(--radius-l);background: var(--c-surface);color: var(--c-text);font: inherit;font-size: var(--text-lg);font-weight: var(--weight-bold);cursor: pointer;touch-action: manipulation;user-select: none}.mt-tap-pad:hover{border-color: var(--c-accent)}.mt-tap-pad.is-hit{animation: af-tap var(--dur-fast) var(--ease-out)}@keyframes af-tap{from{transform: scale(0.97);opacity: 0.7}to{transform: none;opacity: 1}}.mt-tap-result{display: flex;flex-direction: column;gap: var(--s-2)}.mt-tap-bpm{font-size: 3rem;font-weight: var(--weight-bold);line-height: 1;font-variant-numeric: tabular-nums;margin-inline-end: var(--s-2)}.mt-tap-info{margin: 0;font-size: var(--text-sm);color: var(--c-muted)}.mt-tap-result .field-inline{flex-wrap: wrap}.mt-detect{display: flex;flex-direction: column;gap: var(--s-3);margin-block-end: var(--s-4)}.mt-detect-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);animation: af-fade-up var(--dur-med) var(--ease-out)}.mt-detect-card p{margin: 0}.mt-detect-file{font-size: var(--text-sm);color: var(--c-muted);overflow-wrap: anywhere}.mt-detect-main{display: flex;align-items: baseline;gap: var(--s-2)}.mt-detect-bpm{font-size: 3rem;line-height: 1;font-variant-numeric: tabular-nums}.mt-detect-sure{font-weight: var(--weight-medium)}.mt-detect-sure.is-ok{color: var(--c-good)}.mt-detect-sure.is-bad{color: var(--c-warn)}.mt-detect-card .field-inline{flex-wrap: wrap}@media (max-width: 640px){.mt-tap-grid{grid-template-columns: minmax(0, 1fr)}.mt-tap-pad{min-block-size: 130px}.mt-slider .mt-step:first-child, .mt-slider .mt-step:last-child{display: none}}.pc-player-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3)}.pc-player-row .rec-player{flex: 1 1 260px;min-inline-size: 0}.pc-label{min-inline-size: 80px;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--c-muted)}.pc-stage{display: flex;flex-direction: column;align-items: center;gap: var(--s-3);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.pc-semi-row{display: flex;align-items: center;gap: var(--s-3)}.pc-semi-box{display: flex;flex-direction: column;align-items: center;min-inline-size: 120px}.pc-semi{font-size: 3rem;font-weight: var(--weight-bold);line-height: 1;font-variant-numeric: tabular-nums}.pc-semi-unit{font-size: var(--text-sm);color: var(--c-muted)}.pc-stage input[type="range"]{inline-size: min(520px, 100%);accent-color: var(--c-accent)}.pc-presets{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-2)}.pc-preset.is-on{border-color: var(--c-accent);background: var(--c-accent-soft);color: var(--c-accent)}.pc-cents-out{min-inline-size: 5.5em}.pc-key-new{font-weight: var(--weight-medium);white-space: nowrap}.pc-summary{margin: 0;color: var(--c-muted);font-size: var(--text-sm)}.pc-result.is-stale{opacity: 0.55}.mc-out{white-space: pre-wrap;overflow-wrap: anywhere;line-height: 1.9}.mc-sym{border-radius: 3px}.mc-sym.is-unknown{color: var(--c-bad)}.mc-sym.is-playing{background: var(--c-mark-1)}.mc-sound{margin-block-start: var(--s-4);padding: var(--s-4);border: var(--border);border-radius: var(--radius-m);background: var(--c-bg)}.mc-sound .tool-options{margin-block-end: var(--s-3)}.mc-sound-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);margin-block-end: var(--s-3)}.mc-h{margin: 0;font-size: var(--text-lg)}.mc-lamp{inline-size: 28px;block-size: 28px;border: 2px solid var(--c-line-strong);border-radius: 50%;background: var(--c-surface)}.mc-lamp.is-on{border-color: var(--c-warn-strong);background: var(--c-spark)}.mc-actions{flex-wrap: wrap}.ft-tool{display: flex;flex-direction: column;gap: var(--s-3)}.ft-field{inline-size: 100%}.ft-input{inline-size: 100%;block-size: auto;min-block-size: 56px;padding-block: var(--s-2);font-size: var(--text-lg);resize: vertical}.ft-note:empty{display: none}.ft-note{display: flex;flex-direction: column;gap: var(--s-2)}.ft-warn, .ft-plain{margin: 0;padding: var(--s-2) var(--s-3);border-radius: var(--radius-s);font-size: var(--text-sm);max-inline-size: none}.ft-warn{background: color-mix(in srgb, var(--c-warn) 8%, var(--c-bg));color: var(--c-warn)}.ft-plain{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2);background: var(--c-surface)}.ft-hint{margin: 0;font-size: var(--text-sm)}.ft-list{list-style: none;margin: 0;padding: 0;border: var(--border);border-radius: var(--radius-m);overflow: hidden}.ft-row{display: grid;grid-template-columns: 150px minmax(0, 1fr) auto;align-items: center;gap: var(--s-3);padding: var(--s-2) var(--s-3);border-block-start: var(--border);background: var(--c-bg);transition: background-color var(--dur-fast) var(--ease-out)}.ft-row:first-child{border-block-start: 0}.ft-row:hover{background: var(--c-surface)}.ft-row.is-done{background: var(--c-accent-soft)}.ft-name{font-size: var(--text-xs);color: var(--c-muted)}.ft-out{font-size: var(--text-lg);line-height: 1.5;overflow-wrap: anywhere;cursor: copy}.ft-row.is-done .ft-copy{border-color: var(--c-accent);color: var(--c-accent)}.ft-a11y{margin: 0;padding: var(--s-2) var(--s-3);border-inline-start: 3px solid var(--c-line-strong);font-size: var(--text-sm);color: var(--c-muted);max-inline-size: none}@media (max-width: 640px){.ft-row{grid-template-columns: minmax(0, 1fr) auto}.ft-name{grid-column: 1 / -1}}.fr-box{display: flex;flex-direction: column;gap: var(--s-2);margin-block-end: var(--s-4)}.fr-head{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--s-2)}.fr-hint{font-size: var(--text-sm)}.fr-rules{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: var(--s-2)}.fr-rule{display: grid;grid-template-columns: 28px minmax(0, 1fr);gap: var(--s-1) var(--s-2);align-items: center;padding: var(--s-2);border: var(--border);border-inline-start: 4px solid var(--c-mark-1);border-radius: var(--radius-s);background: var(--c-bg)}.fr-rule.fr-c1{border-inline-start-color: var(--c-mark-2)}.fr-rule.fr-c2{border-inline-start-color: #c7f0d2}.fr-rule.fr-c3{border-inline-start-color: #f9c9d9}.fr-num{grid-row: span 2;align-self: start;display: grid;place-items: center;inline-size: 28px;block-size: 40px;font-weight: var(--weight-bold);color: var(--c-muted);font-variant-numeric: tabular-nums}.fr-fields{display: grid;grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);align-items: center;gap: var(--s-2)}.fr-fields .text-input{inline-size: 100%;min-inline-size: 0;font-family: var(--font-mono);font-size: var(--text-sm)}.fr-arrow{color: var(--c-muted)}.fr-opts{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-1) var(--s-4)}.fr-count{font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--c-good);font-variant-numeric: tabular-nums}.fr-count.is-zero{color: var(--c-muted)}.fr-tools{display: inline-flex;gap: 2px;margin-inline-start: auto}.fr-icon{inline-size: 32px;padding: 0;display: inline-grid;place-items: center}.fr-icon:disabled{opacity: 0.35;cursor: default}.fr-actions{display: flex;flex-wrap: wrap;gap: var(--s-2)}.fr-files:empty{display: none}.fr-files{display: flex;flex-direction: column;align-items: flex-start;gap: var(--s-2)}.fr-file-table td.is-bad{color: var(--c-bad)}.fr-m{color: inherit;border-radius: 2px}.fr-m.fr-c0{background: var(--c-mark-1)}.fr-m.fr-c1{background: var(--c-mark-2)}.fr-m.fr-c2{background: #c7f0d2}.fr-m.fr-c3{background: #f9c9d9}.fr-del{display: inline-block;inline-size: 3px;block-size: 1.1em;margin-inline: 1px;vertical-align: text-bottom;background: var(--c-bad) !important;border-radius: 1px}@media (max-width: 640px){.fr-fields{grid-template-columns: minmax(0, 1fr)}.fr-arrow{display: none}}.rn-tool{display: flex;flex-direction: column;gap: var(--s-4)}.rn-panel[hidden]{display: none}.rn-panel{display: flex;flex-direction: column;gap: var(--s-3)}.rn-panel > .tool-options{margin-block-end: 0}.rn-in{inline-size: 260px;font-size: var(--text-lg);letter-spacing: 0.02em}.rn-num{inline-size: 120px;min-inline-size: 0;font-variant-numeric: tabular-nums}.rn-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2);min-block-size: 32px}.rn-main{font-family: Georgia, "Times New Roman", serif;letter-spacing: 0.04em}.rn-main.is-bad, .nw-out.is-bad{font-family: var(--font-sans);font-size: var(--text-md);font-weight: var(--weight-medium);letter-spacing: 0;color: var(--c-bad)}.rn-lines{display: flex;flex-direction: column;gap: var(--s-2)}.rn-lines p{margin: 0;max-inline-size: none;font-size: var(--text-sm)}.rn-break{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-1) var(--s-2)}.rn-part{display: inline-flex;flex-direction: column;align-items: center;padding: 2px var(--s-2);border-radius: var(--radius-s);background: var(--c-surface);line-height: 1.3}.rn-part b{font-family: Georgia, "Times New Roman", serif}.rn-part small{font-size: var(--text-xs);color: var(--c-muted);font-variant-numeric: tabular-nums}.rn-suggest{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2)}.rn-keys{display: flex;flex-wrap: wrap;gap: var(--s-2)}.rn-key{display: inline-flex;flex-direction: column;align-items: center;min-inline-size: 52px;padding: var(--s-1) var(--s-2);border: var(--border);border-radius: var(--radius-s);background: var(--c-bg);cursor: pointer;line-height: 1.25}.rn-key:hover{border-color: var(--c-accent)}.rn-key b{font-family: Georgia, "Times New Roman", serif;font-size: var(--text-lg)}.rn-key small{font-size: var(--text-xs);color: var(--c-muted)}.rn-quick{flex-wrap: wrap}.rn-chart-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2)}.rn-chart-actions{display: inline-flex;gap: var(--s-2)}.rn-chart{max-block-size: 480px;border: var(--border);border-radius: var(--radius-s)}.rn-table{inline-size: 100%;font-size: var(--text-sm)}.rn-table td:first-child{font-variant-numeric: tabular-nums}.rn-table b{font-family: Georgia, "Times New Roman", serif;font-weight: var(--weight-medium);letter-spacing: 0.03em}.nw-tool{display: flex;flex-direction: column;gap: var(--s-3)}.nw-tool > .tool-options{margin-block-end: 0}.nw-in{inline-size: 220px;font-variant-numeric: tabular-nums}.nw-word{inline-size: 200px;min-inline-size: 0}.nw-more > [hidden]{display: none}.nw-hint{margin: 0;font-size: var(--text-sm);max-inline-size: none}.nw-hint[hidden]{display: none}.nw-out{font-size: var(--text-xl);font-weight: var(--weight-medium);line-height: 1.4;overflow-wrap: anywhere}.nw-notes p{margin: 0;font-size: var(--text-sm);max-inline-size: none}.nw-others:empty{display: none}.nw-others{padding: var(--s-3);border: var(--border);border-radius: var(--radius-m)}.nw-others .nw-others-title{grid-column: 1 / -1;color: var(--c-text);font-weight: var(--weight-medium)}@media (max-width: 640px){.nw-others{grid-template-columns: minmax(0, 1fr)}.nw-others dd{margin-block-end: var(--s-2)}}.sy-tool{display: flex;flex-direction: column;gap: var(--s-3)}.sy-top{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--s-3)}.sy-top .field{min-inline-size: 0}.sy-search{inline-size: 100%}.sy-tray-field .field-inline{inline-size: 100%}.sy-tray{flex: 1;min-inline-size: 0;block-size: 40px;padding-block: var(--s-2);resize: none;font-size: var(--text-md)}.sy-cats{display: flex;flex-wrap: wrap;gap: var(--s-1)}.sy-chip{min-block-size: 32px;font-size: var(--text-xs)}.sy-chip.is-active{border-color: var(--c-accent);background: var(--c-accent);color: var(--c-accent-ink)}.sy-detail{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-1) var(--s-3);min-block-size: 44px;margin: 0;padding: var(--s-1) var(--s-3);border-radius: var(--radius-s);background: var(--c-surface);font-size: var(--text-sm);max-inline-size: none}.sy-detail-ch{font-size: 1.6rem;line-height: 1;font-weight: var(--weight-normal)}.sy-detail code{font-size: var(--text-xs);color: var(--c-muted)}.sy-recent:empty{display: none}.sy-recent{display: flex;flex-direction: column;gap: var(--s-1)}.sy-recent-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2)}.sy-recent-title, .sy-title{margin: 0;font-size: var(--text-sm);font-weight: var(--weight-bold);color: var(--c-muted)}.sy-groups{display: flex;flex-direction: column;gap: var(--s-4)}.sy-group{display: flex;flex-direction: column;gap: var(--s-2)}.sy-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));gap: 4px}.sy-btn{display: grid;place-items: center;block-size: 48px;padding: 0;border: 1px solid var(--c-line);border-radius: var(--radius-s);background: var(--c-bg);color: var(--c-text);font: inherit;font-size: 1.45rem;line-height: 1;cursor: pointer;transition: border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out)}.sy-btn:hover, .sy-btn:focus-visible{border-color: var(--c-accent);background: var(--c-accent-soft)}.sy-btn.is-done{border-color: var(--c-accent);background: var(--c-accent);color: var(--c-accent-ink)}.sy-grid.is-mono .sy-btn{font-family: var(--font-mono)}.sy-grid-small{grid-template-columns: repeat(auto-fill, minmax(40px, 1fr))}.sy-grid-small .sy-btn{block-size: 40px;font-size: 1.2rem}@media (max-width: 640px){.sy-top{grid-template-columns: minmax(0, 1fr)}.sy-grid{grid-template-columns: repeat(auto-fill, minmax(44px, 1fr))}.sy-btn{block-size: 44px}}.w2p-host{position: absolute;top: 0;left: -60000px;inline-size: var(--w2p-w, 900px);block-size: 10px;overflow: hidden;pointer-events: none}.w2p-flow{inline-size: var(--w2p-w);block-size: var(--w2p-h);column-width: var(--w2p-w);column-gap: var(--w2p-gap);column-fill: auto;direction: ltr;text-align: start;color: #000;background: #fff;font-family: "AfPdfSans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", "Hiragino Sans", "Noto Sans Arabic", Tahoma, Arial, sans-serif;font-size: 22px;line-height: 1.38;font-kerning: none;font-variant-ligatures: none;font-feature-settings: "kern" 0, "liga" 0, "clig" 0, "calt" 0;overflow-wrap: anywhere;orphans: 2;widows: 2}.w2p-flow *{max-inline-size: 100%}.w2p-flow p{margin: 0 0 16px;unicode-bidi: plaintext}.w2p-flow h1, .w2p-flow h2, .w2p-flow h3, .w2p-flow h4, .w2p-flow h5, .w2p-flow h6{margin: 28px 0 12px;line-height: 1.22;font-weight: 700;break-after: avoid;break-inside: avoid;unicode-bidi: plaintext}.w2p-flow h1{font-size: 40px}.w2p-flow h2{font-size: 32px}.w2p-flow h3{font-size: 27px}.w2p-flow h4{font-size: 24px}.w2p-flow h5, .w2p-flow h6{font-size: 22px}.w2p-flow > :first-child{margin-block-start: 0}.w2p-flow ul, .w2p-flow ol{margin: 0 0 16px;padding: 0 0 0 44px;list-style: none}.w2p-flow li{position: relative;margin: 0 0 6px}.w2p-flow li > ul, .w2p-flow li > ol{margin: 6px 0 0}.w2p-flow li > p{margin: 0}.w2p-mark{position: absolute;top: 0;right: 100%;margin-right: 14px;white-space: nowrap;font-weight: 400;font-style: normal}.w2p-flow table{inline-size: 100%;margin: 0 0 18px;border-collapse: collapse}.w2p-flow td, .w2p-flow th{padding: 5px 9px;border: 1px solid #8a8f98;vertical-align: top;text-align: start}.w2p-flow th{background: #eceef1;font-weight: 700}.w2p-flow td p, .w2p-flow th p{margin: 0 0 6px}.w2p-flow td > :last-child, .w2p-flow th > :last-child{margin-block-end: 0}.w2p-flow tr{break-inside: avoid}.w2p-flow img{max-inline-size: 100%;max-block-size: var(--w2p-h);block-size: auto;break-inside: avoid;vertical-align: bottom}.w2p-flow blockquote{margin: 0 0 16px 24px;padding: 0 0 0 18px;border-left: 4px solid #c7cbd1}.w2p-flow pre{margin: 0 0 16px;padding: 10px 12px;background: #f3f4f6;white-space: pre-wrap;font-size: 19px}.w2p-flow a{color: #1a56c4;text-decoration: underline}.w2p-flow sup, .w2p-flow sub{font-size: 0.7em;line-height: 0}.w2p-flow hr{break-after: column;block-size: 0;margin: 0;border: 0}.w2p-spacer{block-size: var(--w2p-space, 0);break-inside: avoid}.xp-box.code-view{padding: 0}.xp-preview{display: flex;flex-direction: column;align-items: center;gap: var(--s-2);padding: var(--s-2) 0;white-space: normal;font-family: var(--font-sans)}.xp-pager{display: flex;align-items: center;gap: var(--s-2);font-size: var(--text-sm);color: var(--c-muted)}.xp-page-label{min-inline-size: 7em;text-align: center;font-variant-numeric: tabular-nums}.xp-sheet{inline-size: 100%;display: flex;justify-content: center}.xp-canvas{display: block;inline-size: 100%;max-inline-size: 720px;block-size: auto;border: 1px solid var(--c-line);border-radius: var(--radius-s);background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08)}.jc-root, .yj-root{inline-size: 180px;font-family: var(--font-mono)}.nb-tool{display: flex;flex-direction: column;gap: var(--s-4)}.nb-tool > .tool-options{margin-block-end: 0}.nb-number, .nb-text{display: flex;flex-direction: column;gap: var(--s-3)}.nb-number[hidden], .nb-text[hidden]{display: none}.nb-input-row{display: flex;flex-wrap: wrap;gap: var(--s-3);align-items: flex-end}.nb-in-field{flex: 1 1 320px}.nb-in{inline-size: 100%;block-size: 48px;font-family: var(--font-mono);font-size: var(--text-lg)}.nb-base{inline-size: 76px;min-inline-size: 0}.nb-input-row .field select, .nb-input-row .nb-base{block-size: 48px}.cr-top .field select{block-size: 52px}.cr-expr-field .btn{block-size: 52px}.nb-options{margin-block-end: 0}.nb-rows{display: flex;flex-direction: column;border: var(--border);border-radius: var(--radius-m);background: var(--c-bg);overflow: hidden}.nb-rows:empty{display: none}.nb-row{display: grid;grid-template-columns: 170px minmax(0, 1fr) auto;gap: var(--s-3);align-items: center;padding: var(--s-2) var(--s-3);border-block-end: var(--border)}.nb-row:last-child{border-block-end: 0}.nb-row.is-from{background: var(--c-surface)}.nb-label{display: flex;align-items: center;gap: var(--s-2);font-size: var(--text-sm);color: var(--c-muted);font-weight: var(--weight-medium)}.nb-label .nb-base{block-size: 32px}.nb-val{font-family: var(--font-mono);font-size: var(--text-md);overflow-wrap: anywhere;min-inline-size: 0}.nb-bits{display: flex;flex-direction: column;gap: var(--s-2)}.nb-bits:empty{display: none}.nb-bits-head{display: flex;flex-wrap: wrap;gap: var(--s-1) var(--s-3);align-items: baseline;font-size: var(--text-sm)}.nb-bit-grid{display: flex;flex-wrap: wrap;gap: var(--s-2) var(--s-3)}.nb-byte{display: grid;grid-template-columns: repeat(8, 28px);gap: 2px}.nb-byte-idx{grid-column: 1 / -1;font-size: var(--text-xs);color: var(--c-muted);text-align: center;font-variant-numeric: tabular-nums}.nb-bit{inline-size: 28px;block-size: 32px;padding: 0;border: 1px solid var(--c-line-strong);border-radius: 4px;background: var(--c-bg);font-family: var(--font-mono);font-size: var(--text-sm);color: var(--c-muted);cursor: pointer}.nb-bit.is-on{background: var(--c-accent);border-color: var(--c-accent);color: var(--c-accent-ink)}.nb-bit.is-sign{outline: 2px solid var(--c-spark);outline-offset: 1px}.nb-bit:focus-visible{outline: 2px solid var(--c-focus);outline-offset: 1px}.nb-text-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-4)}.nb-text-col{display: flex;flex-direction: column;gap: var(--s-2);min-inline-size: 0}.nb-text-col > label{font-size: var(--text-sm);font-weight: var(--weight-bold);min-block-size: 32px;display: flex;align-items: center}.nb-text-head{display: flex;justify-content: space-between;align-items: center;min-block-size: 32px}.nb-textarea{block-size: 180px;border: var(--border);border-radius: var(--radius-m);white-space: pre-wrap;overflow-wrap: anywhere;resize: vertical}.nb-textarea:focus{outline: 2px solid var(--c-focus);outline-offset: 1px}.nb-text-out{min-block-size: 180px;margin: 0;padding: var(--s-3);border: var(--border);border-radius: var(--radius-m);background: var(--code-bg);font-family: var(--font-mono);font-size: 13px;line-height: 1.55;white-space: pre-wrap;overflow-wrap: anywhere}.cr-tool{display: flex;flex-direction: column;gap: var(--s-4)}.cr-top{display: flex;flex-wrap: wrap;gap: var(--s-3);align-items: flex-end}.cr-expr-field{flex: 1 1 360px}.cr-expr-field .field-inline{inline-size: 100%}.cr-expr{flex: 1 1 auto;inline-size: 100%;block-size: 52px;font-family: var(--font-mono);font-size: var(--text-xl);letter-spacing: 0.04em}.cr-expr.is-bad{border-color: var(--c-bad)}.cr-desc{min-block-size: 56px;padding: var(--s-3) var(--s-4);border-inline-start: 4px solid var(--c-accent);border-radius: var(--radius-s);background: var(--c-accent-soft)}.cr-desc.is-bad{border-inline-start-color: var(--c-bad);background: var(--c-bad-soft);color: var(--c-bad);font-weight: var(--weight-medium)}.cr-sentence{margin: 0;font-size: var(--text-lg);font-weight: var(--weight-medium)}.cr-note{margin: var(--s-1) 0 0;font-size: var(--text-sm)}.cr-pos{font-weight: var(--weight-normal)}.cr-fields{display: flex;flex-wrap: wrap;gap: var(--s-2)}.cr-fields:empty{display: none}.cr-field{display: flex;flex-direction: column;align-items: center;gap: 2px;min-inline-size: 84px;padding: var(--s-2) var(--s-3);border: var(--border);border-radius: var(--radius-s);background: var(--c-bg)}.cr-field code{font-family: var(--font-mono);font-size: var(--text-md);font-weight: var(--weight-bold)}.cr-field span{font-size: var(--text-xs);color: var(--c-muted)}.cr-grid{display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);gap: var(--s-4);align-items: start}.cr-card{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);min-inline-size: 0}.cr-h{margin: 0;font-size: var(--text-md)}.cr-presets{display: flex;flex-wrap: wrap;gap: var(--s-1)}.cr-builder{display: flex;flex-direction: column;gap: var(--s-3)}.cr-row{display: grid;grid-template-columns: 110px 130px minmax(0, 1fr);gap: var(--s-2);align-items: start}.cr-row-label{min-block-size: 40px;display: flex;align-items: center;font-size: var(--text-sm);font-weight: var(--weight-medium)}.cr-row 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);min-inline-size: 0}.cr-controls{min-block-size: 40px;display: flex;align-items: center;min-inline-size: 0}.cr-num{inline-size: 80px;min-inline-size: 0}.cr-chips{display: flex;flex-wrap: wrap;gap: 3px}.cr-chip{min-inline-size: 34px;block-size: 30px;padding: 0 var(--s-1);border: 1px solid var(--c-line-strong);border-radius: 4px;background: var(--c-bg);font-size: var(--text-xs);font-variant-numeric: tabular-nums;color: var(--c-text);cursor: pointer}.cr-chip.is-on{background: var(--c-accent);border-color: var(--c-accent);color: var(--c-accent-ink)}.cr-chip:focus-visible{outline: 2px solid var(--c-focus);outline-offset: 1px}.cr-custom{font-family: var(--font-mono);padding: var(--s-1) var(--s-2);border-radius: 4px;background: var(--c-surface)}.cr-zone{display: flex;flex-wrap: wrap;gap: var(--s-1) var(--s-2);align-items: center;font-size: var(--text-sm)}.cr-card .tz-picker, .cr-card .tz-input{inline-size: 100%}.cr-runs{margin: 0;padding-inline-start: var(--s-5);display: flex;flex-direction: column;gap: var(--s-1);font-size: var(--text-sm);font-variant-numeric: tabular-nums}.cr-runs:empty{display: none}.cr-runs li{padding-block: 2px}.cr-runs li > span{margin-inline-start: var(--s-2)}.cr-runs li.is-flag time{color: var(--c-warn);font-weight: var(--weight-medium)}.cr-badge{margin-inline-start: var(--s-2);padding: 1px var(--s-2);border-radius: 999px;background: var(--c-bad-soft);color: var(--c-warn);font-size: var(--text-xs);font-weight: var(--weight-medium)}.cr-runs-note{margin: 0;font-size: var(--text-sm)}.cr-runs-note:empty{display: none}@media (max-width: 960px){.cr-grid{grid-template-columns: minmax(0, 1fr)}}@media (max-width: 640px){.nb-row{grid-template-columns: minmax(0, 1fr) auto}.nb-row .nb-label{grid-column: 1 / -1}.nb-text-grid{grid-template-columns: minmax(0, 1fr)}.cr-row{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}.cr-row .cr-controls{grid-column: 1 / -1}.cr-row .cr-controls:empty{display: none}.cr-expr{font-size: var(--text-lg)}}.vs-out, .aa-note{font-size: var(--text-sm);margin: 0}.aa-music{display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-3);border: 1px dashed var(--c-line-strong);border-radius: var(--radius-m);background: var(--c-bg)}.aa-music.is-over{border-color: var(--c-accent);background: var(--c-accent-soft)}.aa-music-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3)}.aa-music-info{font-size: var(--text-sm);overflow-wrap: anywhere}.aa-music-player{inline-size: 100%}.aa-vol input[type="range"], .av-gain input[type="range"]{inline-size: 100%;min-inline-size: 160px;min-block-size: 40px}.aa-vol-out, .av-db-out{font-variant-numeric: tabular-nums;color: var(--c-muted)}.vc-stage{min-block-size: 240px}.vc-fit{display: block;max-inline-size: 100%;block-size: auto}.vc-scrub-row{display: flex;align-items: center;gap: var(--s-2) var(--s-3);flex-wrap: wrap;font-size: var(--text-sm)}.vc-scrub{flex: 1 1 200px;min-block-size: 32px}.vc-scrub-time{font-variant-numeric: tabular-nums;min-inline-size: 4em}.vf-num{inline-size: 110px}.vf-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: var(--s-2);margin: 0;padding: 0;list-style: none}.vf-grid.is-single{grid-template-columns: minmax(0, 640px)}.vf-item{display: flex;flex-direction: column;gap: 2px}.vf-thumb{display: block;border-radius: var(--radius-s);overflow: hidden;background: #111}.vf-thumb img{display: block;inline-size: 100%;block-size: auto;aspect-ratio: auto}.vf-thumb:hover img, .vf-thumb:focus-visible img{opacity: .85}.vf-time{font-size: var(--text-sm);color: var(--c-muted);font-variant-numeric: tabular-nums}.vf-sheet{display: block;inline-size: 100%;block-size: auto;border: var(--border);border-radius: var(--radius-s)}.vf-hint{font-size: var(--text-sm);margin: 0}.av-quick{flex-wrap: wrap;margin-block-start: var(--s-1)}.av-gain{min-inline-size: min(100%, 280px)}
@media (max-width: 599px){[data-tool-id=pdf-metadata]:has(>.tool-skeleton),[data-tool-id=pdf-redact]:has(>.tool-skeleton),[data-tool-id=remove-blank-pages-pdf]:has(>.tool-skeleton){min-block-size:290px}[data-tool-id=meme-generator]:has(>.tool-skeleton),[data-tool-id=pdf-merge]:has(>.tool-skeleton){min-block-size:300px}[data-tool-id=pixel-art-maker]:has(>.tool-skeleton),[data-tool-id=stopwatch]:has(>.tool-skeleton){min-block-size:320px}[data-tool-id=dice-roller]:has(>.tool-skeleton),[data-tool-id=pdf-pages]:has(>.tool-skeleton),[data-tool-id=photo-editor]:has(>.tool-skeleton){min-block-size:330px}[data-tool-id=blur-background]:has(>.tool-skeleton),[data-tool-id=image-compare]:has(>.tool-skeleton),[data-tool-id=image-vectorizer]:has(>.tool-skeleton),[data-tool-id=transparent-background]:has(>.tool-skeleton){min-block-size:340px}[data-tool-id=image-to-text]:has(>.tool-skeleton),[data-tool-id=pitch-changer]:has(>.tool-skeleton){min-block-size:350px}[data-tool-id=tuner]:has(>.tool-skeleton){min-block-size:360px}[data-tool-id=pregnancy-calculator]:has(>.tool-skeleton),[data-tool-id=qr-reader]:has(>.tool-skeleton),[data-tool-id=signature-extractor]:has(>.tool-skeleton),[data-tool-id=video-merger]:has(>.tool-skeleton){min-block-size:380px}[data-tool-id=background-remover]:has(>.tool-skeleton),[data-tool-id=exif-remover]:has(>.tool-skeleton),[data-tool-id=image-compressor]:has(>.tool-skeleton),[data-tool-id=image-upscaler]:has(>.tool-skeleton),[data-tool-id=password-generator]:has(>.tool-skeleton),[data-tool-id=random-number]:has(>.tool-skeleton){min-block-size:410px}[data-tool-id=coin-flip]:has(>.tool-skeleton),[data-tool-id=screen-recorder]:has(>.tool-skeleton),[data-tool-id=webcam-recorder]:has(>.tool-skeleton){min-block-size:430px}[data-tool-id=bmi-calculator]:has(>.tool-skeleton),[data-tool-id=video-to-audio]:has(>.tool-skeleton){min-block-size:440px}[data-tool-id=barcode-reader]:has(>.tool-skeleton),[data-tool-id=dead-pixel-test]:has(>.tool-skeleton),[data-tool-id=meeting-planner]:has(>.tool-skeleton),[data-tool-id=pdf-grayscale]:has(>.tool-skeleton),[data-tool-id=pdf-unlock]:has(>.tool-skeleton){min-block-size:460px}[data-tool-id=audio-converter]:has(>.tool-skeleton),[data-tool-id=gif-to-video]:has(>.tool-skeleton),[data-tool-id=image-rotate]:has(>.tool-skeleton),[data-tool-id=pdf-compress]:has(>.tool-skeleton),[data-tool-id=pdf-extract-images]:has(>.tool-skeleton),[data-tool-id=pdf-page-numbers]:has(>.tool-skeleton),[data-tool-id=pdf-to-text]:has(>.tool-skeleton){min-block-size:490px}[data-tool-id=typing-practice]:has(>.tool-skeleton){min-block-size:500px}[data-tool-id=image-converter]:has(>.tool-skeleton),[data-tool-id=keyboard-test]:has(>.tool-skeleton),[data-tool-id=video-compressor]:has(>.tool-skeleton),[data-tool-id=video-converter]:has(>.tool-skeleton),[data-tool-id=voice-recorder]:has(>.tool-skeleton){min-block-size:510px}[data-tool-id=roman-numerals-converter]:has(>.tool-skeleton),[data-tool-id=typing-test]:has(>.tool-skeleton){min-block-size:520px}[data-tool-id=mouse-test]:has(>.tool-skeleton),[data-tool-id=uuid-generator]:has(>.tool-skeleton){min-block-size:530px}[data-tool-id=word-to-pdf]:has(>.tool-skeleton){min-block-size:540px}[data-tool-id=product-photo]:has(>.tool-skeleton){min-block-size:550px}[data-tool-id=alarm-clock]:has(>.tool-skeleton),[data-tool-id=audio-volume]:has(>.tool-skeleton),[data-tool-id=image-to-pdf]:has(>.tool-skeleton){min-block-size:560px}[data-tool-id=csv-splitter]:has(>.tool-skeleton),[data-tool-id=image-splitter]:has(>.tool-skeleton),[data-tool-id=pdf-compare]:has(>.tool-skeleton),[data-tool-id=pdf-to-word]:has(>.tool-skeleton){min-block-size:570px}[data-tool-id=date-calculator]:has(>.tool-skeleton),[data-tool-id=team-generator]:has(>.tool-skeleton){min-block-size:610px}[data-tool-id=collage-maker]:has(>.tool-skeleton){min-block-size:620px}[data-tool-id=pdf-ocr]:has(>.tool-skeleton){min-block-size:640px}[data-tool-id=pdf-crop-resize]:has(>.tool-skeleton){min-block-size:650px}[data-tool-id=image-resizer]:has(>.tool-skeleton),[data-tool-id=speaker-test]:has(>.tool-skeleton){min-block-size:660px}[data-tool-id=loan-calculator]:has(>.tool-skeleton),[data-tool-id=pdf-to-image]:has(>.tool-skeleton){min-block-size:670px}[data-tool-id=pdf-protect]:has(>.tool-skeleton){min-block-size:680px}[data-tool-id=pdf-watermark]:has(>.tool-skeleton){min-block-size:720px}[data-tool-id=gif-maker]:has(>.tool-skeleton),[data-tool-id=lorem-ipsum]:has(>.tool-skeleton){min-block-size:760px}[data-tool-id=tip-calculator]:has(>.tool-skeleton){min-block-size:810px}[data-tool-id=name-picker]:has(>.tool-skeleton){min-block-size:830px}[data-tool-id=image-workflow]:has(>.tool-skeleton),[data-tool-id=timer]:has(>.tool-skeleton){min-block-size:850px}[data-tool-id=hash-generator]:has(>.tool-skeleton),[data-tool-id=qr-generator]:has(>.tool-skeleton){min-block-size:860px}[data-tool-id=refresh-rate-test]:has(>.tool-skeleton){min-block-size:880px}[data-tool-id=secret-santa-generator]:has(>.tool-skeleton){min-block-size:890px}[data-tool-id=jwt-decoder]:has(>.tool-skeleton),[data-tool-id=pomodoro-timer]:has(>.tool-skeleton){min-block-size:900px}[data-tool-id=aspect-ratio-calculator]:has(>.tool-skeleton),[data-tool-id=countdown]:has(>.tool-skeleton),[data-tool-id=image-to-base64]:has(>.tool-skeleton),[data-tool-id=regex-tester]:has(>.tool-skeleton){min-block-size:910px}[data-tool-id=metronome]:has(>.tool-skeleton){min-block-size:920px}[data-tool-id=image-watermark]:has(>.tool-skeleton),[data-tool-id=screenshot-beautifier]:has(>.tool-skeleton),[data-tool-id=word-counter]:has(>.tool-skeleton){min-block-size:940px}[data-tool-id=number-to-words]:has(>.tool-skeleton),[data-tool-id=spin-wheel]:has(>.tool-skeleton){min-block-size:950px}[data-tool-id=code-formatter]:has(>.tool-skeleton),[data-tool-id=table-converter]:has(>.tool-skeleton),[data-tool-id=text-compare]:has(>.tool-skeleton){min-block-size:960px}[data-tool-id=interval-timer]:has(>.tool-skeleton){min-block-size:970px}[data-tool-id=json-tools]:has(>.tool-skeleton){min-block-size:990px}[data-tool-id=case-converter]:has(>.tool-skeleton){min-block-size:1020px}[data-tool-id=encode-decode]:has(>.tool-skeleton),[data-tool-id=slug-generator]:has(>.tool-skeleton){min-block-size:1030px}[data-tool-id=number-base-converter]:has(>.tool-skeleton){min-block-size:1050px}[data-tool-id=find-and-replace]:has(>.tool-skeleton){min-block-size:1060px}[data-tool-id=favicon-generator]:has(>.tool-skeleton),[data-tool-id=json-to-code]:has(>.tool-skeleton),[data-tool-id=yaml-json-converter]:has(>.tool-skeleton){min-block-size:1070px}[data-tool-id=percentage-calculator]:has(>.tool-skeleton),[data-tool-id=timestamp-converter]:has(>.tool-skeleton){min-block-size:1090px}[data-tool-id=barcode-generator]:has(>.tool-skeleton),[data-tool-id=excel-to-sql]:has(>.tool-skeleton){min-block-size:1110px}[data-tool-id=world-clock]:has(>.tool-skeleton){min-block-size:1170px}[data-tool-id=line-tools]:has(>.tool-skeleton),[data-tool-id=work-hours-calculator]:has(>.tool-skeleton){min-block-size:1180px}[data-tool-id=markdown-editor]:has(>.tool-skeleton){min-block-size:1190px}[data-tool-id=morse-code-translator]:has(>.tool-skeleton){min-block-size:1240px}[data-tool-id=excel-to-pdf]:has(>.tool-skeleton){min-block-size:1260px}[data-tool-id=time-zone-converter]:has(>.tool-skeleton){min-block-size:1290px}[data-tool-id=calorie-calculator]:has(>.tool-skeleton){min-block-size:1350px}[data-tool-id=color-converter]:has(>.tool-skeleton){min-block-size:1540px}[data-tool-id=cron-generator]:has(>.tool-skeleton){min-block-size:1660px}[data-tool-id=unit-converter]:has(>.tool-skeleton){min-block-size:1800px}[data-tool-id=fancy-text-generator]:has(>.tool-skeleton){min-block-size:2460px}[data-tool-id=symbols]:has(>.tool-skeleton){min-block-size:5710px}}@media (min-width: 600px) and (max-width: 899px){[data-tool-id=pdf-compare]:has(>.tool-skeleton),[data-tool-id=pdf-metadata]:has(>.tool-skeleton),[data-tool-id=pdf-redact]:has(>.tool-skeleton),[data-tool-id=pitch-changer]:has(>.tool-skeleton),[data-tool-id=remove-blank-pages-pdf]:has(>.tool-skeleton){min-block-size:290px}[data-tool-id=pdf-merge]:has(>.tool-skeleton),[data-tool-id=pregnancy-calculator]:has(>.tool-skeleton),[data-tool-id=random-number]:has(>.tool-skeleton){min-block-size:300px}[data-tool-id=blur-background]:has(>.tool-skeleton),[data-tool-id=image-compare]:has(>.tool-skeleton),[data-tool-id=image-vectorizer]:has(>.tool-skeleton),[data-tool-id=pixel-art-maker]:has(>.tool-skeleton),[data-tool-id=signature-extractor]:has(>.tool-skeleton),[data-tool-id=transparent-background]:has(>.tool-skeleton){min-block-size:320px}[data-tool-id=dice-roller]:has(>.tool-skeleton),[data-tool-id=pdf-pages]:has(>.tool-skeleton),[data-tool-id=photo-editor]:has(>.tool-skeleton),[data-tool-id=qr-reader]:has(>.tool-skeleton),[data-tool-id=screen-recorder]:has(>.tool-skeleton),[data-tool-id=webcam-recorder]:has(>.tool-skeleton){min-block-size:330px}[data-tool-id=image-to-text]:has(>.tool-skeleton){min-block-size:340px}[data-tool-id=password-generator]:has(>.tool-skeleton),[data-tool-id=typing-test]:has(>.tool-skeleton){min-block-size:350px}[data-tool-id=meeting-planner]:has(>.tool-skeleton),[data-tool-id=roman-numerals-converter]:has(>.tool-skeleton){min-block-size:360px}[data-tool-id=dead-pixel-test]:has(>.tool-skeleton),[data-tool-id=word-to-pdf]:has(>.tool-skeleton){min-block-size:370px}[data-tool-id=video-merger]:has(>.tool-skeleton){min-block-size:380px}[data-tool-id=voice-recorder]:has(>.tool-skeleton){min-block-size:400px}[data-tool-id=audio-converter]:has(>.tool-skeleton),[data-tool-id=background-remover]:has(>.tool-skeleton),[data-tool-id=barcode-reader]:has(>.tool-skeleton),[data-tool-id=exif-remover]:has(>.tool-skeleton),[data-tool-id=gif-to-video]:has(>.tool-skeleton),[data-tool-id=image-compressor]:has(>.tool-skeleton),[data-tool-id=image-rotate]:has(>.tool-skeleton),[data-tool-id=image-upscaler]:has(>.tool-skeleton),[data-tool-id=pdf-extract-images]:has(>.tool-skeleton),[data-tool-id=pdf-to-text]:has(>.tool-skeleton),[data-tool-id=product-photo]:has(>.tool-skeleton),[data-tool-id=video-compressor]:has(>.tool-skeleton),[data-tool-id=video-converter]:has(>.tool-skeleton),[data-tool-id=video-to-audio]:has(>.tool-skeleton){min-block-size:410px}[data-tool-id=image-converter]:has(>.tool-skeleton),[data-tool-id=pdf-page-numbers]:has(>.tool-skeleton),[data-tool-id=secret-santa-generator]:has(>.tool-skeleton),[data-tool-id=tip-calculator]:has(>.tool-skeleton){min-block-size:420px}[data-tool-id=coin-flip]:has(>.tool-skeleton),[data-tool-id=date-calculator]:has(>.tool-skeleton),[data-tool-id=uuid-generator]:has(>.tool-skeleton){min-block-size:430px}[data-tool-id=bmi-calculator]:has(>.tool-skeleton){min-block-size:440px}[data-tool-id=number-to-words]:has(>.tool-skeleton){min-block-size:450px}[data-tool-id=alarm-clock]:has(>.tool-skeleton),[data-tool-id=audio-volume]:has(>.tool-skeleton),[data-tool-id=collage-maker]:has(>.tool-skeleton),[data-tool-id=image-to-pdf]:has(>.tool-skeleton),[data-tool-id=pdf-compress]:has(>.tool-skeleton),[data-tool-id=pdf-grayscale]:has(>.tool-skeleton),[data-tool-id=pdf-unlock]:has(>.tool-skeleton){min-block-size:460px}[data-tool-id=aspect-ratio-calculator]:has(>.tool-skeleton),[data-tool-id=image-resizer]:has(>.tool-skeleton),[data-tool-id=image-splitter]:has(>.tool-skeleton),[data-tool-id=pdf-ocr]:has(>.tool-skeleton),[data-tool-id=pdf-to-word]:has(>.tool-skeleton),[data-tool-id=pdf-watermark]:has(>.tool-skeleton){min-block-size:490px}[data-tool-id=csv-splitter]:has(>.tool-skeleton){min-block-size:500px}[data-tool-id=pdf-to-image]:has(>.tool-skeleton){min-block-size:510px}[data-tool-id=keyboard-test]:has(>.tool-skeleton),[data-tool-id=mouse-test]:has(>.tool-skeleton),[data-tool-id=speaker-test]:has(>.tool-skeleton){min-block-size:530px}[data-tool-id=gif-maker]:has(>.tool-skeleton),[data-tool-id=pdf-crop-resize]:has(>.tool-skeleton),[data-tool-id=percentage-calculator]:has(>.tool-skeleton){min-block-size:540px}[data-tool-id=screenshot-beautifier]:has(>.tool-skeleton){min-block-size:560px}[data-tool-id=loan-calculator]:has(>.tool-skeleton),[data-tool-id=typing-practice]:has(>.tool-skeleton){min-block-size:580px}[data-tool-id=hash-generator]:has(>.tool-skeleton),[data-tool-id=image-watermark]:has(>.tool-skeleton),[data-tool-id=lorem-ipsum]:has(>.tool-skeleton),[data-tool-id=team-generator]:has(>.tool-skeleton){min-block-size:610px}[data-tool-id=countdown]:has(>.tool-skeleton){min-block-size:620px}[data-tool-id=interval-timer]:has(>.tool-skeleton){min-block-size:650px}[data-tool-id=pdf-protect]:has(>.tool-skeleton){min-block-size:670px}[data-tool-id=favicon-generator]:has(>.tool-skeleton),[data-tool-id=timer]:has(>.tool-skeleton){min-block-size:680px}[data-tool-id=metronome]:has(>.tool-skeleton){min-block-size:690px}[data-tool-id=number-base-converter]:has(>.tool-skeleton){min-block-size:710px}[data-tool-id=pomodoro-timer]:has(>.tool-skeleton){min-block-size:730px}[data-tool-id=name-picker]:has(>.tool-skeleton),[data-tool-id=qr-generator]:has(>.tool-skeleton){min-block-size:750px}[data-tool-id=image-workflow]:has(>.tool-skeleton){min-block-size:760px}[data-tool-id=refresh-rate-test]:has(>.tool-skeleton){min-block-size:770px}[data-tool-id=regex-tester]:has(>.tool-skeleton){min-block-size:840px}[data-tool-id=world-clock]:has(>.tool-skeleton){min-block-size:850px}[data-tool-id=time-zone-converter]:has(>.tool-skeleton){min-block-size:860px}[data-tool-id=code-formatter]:has(>.tool-skeleton),[data-tool-id=image-to-base64]:has(>.tool-skeleton),[data-tool-id=table-converter]:has(>.tool-skeleton),[data-tool-id=text-compare]:has(>.tool-skeleton){min-block-size:880px}[data-tool-id=calorie-calculator]:has(>.tool-skeleton),[data-tool-id=jwt-decoder]:has(>.tool-skeleton){min-block-size:900px}[data-tool-id=color-converter]:has(>.tool-skeleton){min-block-size:910px}[data-tool-id=timestamp-converter]:has(>.tool-skeleton){min-block-size:920px}[data-tool-id=encode-decode]:has(>.tool-skeleton){min-block-size:930px}[data-tool-id=word-counter]:has(>.tool-skeleton){min-block-size:940px}[data-tool-id=work-hours-calculator]:has(>.tool-skeleton){min-block-size:950px}[data-tool-id=barcode-generator]:has(>.tool-skeleton),[data-tool-id=json-to-code]:has(>.tool-skeleton),[data-tool-id=json-tools]:has(>.tool-skeleton),[data-tool-id=line-tools]:has(>.tool-skeleton),[data-tool-id=slug-generator]:has(>.tool-skeleton),[data-tool-id=yaml-json-converter]:has(>.tool-skeleton){min-block-size:960px}[data-tool-id=case-converter]:has(>.tool-skeleton),[data-tool-id=excel-to-sql]:has(>.tool-skeleton),[data-tool-id=find-and-replace]:has(>.tool-skeleton){min-block-size:990px}[data-tool-id=spin-wheel]:has(>.tool-skeleton){min-block-size:1020px}[data-tool-id=excel-to-pdf]:has(>.tool-skeleton){min-block-size:1030px}[data-tool-id=unit-converter]:has(>.tool-skeleton){min-block-size:1070px}[data-tool-id=cron-generator]:has(>.tool-skeleton){min-block-size:1150px}[data-tool-id=morse-code-translator]:has(>.tool-skeleton){min-block-size:1160px}[data-tool-id=markdown-editor]:has(>.tool-skeleton){min-block-size:1420px}[data-tool-id=fancy-text-generator]:has(>.tool-skeleton){min-block-size:1530px}[data-tool-id=symbols]:has(>.tool-skeleton){min-block-size:3790px}}@media (min-width: 900px){[data-tool-id=dead-pixel-test]:has(>.tool-skeleton),[data-tool-id=pdf-compare]:has(>.tool-skeleton),[data-tool-id=pdf-metadata]:has(>.tool-skeleton),[data-tool-id=pdf-redact]:has(>.tool-skeleton),[data-tool-id=pitch-changer]:has(>.tool-skeleton),[data-tool-id=remove-blank-pages-pdf]:has(>.tool-skeleton){min-block-size:290px}[data-tool-id=pdf-merge]:has(>.tool-skeleton),[data-tool-id=pregnancy-calculator]:has(>.tool-skeleton),[data-tool-id=random-number]:has(>.tool-skeleton){min-block-size:300px}[data-tool-id=blur-background]:has(>.tool-skeleton),[data-tool-id=image-compare]:has(>.tool-skeleton),[data-tool-id=image-vectorizer]:has(>.tool-skeleton),[data-tool-id=pixel-art-maker]:has(>.tool-skeleton),[data-tool-id=signature-extractor]:has(>.tool-skeleton),[data-tool-id=transparent-background]:has(>.tool-skeleton){min-block-size:320px}[data-tool-id=dice-roller]:has(>.tool-skeleton),[data-tool-id=pdf-pages]:has(>.tool-skeleton),[data-tool-id=photo-editor]:has(>.tool-skeleton),[data-tool-id=qr-reader]:has(>.tool-skeleton){min-block-size:330px}[data-tool-id=image-to-text]:has(>.tool-skeleton){min-block-size:340px}[data-tool-id=keyboard-test]:has(>.tool-skeleton){min-block-size:350px}[data-tool-id=mouse-test]:has(>.tool-skeleton),[data-tool-id=roman-numerals-converter]:has(>.tool-skeleton),[data-tool-id=team-generator]:has(>.tool-skeleton),[data-tool-id=typing-test]:has(>.tool-skeleton){min-block-size:360px}[data-tool-id=word-to-pdf]:has(>.tool-skeleton){min-block-size:370px}[data-tool-id=alarm-clock]:has(>.tool-skeleton),[data-tool-id=collage-maker]:has(>.tool-skeleton),[data-tool-id=image-to-pdf]:has(>.tool-skeleton),[data-tool-id=video-merger]:has(>.tool-skeleton){min-block-size:380px}[data-tool-id=voice-recorder]:has(>.tool-skeleton){min-block-size:400px}[data-tool-id=audio-converter]:has(>.tool-skeleton),[data-tool-id=background-remover]:has(>.tool-skeleton),[data-tool-id=barcode-reader]:has(>.tool-skeleton),[data-tool-id=exif-remover]:has(>.tool-skeleton),[data-tool-id=gif-to-video]:has(>.tool-skeleton),[data-tool-id=image-compressor]:has(>.tool-skeleton),[data-tool-id=image-resizer]:has(>.tool-skeleton),[data-tool-id=image-rotate]:has(>.tool-skeleton),[data-tool-id=image-splitter]:has(>.tool-skeleton),[data-tool-id=image-upscaler]:has(>.tool-skeleton),[data-tool-id=pdf-extract-images]:has(>.tool-skeleton),[data-tool-id=pdf-ocr]:has(>.tool-skeleton),[data-tool-id=pdf-to-text]:has(>.tool-skeleton),[data-tool-id=pdf-to-word]:has(>.tool-skeleton),[data-tool-id=product-photo]:has(>.tool-skeleton),[data-tool-id=video-compressor]:has(>.tool-skeleton),[data-tool-id=video-converter]:has(>.tool-skeleton),[data-tool-id=video-to-audio]:has(>.tool-skeleton){min-block-size:410px}[data-tool-id=csv-splitter]:has(>.tool-skeleton),[data-tool-id=image-converter]:has(>.tool-skeleton),[data-tool-id=pdf-page-numbers]:has(>.tool-skeleton),[data-tool-id=secret-santa-generator]:has(>.tool-skeleton),[data-tool-id=tip-calculator]:has(>.tool-skeleton){min-block-size:420px}[data-tool-id=coin-flip]:has(>.tool-skeleton),[data-tool-id=date-calculator]:has(>.tool-skeleton),[data-tool-id=uuid-generator]:has(>.tool-skeleton){min-block-size:430px}[data-tool-id=bmi-calculator]:has(>.tool-skeleton),[data-tool-id=name-picker]:has(>.tool-skeleton),[data-tool-id=pdf-to-image]:has(>.tool-skeleton){min-block-size:440px}[data-tool-id=number-to-words]:has(>.tool-skeleton){min-block-size:450px}[data-tool-id=audio-volume]:has(>.tool-skeleton),[data-tool-id=gif-maker]:has(>.tool-skeleton),[data-tool-id=pdf-compress]:has(>.tool-skeleton),[data-tool-id=pdf-crop-resize]:has(>.tool-skeleton),[data-tool-id=pdf-grayscale]:has(>.tool-skeleton),[data-tool-id=pdf-unlock]:has(>.tool-skeleton),[data-tool-id=text-compare]:has(>.tool-skeleton){min-block-size:460px}[data-tool-id=speaker-test]:has(>.tool-skeleton){min-block-size:480px}[data-tool-id=aspect-ratio-calculator]:has(>.tool-skeleton),[data-tool-id=pdf-watermark]:has(>.tool-skeleton),[data-tool-id=qr-generator]:has(>.tool-skeleton),[data-tool-id=screenshot-beautifier]:has(>.tool-skeleton){min-block-size:490px}[data-tool-id=percentage-calculator]:has(>.tool-skeleton){min-block-size:520px}[data-tool-id=word-counter]:has(>.tool-skeleton){min-block-size:530px}[data-tool-id=countdown]:has(>.tool-skeleton),[data-tool-id=image-watermark]:has(>.tool-skeleton),[data-tool-id=lorem-ipsum]:has(>.tool-skeleton){min-block-size:540px}[data-tool-id=hash-generator]:has(>.tool-skeleton){min-block-size:570px}[data-tool-id=loan-calculator]:has(>.tool-skeleton),[data-tool-id=timestamp-converter]:has(>.tool-skeleton){min-block-size:580px}[data-tool-id=time-zone-converter]:has(>.tool-skeleton),[data-tool-id=timer]:has(>.tool-skeleton){min-block-size:600px}[data-tool-id=barcode-generator]:has(>.tool-skeleton),[data-tool-id=case-converter]:has(>.tool-skeleton),[data-tool-id=code-formatter]:has(>.tool-skeleton),[data-tool-id=encode-decode]:has(>.tool-skeleton),[data-tool-id=image-to-base64]:has(>.tool-skeleton),[data-tool-id=json-to-code]:has(>.tool-skeleton),[data-tool-id=json-tools]:has(>.tool-skeleton),[data-tool-id=regex-tester]:has(>.tool-skeleton),[data-tool-id=slug-generator]:has(>.tool-skeleton),[data-tool-id=table-converter]:has(>.tool-skeleton),[data-tool-id=yaml-json-converter]:has(>.tool-skeleton){min-block-size:610px}[data-tool-id=metronome]:has(>.tool-skeleton),[data-tool-id=typing-practice]:has(>.tool-skeleton){min-block-size:620px}[data-tool-id=jwt-decoder]:has(>.tool-skeleton),[data-tool-id=number-base-converter]:has(>.tool-skeleton){min-block-size:630px}[data-tool-id=excel-to-sql]:has(>.tool-skeleton),[data-tool-id=spin-wheel]:has(>.tool-skeleton){min-block-size:640px}[data-tool-id=interval-timer]:has(>.tool-skeleton){min-block-size:650px}[data-tool-id=pdf-protect]:has(>.tool-skeleton){min-block-size:670px}[data-tool-id=favicon-generator]:has(>.tool-skeleton){min-block-size:680px}[data-tool-id=excel-to-pdf]:has(>.tool-skeleton),[data-tool-id=line-tools]:has(>.tool-skeleton){min-block-size:690px}[data-tool-id=cron-generator]:has(>.tool-skeleton){min-block-size:710px}[data-tool-id=find-and-replace]:has(>.tool-skeleton){min-block-size:720px}[data-tool-id=pomodoro-timer]:has(>.tool-skeleton){min-block-size:730px}[data-tool-id=image-workflow]:has(>.tool-skeleton){min-block-size:760px}[data-tool-id=markdown-editor]:has(>.tool-skeleton),[data-tool-id=refresh-rate-test]:has(>.tool-skeleton){min-block-size:770px}[data-tool-id=work-hours-calculator]:has(>.tool-skeleton),[data-tool-id=world-clock]:has(>.tool-skeleton){min-block-size:790px}[data-tool-id=calorie-calculator]:has(>.tool-skeleton){min-block-size:800px}[data-tool-id=morse-code-translator]:has(>.tool-skeleton){min-block-size:820px}[data-tool-id=unit-converter]:has(>.tool-skeleton){min-block-size:880px}[data-tool-id=color-converter]:has(>.tool-skeleton){min-block-size:920px}[data-tool-id=fancy-text-generator]:has(>.tool-skeleton){min-block-size:1510px}[data-tool-id=symbols]:has(>.tool-skeleton){min-block-size:2870px}}