:root{--primary-color: #797ddc;--primary-color-hover: #6b6fcf;--primary-color-contrast: #1a1a2e;--accent: var(--primary-color);--accent-color: var(--primary-color);--bg-color: #232428;--bg-card: #2d2e34;--bg-muted: #2a2b31;--bg-surface: #2d2e34;--surface-color: #2d2e34;--surface-color-hover: #35363d;--surface: #2d2e34;--surface-1: #2d2e34;--surface-2: #35363d;--surface-3: #40414a;--surface-raised: #35363d;--text-color: #e8e8f0;--text-muted: #c4c4d2;--text: var(--text-color);--text-base: var(--text-color);--text-default: var(--text-color);--text-primary: var(--text-color);--text-accent: var(--primary-color);--logo-color: #d1e0df;--border-color: #4a4b57;--border: var(--border-color);--border-default: var(--border-color);--border-subtle: rgba(255, 255, 255, .12);--color-border: var(--border-color);--color-primary: var(--primary-color);--color-success: #4ade80;--color-info: #60a5fa;--color-warning: #fbbf24;--color-danger: #f87171;--color-error: #f87171;--color-text-muted: var(--text-muted);--success: var(--color-success);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 4px 4px 0 rgba(0, 0, 0, .55);--shadow-lg: 6px 6px 0 rgba(0, 0, 0, .6);--card-padding: 1.5rem;--card-shadow: var(--shadow-md);--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Jersey 10", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-sm: .875rem;--font-size-xs: .75rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--transition: .1s ease;--header-height: 64px;--radius: .75rem;--radius-sm: .5rem;--radius-xs: .25rem;--pixel-border: url("data:image/svg+xml,<svg version='1.1' width='8' height='8' xmlns='http://www.w3.org/2000/svg'><path d='M3 1 h1 v1 h-1 z M4 1 h1 v1 h-1 z M2 2 h1 v1 h-1 z M5 2 h1 v1 h-1 z M1 3 h1 v1 h-1 z M6 3 h1 v1 h-1 z M1 4 h1 v1 h-1 z M6 4 h1 v1 h-1 z M2 5 h1 v1 h-1 z M5 5 h1 v1 h-1 z M3 6 h1 v1 h-1 z M4 6 h1 v1 h-1 z' fill='%23ffffff'/></svg>");--select-arrow: url("data:image/svg+xml,<svg viewBox='0 0 5 3' xmlns='http://www.w3.org/2000/svg'><path d='M0 0 h5 v1 h-1 v1 h-1 v1 h-1 v-1 h-1 v-1 h-1 z' fill='%23ffffff'/></svg>")}@media(prefers-color-scheme:light){html:not([data-theme]){--primary-color: #4246b0;--primary-color-hover: #3539a0;--primary-color-contrast: #ffffff;--accent: var(--primary-color);--accent-color: var(--primary-color);--bg-color: #e7e6e9;--bg-card: #ffffff;--bg-muted: #f1f1f4;--bg-surface: #ffffff;--surface-color: #ffffff;--surface-color-hover: #f5f5f7;--surface: #ffffff;--surface-1: #ffffff;--surface-2: #f5f5f7;--surface-3: #ececf2;--surface-raised: #ffffff;--text-color: #1a1a2e;--text-muted: #6b6b80;--text: var(--text-color);--text-base: var(--text-color);--text-default: var(--text-color);--text-primary: var(--text-color);--text-accent: var(--primary-color);--logo-color: #797ddc;--border-color: #b0afc0;--border: var(--border-color);--border-default: var(--border-color);--border-subtle: rgba(26, 26, 46, .12);--color-border: var(--border-color);--color-primary: var(--primary-color);--color-success: #15803d;--color-info: #2563eb;--color-warning: #b45309;--color-danger: #dc2626;--color-error: #dc2626;--color-text-muted: var(--text-muted);--success: var(--color-success);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .18);--shadow-md: 4px 4px 0 rgba(0, 0, 0, .22);--shadow-lg: 6px 6px 0 rgba(0, 0, 0, .26);--pixel-border: url("data:image/svg+xml,<svg version='1.1' width='8' height='8' xmlns='http://www.w3.org/2000/svg'><path d='M3 1 h1 v1 h-1 z M4 1 h1 v1 h-1 z M2 2 h1 v1 h-1 z M5 2 h1 v1 h-1 z M1 3 h1 v1 h-1 z M6 3 h1 v1 h-1 z M1 4 h1 v1 h-1 z M6 4 h1 v1 h-1 z M2 5 h1 v1 h-1 z M5 5 h1 v1 h-1 z M3 6 h1 v1 h-1 z M4 6 h1 v1 h-1 z' fill='%23000000'/></svg>");--select-arrow: url("data:image/svg+xml,<svg viewBox='0 0 5 3' xmlns='http://www.w3.org/2000/svg'><path d='M0 0 h5 v1 h-1 v1 h-1 v1 h-1 v-1 h-1 v-1 h-1 z' fill='%23000000'/></svg>")}}html[data-theme=light]{--primary-color: #4246b0;--primary-color-hover: #3539a0;--primary-color-contrast: #ffffff;--accent: var(--primary-color);--accent-color: var(--primary-color);--bg-color: #e7e6e9;--bg-card: #ffffff;--bg-muted: #f1f1f4;--bg-surface: #ffffff;--surface-color: #ffffff;--surface-color-hover: #f5f5f7;--surface: #ffffff;--surface-1: #ffffff;--surface-2: #f5f5f7;--surface-3: #ececf2;--surface-raised: #ffffff;--text-color: #1a1a2e;--text-muted: #6b6b80;--text: var(--text-color);--text-base: var(--text-color);--text-default: var(--text-color);--text-primary: var(--text-color);--text-accent: var(--primary-color);--logo-color: #797ddc;--border-color: #b0afc0;--border: var(--border-color);--border-default: var(--border-color);--border-subtle: rgba(26, 26, 46, .12);--color-border: var(--border-color);--color-primary: var(--primary-color);--color-success: #15803d;--color-info: #2563eb;--color-warning: #b45309;--color-danger: #dc2626;--color-error: #dc2626;--color-text-muted: var(--text-muted);--success: var(--color-success);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .18);--shadow-md: 4px 4px 0 rgba(0, 0, 0, .22);--shadow-lg: 6px 6px 0 rgba(0, 0, 0, .26);--pixel-border: url("data:image/svg+xml,<svg version='1.1' width='8' height='8' xmlns='http://www.w3.org/2000/svg'><path d='M3 1 h1 v1 h-1 z M4 1 h1 v1 h-1 z M2 2 h1 v1 h-1 z M5 2 h1 v1 h-1 z M1 3 h1 v1 h-1 z M6 3 h1 v1 h-1 z M1 4 h1 v1 h-1 z M6 4 h1 v1 h-1 z M2 5 h1 v1 h-1 z M5 5 h1 v1 h-1 z M3 6 h1 v1 h-1 z M4 6 h1 v1 h-1 z' fill='%23000000'/></svg>");--select-arrow: url("data:image/svg+xml,<svg viewBox='0 0 5 3' xmlns='http://www.w3.org/2000/svg'><path d='M0 0 h5 v1 h-1 v1 h-1 v1 h-1 v-1 h-1 v-1 h-1 z' fill='%23000000'/></svg>")}html[lang=ar]{direction:rtl;--font-family: "Cairo", "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Jersey 10", "Cairo", "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;image-rendering:pixelated}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-color);background-color:var(--bg-color);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;image-rendering:auto}h1{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.1;letter-spacing:.02em;margin-bottom:1rem}h2{font-family:var(--font-heading);font-size:2rem;font-weight:400;line-height:1.2;letter-spacing:.02em;margin-bottom:.75rem}h2 a{color:inherit}h3{font-size:var(--font-size-xl);font-weight:600;line-height:1.4;margin-bottom:.5rem}h4{font-size:var(--font-size-lg);font-weight:500;line-height:1.4;margin-bottom:.5rem}p{margin-bottom:1rem;color:var(--text-muted)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-color-hover)}strong{font-weight:600}table{width:100%;border-collapse:separate;border-spacing:0;margin:1.25rem 0;font-size:var(--font-size-sm);color:var(--text-color);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm)}thead{background-color:var(--bg-muted)}th{padding:.75rem 1rem;text-align:left;font-family:var(--font-heading);font-weight:400;letter-spacing:.04em;color:var(--text-color);border-bottom:1px solid var(--border-color)}td{padding:.7rem 1rem;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background-color:var(--bg-muted);color:var(--text-color)}th+th,td+td{border-left:1px solid var(--border-subtle)}table code{font-family:var(--font-mono);font-size:.9em;background-color:var(--bg-muted);padding:.1em .35em;border-radius:var(--radius-xs)}@media(max-width:640px){table{display:block;overflow-x:auto;white-space:nowrap}}button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:400;letter-spacing:.04em;color:var(--primary-color-contrast);background-color:var(--primary-color);background-clip:padding-box;border:3px solid transparent;border-image:var(--pixel-border) 3 stretch;border-radius:0;cursor:pointer;box-shadow:var(--shadow-md);transition:background-color var(--transition),transform var(--transition),box-shadow var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap}button:hover{background-color:var(--primary-color-hover);transform:translate(-1px,-1px);box-shadow:var(--shadow-lg)}button:active{transform:translate(2px,2px);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-md)}button.secondary{color:var(--primary-color);background-color:var(--surface-color)}button.secondary:hover{background-color:var(--surface-color-hover)}button.ghost{color:var(--text-color);background-color:var(--bg-color)}button.ghost:hover{background-color:var(--surface-color-hover)}button.danger{background-color:#dc3545}button.danger:hover{background-color:#c82333}input,textarea,select{width:100%;padding:.625rem .875rem;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-color);background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:0;box-shadow:inset 2px 2px #0000001a;transition:border-color var(--transition);outline:none}:is(input,textarea,select):focus{border-color:var(--primary-color)}:is(input,textarea,select):disabled{opacity:.5;cursor:not-allowed}textarea{resize:vertical;min-height:80px}select{appearance:none;padding-right:2.5rem;cursor:pointer;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right .75rem center;background-size:10px auto}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:24px;padding:0;background:transparent;border:none;box-shadow:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:8px;background:var(--surface-color);border:2px solid var(--border-color);box-shadow:var(--shadow-sm)}input[type=range]::-moz-range-track{height:8px;background:var(--surface-color);border:2px solid var(--border-color);box-shadow:var(--shadow-sm)}input[type=range]::-moz-range-progress{height:8px;background:var(--primary-color)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-8px;background:var(--primary-color);border:2px solid color-mix(in srgb,var(--primary-color) 60%,black);box-shadow:3px 3px #00000059;cursor:grab;transition:transform var(--transition),box-shadow var(--transition)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:0;background:var(--primary-color);border:2px solid color-mix(in srgb,var(--primary-color) 60%,black);box-shadow:3px 3px #00000059;cursor:grab;transition:transform var(--transition),box-shadow var(--transition)}input[type=range]:hover::-webkit-slider-thumb{transform:translate(-1px,-1px);box-shadow:5px 5px #0006}input[type=range]:hover::-moz-range-thumb{transform:translate(-1px,-1px);box-shadow:5px 5px #0006}input[type=range]:hover::-webkit-slider-runnable-track{border-color:var(--primary-color)}input[type=range]:hover::-moz-range-track{border-color:var(--primary-color)}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:translate(2px,2px);box-shadow:none}input[type=range]:active::-moz-range-thumb{cursor:grabbing;transform:translate(2px,2px);box-shadow:none}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-runnable-track{border-color:var(--primary-color);box-shadow:var(--shadow-sm),inset 2px 2px #4246b01a}input[type=range]:focus-visible::-moz-range-track{border-color:var(--primary-color);box-shadow:var(--shadow-sm),inset 2px 2px #4246b01a}label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-color);margin-bottom:.375rem}header{position:sticky;top:0;z-index:100;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 2rem;background-color:var(--surface-color);border-bottom:2px solid var(--border-color);box-shadow:var(--shadow-sm)}header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}header-search-trigger{display:flex;align-items:center;gap:.5rem;padding:.45rem .875rem;width:220px;background-color:var(--bg-color);border:2px solid var(--border-color);box-shadow:inset 2px 2px #0000000f;cursor:text;transition:border-color var(--transition)}header-search-trigger tot-icon{color:var(--text-muted);font-size:18px;flex-shrink:0}header-search-trigger span{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden}header-search-trigger:hover{border-color:var(--primary-color)}.header-icon-btn[data-mobile-search]{display:none}.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;color:var(--text-color);background:transparent;border:2px solid transparent;border-radius:0;box-shadow:none;cursor:pointer;transition:background-color var(--transition),border-color var(--transition)}.header-icon-btn tot-icon{font-size:22px}.header-icon-btn:hover{background-color:var(--surface-color-hover);border-color:var(--border-color);transform:none;box-shadow:none}.header-icon-btn:active{transform:none;box-shadow:none}.all-tools-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .875rem;font-family:var(--font-heading);font-size:var(--font-size-sm);letter-spacing:.04em;color:var(--primary-color);background-color:var(--surface-color);border:3px solid transparent;border-image:var(--pixel-border) 3 stretch;box-shadow:var(--shadow-sm);text-decoration:none;white-space:nowrap;transition:background-color var(--transition),box-shadow var(--transition),transform var(--transition)}.all-tools-btn:hover{background-color:var(--surface-color-hover);color:var(--primary-color);box-shadow:var(--shadow-md);transform:translate(-1px,-1px)}.all-tools-btn:active{transform:translate(2px,2px);box-shadow:none}lang-switcher{position:relative;display:inline-flex;align-items:center}lang-switcher-trigger{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .875rem;font-family:var(--font-heading);font-size:var(--font-size-sm);letter-spacing:.04em;color:var(--primary-color);background-color:var(--surface-color);border:3px solid transparent;border-image:var(--pixel-border) 3 stretch;box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition),box-shadow var(--transition),transform var(--transition)}lang-switcher-trigger img{width:1.25rem;height:1.25rem;border-radius:999px;object-fit:cover;flex-shrink:0}lang-switcher-trigger:hover{background-color:var(--surface-color-hover);color:var(--primary-color);box-shadow:var(--shadow-md);transform:translate(-1px,-1px)}lang-switcher-trigger:active,lang-switcher-trigger[aria-expanded=true]{transform:translate(2px,2px);box-shadow:none}lang-switcher-arrow{display:inline-block;width:8px;height:5px;background-color:var(--text-muted);clip-path:polygon(0 0,100% 0,50% 100%);flex-shrink:0;transition:transform var(--transition)}lang-switcher-arrow[data-open=true]{transform:rotate(180deg)}lang-switcher-popover{position:absolute;top:calc(100% + 4px);right:0;z-index:200;min-width:160px;background-color:var(--surface-color);border:2px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}lang-switcher-popover a{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;text-decoration:none;color:var(--text-color);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color);transition:background-color var(--transition)}lang-switcher-popover a:last-child{border-bottom:none}lang-switcher-popover a img{width:1.25rem;height:1.25rem;border-radius:999px;object-fit:cover;flex-shrink:0}lang-switcher-popover a:hover{background-color:var(--surface-color-hover)}lang-switcher-popover a[data-active=true]{color:var(--primary-color);font-weight:600;background-color:var(--surface-color-hover)}search-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}search-modal-backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}search-modal-panel{position:relative;z-index:1;width:100%;max-width:600px;background-color:var(--surface-color);border:2px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(100vh - 120px)}search-modal-header{display:flex;align-items:center;gap:.5rem;padding:0 1rem;border-bottom:2px solid var(--border-color);flex-shrink:0}search-modal-header tot-icon{color:var(--text-muted);flex-shrink:0}search-modal-header input{flex:1;border:none;box-shadow:none;padding:.875rem 0;font-size:var(--font-size-lg);background:transparent}search-modal-header input:focus{border-color:transparent}search-modal-header button{padding:.375rem;background:transparent;border:none;box-shadow:none;color:var(--text-muted);flex-shrink:1;width:auto}search-modal-header button:hover{background:var(--surface-color-hover);transform:none;box-shadow:none}search-modal-header button:active{transform:none}search-modal-results{overflow-y:auto;flex:1}search-modal-results a{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;text-decoration:none;color:var(--text-color);border-bottom:1px solid var(--border-color);transition:background-color var(--transition)}search-modal-results a:last-child{border-bottom:none}search-modal-results a:hover,search-modal-results a[data-selected=true]{background-color:var(--surface-color-hover);color:var(--text-color)}search-modal-results a img{width:40px;height:40px;object-fit:contain;flex-shrink:0;image-rendering:pixelated}search-result-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}search-result-info strong{font-size:var(--font-size-sm);font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}search-result-info span{font-size:var(--font-size-sm);color:var(--text-muted)}search-no-results{display:block;padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}search-modal-hint{display:block;padding:1.5rem 1rem;text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}main{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}footer{padding:3rem 2rem 2rem;border-top:2px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-sm)}footer footer-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto 2rem}footer footer-columns h4{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-color);margin:0 0 .75rem}footer footer-columns ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}footer footer-columns a{color:var(--text-muted);text-decoration:none;transition:color var(--transition)}footer footer-columns a:hover{color:var(--accent-color)}footer footer-copyright{display:block;text-align:center;border-top:1px solid var(--border-color);padding-top:1.5rem}footer footer-copyright p{margin:0}footer footer-copyright a{color:var(--accent-color);text-decoration:none}section{margin-bottom:2rem}tot-icon{display:inline-flex;align-items:center;justify-content:center;font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;vertical-align:middle}tot-icon.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}tot-icon.small{font-size:18px}tot-icon.large{font-size:32px}tot-icon.xlarge{font-size:48px}tot-logo{display:flex;align-items:center;gap:.625rem}tot-logo a{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--text-color)}tot-logo a:hover{text-decoration:none}tot-logo strong{font-family:var(--font-heading);font-size:1.6rem;font-weight:400;color:var(--logo-color);letter-spacing:.03em;line-height:.7;text-shadow:2px 2px 0 rgba(0,0,0,.2)}tot-logo img{height:32px;width:auto;image-rendering:pixelated}tot-card{display:block;background-color:var(--surface-color);padding:var(--card-padding);box-shadow:var(--card-shadow);border:2px solid var(--border-color);margin-bottom:2rem}tool-card{display:block;background-color:var(--surface-color);box-shadow:var(--card-shadow);border:2px solid var(--border-color);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}tool-card a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.875rem;row-gap:.25rem;padding:var(--card-padding);text-decoration:none;color:inherit;align-items:center}tool-card a:hover{text-decoration:none}tool-card a tot-icon{grid-column:1;grid-row:1;color:var(--primary-color)}tool-card a img{grid-column:1;grid-row:1;width:56px;height:56px;object-fit:contain;border:2px solid var(--text-color);box-shadow:var(--shadow-sm);align-self:center}tool-card a h3{grid-column:2;grid-row:1;margin-bottom:0;color:var(--text-color);font-family:var(--font-heading);font-size:1.75rem;font-weight:400;letter-spacing:.04em;line-height:1.1}tool-card a p{grid-column:1 / -1;grid-row:2;margin-bottom:0;font-size:var(--font-size-sm);align-self:start}tool-card:hover{border-color:var(--primary-color);transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}tool-card[data-size=sm] a{padding:.875rem 1rem;column-gap:.625rem;row-gap:.2rem}tool-card[data-size=sm] a tot-icon{font-size:22px}tool-card[data-size=sm] a img{width:28px;height:28px;border-width:1px}tool-card[data-size=sm] a h3{font-size:1.1rem}tool-card[data-size=sm] a p{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}tool-card[data-secondary]{background-color:transparent;border-style:dashed}tool-card[data-secondary] a tot-icon{color:var(--text-muted)}tool-card[data-secondary] a h3,tool-card[data-secondary] a p{color:var(--text-muted)}tool-card[data-secondary]:hover{background-color:var(--surface-color)}similar-tools{display:block;margin-top:3rem;margin-bottom:3rem;padding-top:2rem;border-top:2px solid var(--border-color)}similar-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.875rem;margin-top:1rem}tot-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border:2px solid;margin-bottom:1rem;font-size:var(--font-size-sm);line-height:1.5}tot-notice[data-type=info]{background-color:#4246b014;border-color:var(--primary-color);color:var(--primary-color)}tot-notice[data-type=success]{background-color:#22c55e14;border-color:#4ade80;color:#4ade80}tot-notice[data-type=warning]{background-color:#eab30814;border-color:#facc15;color:#facc15}html[data-theme=light] tot-notice[data-type=success]{border-color:#16a34a;color:#166534}html[data-theme=light] tot-notice[data-type=warning]{border-color:#ca8a04;color:#854d0e}@media(prefers-color-scheme:light){html:not([data-theme]) tot-notice[data-type=success]{border-color:#16a34a;color:#166534}html:not([data-theme]) tot-notice[data-type=warning]{border-color:#ca8a04;color:#854d0e}}tot-notice[data-type=error]{background-color:#ef444414;border-color:#dc2626;color:#dc2626}tot-tabs{display:flex;flex-direction:column;gap:0}tot-tabs tot-tab-list{display:flex;border-bottom:2px solid var(--border-color);gap:0;overflow-x:auto;scrollbar-width:none}tot-tabs tot-tab-list::-webkit-scrollbar{display:none}tot-tabs tot-tab-list tot-tab-trigger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);border:none;border-bottom:3px solid transparent;background:none;cursor:pointer;transition:color var(--transition),border-color var(--transition);white-space:nowrap;margin-bottom:-2px;border-radius:0;box-shadow:none}tot-tabs tot-tab-list tot-tab-trigger:hover{color:var(--primary-color);background:var(--surface-color-hover);box-shadow:none}tot-tabs tot-tab-list tot-tab-trigger[data-active=true]{color:var(--primary-color);border-bottom-color:var(--primary-color);background:none}tot-tabs tot-tab-panel{display:none;padding:1.5rem 0}tot-tabs tot-tab-panel[data-active=true]{display:block}color-picker-wrap{position:relative;display:inline-block}color-picker-wrap color-picker-popover{position:absolute;z-index:200;top:calc(100% + 8px);left:0;box-shadow:var(--shadow-md)}tot-color-picker{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:4px;background-clip:padding-box;border:3px solid transparent;border-image:var(--pixel-border) 3 stretch;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}tot-color-picker:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-lg)}tot-color-picker:active{transform:translate(2px,2px);box-shadow:none}tot-color-picker [data-color-preview]{display:block;width:100%;height:100%;position:relative}tot-color-picker [data-color-preview]:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#aaa 25%,transparent 25%),linear-gradient(-45deg,#aaa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#aaa 75%),linear-gradient(-45deg,transparent 75%,#aaa 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;z-index:0}tot-color-picker [data-color-preview]:after{content:"";position:absolute;inset:0;background-color:inherit;z-index:1}font-picker-wrap{position:relative;display:block;width:100%}.font-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .875rem;font-size:var(--font-size-base);color:var(--text-color);background-color:var(--surface-color);border:2px solid var(--border-color);box-shadow:inset 2px 2px #0000001a;cursor:pointer;transition:border-color var(--transition);text-align:left}.font-picker-trigger:hover,.font-picker-trigger:focus{border-color:var(--primary-color)}.font-picker-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}font-picker-dropdown{position:absolute;z-index:300;top:calc(100% + 4px);left:0;right:0;display:flex;flex-direction:column;background:var(--surface-color);border:2px solid var(--border-color);box-shadow:var(--shadow-lg);max-height:420px}.font-picker-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-color)}.font-picker-search tot-icon{color:var(--text-muted);flex-shrink:0}.font-picker-search input{flex:1;border:none;box-shadow:none;padding:.375rem 0;font-size:var(--font-size-sm);background:transparent;color:var(--text-color);outline:none}.font-picker-search input:focus{border-color:transparent}.font-picker-categories{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-color)}.font-picker-categories button{padding:.25rem .5rem;font-size:var(--font-size-xs);background:transparent;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.font-picker-categories button:hover{border-color:var(--primary-color);color:var(--text-color)}.font-picker-categories button.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--primary-color-contrast)}.font-picker-list{overflow-y:auto;flex:1}.font-picker-item{display:block;width:100%;padding:.5rem .75rem;font-size:var(--font-size-base);background:transparent;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-color);cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background var(--transition)}.font-picker-item:hover{background:var(--bg-card)}.font-picker-item.selected{background:color-mix(in srgb,var(--primary-color) 15%,transparent)}.font-picker-empty,.font-picker-loading{padding:1rem .75rem;font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}tools-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem}category-header{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:end;gap:0px;margin-bottom:2rem;aspect-ratio:2 / 1.2;background-size:cover;background-position:center 10%;padding:2rem;text-shadow:2px 2px 0 rgba(0,0,0,.3),0px 0px 15px #000000;line-height:1}category-header h1{margin-bottom:0;color:#fff;font-size:5em}category-header p{margin-bottom:0;font-family:var(--font-heading);font-size:1.7em;color:#fff}search-container{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;position:relative}search-container tot-icon{position:absolute;left:.875rem;color:var(--text-muted);pointer-events:none}search-container input{padding-left:2.75rem;font-size:var(--font-size-lg)}tool-page{max-width:900px;margin:0 auto}tool-page tool-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}tool-page tool-header section{margin-bottom:0}tool-page tool-header img{width:128px;height:128px;object-fit:contain;border:4px solid #e8e8f0;box-shadow:var(--shadow-md)}tool-page tool-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}tool-page results-section{margin-top:2rem}tool-page results-section download-area{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}tool-page article{display:block;background-color:var(--surface-color);padding:var(--card-padding);box-shadow:var(--card-shadow);border:2px solid var(--border-color);margin-bottom:2rem}tool-page article ul,tool-page article ol{padding-left:1.5rem;margin-bottom:1rem}.monaco-editor{padding:1.5rem 0px}.monaco-editor,.monaco-editor .overflow-guard{border-radius:.5rem}tot-file-picker{display:block;margin-bottom:15px}tot-file-picker drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 2rem;border:2px dashed var(--border-color);text-align:center;cursor:pointer;transition:border-color var(--transition),background-color var(--transition);background-color:var(--surface-color)}tot-file-picker drop-zone tot-icon{font-size:3rem;color:var(--text-muted)}tot-file-picker drop-zone p{margin:0;color:var(--text-muted)}tot-file-picker drop-zone strong{color:var(--primary-color)}tot-file-picker drop-zone:hover,tot-file-picker drop-zone.dragging{border-color:var(--primary-color);background-color:#4246b00a}:is(tot-file-picker drop-zone:hover,tot-file-picker drop-zone.dragging) tot-icon{color:var(--primary-color)}tot-file-picker file-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}tot-file-picker file-list file-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;width:110px;padding:.75rem .5rem .5rem;background-color:var(--surface-color);border:2px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:grab;transition:border-color var(--transition)}tot-file-picker file-list file-card:active{cursor:grabbing}tot-file-picker file-list file-card file-card-thumb{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;overflow:hidden;flex-shrink:0}tot-file-picker file-list file-card file-card-thumb img{width:100%;height:100%;object-fit:cover}tot-file-picker file-list file-card file-card-thumb tot-icon{color:var(--text-muted)}tot-file-picker file-list file-card span{font-size:.75rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--text-color)}tot-file-picker file-list file-card small{font-size:.7rem;color:var(--text-muted)}tot-file-picker file-list file-card .remove{position:absolute;top:3px;right:3px;padding:2px;background:none;border:none;border-image:none;min-width:unset;width:auto;opacity:0;cursor:pointer;transition:opacity var(--transition);color:#dc2626;background:#ef44441f;box-shadow:none;transform:none}tot-file-picker file-list file-card:hover{border-color:var(--primary-color)}tot-file-picker file-list file-card:hover .remove{opacity:1}tot-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:var(--font-size-sm);color:var(--text-muted)}tot-breadcrumb a{color:var(--text-muted);text-decoration:none}tot-breadcrumb a:hover{color:var(--primary-color)}tot-breadcrumb tot-icon{font-size:16px}tot-progress{display:block;height:6px;background-color:var(--border-color);overflow:hidden;margin:1rem 0}tot-progress [data-fill]{height:100%;background-color:var(--primary-color);transition:width .3s ease}@keyframes pixel-spin{to{transform:rotate(360deg)}}tot-spinner{--_px: 4px;--_r: 12px;display:inline-block;position:relative;width:calc(2 * var(--_r) + 2 * var(--_px));height:calc(2 * var(--_r) + 2 * var(--_px));animation:pixel-spin .9s steps(8,end) infinite}tot-spinner:before{content:"";position:absolute;width:var(--_px);height:var(--_px);top:calc(var(--_px) / 2);left:calc(50% - var(--_px) / 2);background:var(--primary-color);box-shadow:calc(sin(-45deg) * var(--_r)) calc(var(--_r) * (1 - cos(-45deg))) 0 0 color-mix(in srgb,var(--primary-color) 70%,transparent),calc(sin(-90deg) * var(--_r)) calc(var(--_r) * (1 - cos(-90deg))) 0 0 color-mix(in srgb,var(--primary-color) 50%,transparent),calc(sin(-135deg) * var(--_r)) calc(var(--_r) * (1 - cos(-135deg))) 0 0 color-mix(in srgb,var(--primary-color) 35%,transparent),calc(sin(180deg) * var(--_r)) calc(var(--_r) * (1 - cos(180deg))) 0 0 color-mix(in srgb,var(--primary-color) 20%,transparent),calc(sin(135deg) * var(--_r)) calc(var(--_r) * (1 - cos(135deg))) 0 0 color-mix(in srgb,var(--primary-color) 12%,transparent),calc(sin(90deg) * var(--_r)) calc(var(--_r) * (1 - cos(90deg))) 0 0 color-mix(in srgb,var(--primary-color) 7%,transparent),calc(sin(45deg) * var(--_r)) calc(var(--_r) * (1 - cos(45deg))) 0 0 color-mix(in srgb,var(--primary-color) 3%,transparent)}tot-spinner[data-size=sm]{--_px: 3px;--_r: 8px;animation-duration:.72s}tot-spinner[data-size=lg]{--_px: 6px;--_r: 18px;animation-duration:1.08s}tot-toggle{display:inline-flex;align-items:center;gap:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none}tot-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:44px;height:22px;background-color:var(--border-color);border:2px solid var(--border-color);position:relative;cursor:pointer;flex-shrink:0;transition:background-color var(--transition),border-color var(--transition)}tot-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background-color:var(--surface-color);transition:transform var(--transition)}tot-toggle input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}tot-toggle input[type=checkbox]:checked:after{transform:translate(22px)}tot-toggle span{font-size:var(--font-size-sm);color:var(--text-color)}tot-radio-group{display:inline-flex;border:2px solid var(--border-color);box-shadow:var(--shadow-sm);width:fit-content}tot-radio-group span{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:var(--font-heading);letter-spacing:.04em;background-color:var(--primary-color);font-size:var(--font-size-sm);font-weight:500;color:var(--text-color);background:var(--surface-color);border:none;border-right:2px solid var(--border-color);border-radius:0;box-shadow:none;cursor:pointer;transition:background var(--transition),color var(--transition);white-space:nowrap}tot-radio-group span:last-child{border-right:none}tot-radio-group span:hover{background:var(--surface-color-hover);box-shadow:none}tot-radio-group span[data-selected=true]{background:var(--primary-color);color:var(--primary-color-contrast);box-shadow:none}.line-numbers:before{display:none!important}form-group{display:flex;flex-direction:column;gap:.875rem;padding:1.5rem 0}form-group+form-group{border-top:1px solid var(--border-color)}form-group:first-child{padding-top:0}form-group:last-child{padding-bottom:0}form-group-label{display:block;font-family:var(--font-heading);font-size:1rem;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}form-field{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:0}form-field>label{margin-bottom:0}form-hint{display:flex;align-items:baseline;gap:.3em;font-size:.8rem;color:var(--text-muted);opacity:.5;line-height:1.4}form-hint:before{content:"ⓘ";flex-shrink:0;font-size:.75rem;line-height:1}form-row{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}form-row>form-field{flex:1;min-width:120px}field-grid{display:grid;gap:1rem}field-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}field-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}field-grid[data-cols=auto]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}field-grid>form-field[data-span="2"]{grid-column:span 2}field-grid:has(>field-cell){grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}field-cell{display:flex;flex-direction:column;gap:.375rem;min-width:0}field-cell>label{margin-bottom:0}form-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding-top:1.5rem;margin-top:.5rem;border-top:2px solid var(--border-color)}@media(max-width:640px){form-row{flex-direction:column}form-row>form-field{min-width:0;width:100%}field-grid[data-cols="2"],field-grid[data-cols="3"]{grid-template-columns:1fr}}ref-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}page-hero{text-align:center;padding:3rem 0 1.5rem;background:linear-gradient(0deg,#232428 10%,transparent 50%),url(/images/hero.avif) center/cover no-repeat;aspect-ratio:1536 / 752;display:flex;flex-flow:column nowrap;align-items:center;margin-bottom:1.5rem;justify-content:end;border:2px solid #ffffff30;line-height:1.3}page-hero h1{font-size:clamp(3rem,6vw,5rem);color:var(--primary-color);text-shadow:4px 4px 0 rgba(0,0,0,.5);margin-bottom:0}page-hero p{font-weight:500;margin:0 auto;color:#fff;font-size:calc(clamp(2.4rem,6.5vw,7rem)/2);font-family:var(--font-heading);line-height:.8em;white-space:pre-wrap}html[data-theme=light] .hero h1{text-shadow:4px 4px 0 rgba(0,0,0,.15)}@media(prefers-color-scheme:light){html:not([data-theme]) .hero h1{text-shadow:4px 4px 0 rgba(0,0,0,.15)}}.category-tool-count{font-family:var(--font-family);font-size:.7em;font-weight:500;color:var(--text-muted);vertical-align:middle}@media(max-width:768px){main{padding:1.5rem 1rem}header{padding:0 1rem}header-search-trigger{display:none}.header-icon-btn[data-mobile-search]{display:inline-flex}.all-tools-btn span{display:none}lang-switcher-trigger span{display:none}search-modal{padding-top:0;align-items:stretch}search-modal-panel{max-width:100%;max-height:100%;height:100%}tools-list{gap:1rem}category-header{flex-direction:column;align-items:flex-start}h1{font-size:2.5rem}h2{font-size:1.75rem}}@media(max-width:480px){main{padding:1rem .75rem}tot-card{--card-padding: 1rem}.all-tools-btn{display:none}button{width:100%;justify-content:center}}blog-header{display:block;text-align:center;padding:2rem 1rem 2.5rem}blog-header h1{font-size:2.5rem;margin:0 0 .5rem}blog-header p{color:var(--text-muted, #666);font-size:1.1rem;margin:0}blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:0 1rem 3rem}blog-list a{text-decoration:none;color:inherit;display:block}blog-list blog-card{display:block;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--card-shadow, 0 2px 8px rgba(0,0,0,.08));transition:transform .15s ease,box-shadow .15s ease;height:100%}blog-list blog-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001f}blog-list blog-card blog-card-image{display:block;width:100%;aspect-ratio:16 / 9;background-size:cover;background-position:center;background-color:#ddd}blog-list blog-card blog-card-body{display:block;padding:1.25rem 1.25rem 1.5rem}blog-list blog-card blog-card-body h2{font-size:1.25rem;margin:0 0 .5rem;line-height:1.3}blog-list blog-card blog-card-body p{color:var(--text-muted, #666);font-size:.95rem;margin:0 0 .75rem;line-height:1.5}blog-meta{display:flex;gap:.5rem;font-size:.85rem;color:var(--text-muted, #888);align-items:center;flex-wrap:wrap}blog-post{display:block;max-width:760px;margin:0 auto;padding:0 1rem 4rem}blog-post blog-post-banner{display:block;width:100%;aspect-ratio:21 / 9;background-size:cover;background-position:center;background-color:#ddd;border-radius:var(--radius);margin:1rem 0 2rem}blog-post blog-post-header{display:block;margin-bottom:2rem}blog-post blog-post-header a{display:inline-block;margin-bottom:1rem;color:var(--primary-color);text-decoration:none;font-size:.95rem}blog-post blog-post-header a:hover{text-decoration:underline}blog-post blog-post-header h1{font-size:2.25rem;line-height:1.2;margin:0 0 .75rem}blog-post blog-post-content{display:block;font-size:1.05rem;line-height:1.75}blog-post blog-post-content h2{font-size:1.6rem;margin:2.5rem 0 1rem}blog-post blog-post-content h3{font-size:1.25rem;margin:2rem 0 .75rem}blog-post blog-post-content p{margin:0 0 1.25rem}blog-post blog-post-content ul,blog-post blog-post-content ol{margin:0 0 1.25rem 1.5rem}blog-post blog-post-content li{margin-bottom:.4rem}blog-post blog-post-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;display:block}blog-post blog-post-content a{color:var(--primary-color);text-decoration:underline}blog-post blog-post-content blockquote{border-left:4px solid var(--primary-color);padding:.25rem 0 .25rem 1rem;color:var(--text-muted, #666);margin:1.5rem 0}blog-post blog-post-content code{background:#0000000f;padding:.1em .35em;border-radius:4px;font-size:.9em}blog-post blog-post-content pre{background:#0000000f;padding:1rem;border-radius:8px;overflow-x:auto}blog-post blog-post-content pre code{background:transparent;padding:0}@media(max-width:768px){blog-header h1{font-size:2rem}blog-post blog-post-header h1{font-size:1.75rem}blog-list{grid-template-columns:1fr;gap:1rem}}model-viewport{display:block;position:relative;width:100%;min-height:240px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 8%,transparent),transparent 60%),var(--bg-muted);border:1px solid var(--border-color)}model-viewport viewport-canvas{display:block;width:100%;height:100%}model-viewport viewport-canvas canvas{display:block;width:100%!important;height:100%!important;touch-action:none;outline:none}model-viewport viewport-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:1rem}model-viewport viewport-overlay tot-notice{pointer-events:auto;max-width:32rem}model-viewport viewport-badge{position:absolute;bottom:.625rem;left:.625rem;display:flex;gap:.75rem;align-items:center;padding:.35rem .7rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-color) 78%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-color);font-size:var(--font-size-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;pointer-events:none}model-viewport viewport-badge strong{color:var(--text-color);font-weight:600}model-viewport viewport-tools{position:absolute;top:.625rem;right:.625rem;display:flex;gap:.35rem}model-viewport viewport-tools button{padding:.35rem;min-width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-color) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-color);color:var(--text-muted);box-shadow:none}model-viewport viewport-tools button:hover{color:var(--text-color);border-color:var(--primary-color);transform:none}model-viewport viewport-tools button[data-active=true]{color:var(--primary-color-contrast);background:var(--primary-color);border-color:var(--primary-color)}model-viewport viewport-tools button tot-icon{font-size:1.1rem}stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:0 0 1rem}stat-grid stat-tile{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .875rem;border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border-color)}stat-grid stat-tile stat-label{display:block;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}stat-grid stat-tile stat-value{display:block;font-size:var(--font-size-xl);font-weight:600;color:var(--text-color);font-variant-numeric:tabular-nums;line-height:1.2;word-break:break-word}stat-grid stat-tile stat-note{display:block;font-size:var(--font-size-xs);color:var(--text-muted)}stat-grid stat-tile[data-tone=good] stat-value{color:var(--color-success)}stat-grid stat-tile[data-tone=warn] stat-value{color:var(--color-warning)}stat-grid stat-tile[data-tone=bad] stat-value{color:var(--color-danger)}scene-tree{display:block;max-height:calc(22rem + 2px);overflow:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-muted);font-size:var(--font-size-sm)}scene-tree tree-node{display:flex;align-items:center;gap:.5rem;min-height:2rem;padding:0 .65rem;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--border-color) 45%,transparent)}scene-tree tree-node:last-child{border-bottom:none}scene-tree tree-node:hover{background:color-mix(in srgb,var(--primary-color) 12%,transparent)}scene-tree tree-node[data-selected=true]{background:color-mix(in srgb,var(--primary-color) 22%,transparent)}scene-tree tree-node tot-icon{font-size:1rem;color:var(--text-muted);flex-shrink:0}scene-tree tree-node tree-swatch{display:block;width:.8rem;height:.8rem;flex-shrink:0;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--text-color) 30%,transparent)}scene-tree tree-node tree-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}scene-tree tree-node tree-meta{flex-shrink:0;color:var(--text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}format-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:var(--radius-xs);background:color-mix(in srgb,var(--primary-color) 18%,transparent);color:var(--text-color);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase}issue-list{display:flex;flex-direction:column;gap:.5rem}issue-list issue-item{display:flex;gap:.65rem;align-items:flex-start;padding:.65rem .8rem;border-radius:var(--radius-sm);background:var(--bg-muted);border-left:3px solid var(--border-color);font-size:var(--font-size-sm)}issue-list issue-item[data-severity=error]{border-left-color:var(--color-danger)}issue-list issue-item[data-severity=warning]{border-left-color:var(--color-warning)}issue-list issue-item[data-severity=info]{border-left-color:var(--color-info)}issue-list issue-item[data-severity=success]{border-left-color:var(--color-success)}issue-list issue-item tot-icon{font-size:1.1rem;flex-shrink:0;margin-top:.05rem}issue-list issue-item issue-body{display:block;flex:1;min-width:0}issue-list issue-item issue-body strong{display:block;margin-bottom:.15rem}issue-list issue-item issue-body small{color:var(--text-muted);display:block;word-break:break-word}issue-list issue-item issue-count{flex-shrink:0;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:var(--font-size-xs)}pointer-more{display:inline-block;margin-left:.4rem;color:var(--text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap}compare-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border-color);margin-bottom:1rem}compare-bar compare-side{display:flex;flex-direction:column;gap:.15rem;min-width:0}compare-bar compare-side small{color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}compare-bar compare-side strong{font-size:var(--font-size-lg);font-variant-numeric:tabular-nums}compare-bar compare-side[data-align=end]{text-align:right}compare-bar compare-delta{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:999px;font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;background:color-mix(in srgb,var(--color-success) 20%,transparent);color:var(--color-success)}compare-bar compare-delta[data-tone=bad]{background:color-mix(in srgb,var(--color-danger) 20%,transparent);color:var(--color-danger)}compare-bar compare-delta[data-tone=neutral]{background:color-mix(in srgb,var(--text-muted) 18%,transparent);color:var(--text-muted)}texture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.875rem}texture-grid texture-card{display:flex;flex-direction:column;gap:.45rem;padding:.65rem;border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border-color)}texture-grid texture-card img,texture-grid texture-card canvas{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:var(--radius-xs);background:repeating-conic-gradient(#8884 0% 25%,transparent 0% 50%) 50% / 16px 16px}texture-grid texture-card texture-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.35rem}texture-grid texture-card texture-compare texture-shot{display:flex;flex-direction:column;gap:.2rem}texture-grid texture-card texture-compare texture-shot small{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}texture-grid texture-card texture-name{display:block;font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}texture-grid texture-card texture-meta{display:block;font-size:var(--font-size-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}data-table-wrap{display:block;overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border-color)}data-table-wrap table{margin:0;border:none}@media(max-width:768px){stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}compare-bar{grid-template-columns:1fr;text-align:center}compare-bar compare-side[data-align=end]{text-align:center}compare-bar compare-delta{justify-self:center}}@media(max-width:480px){stat-grid{grid-template-columns:repeat(2,1fr)}model-viewport viewport-badge{font-size:.65rem;gap:.5rem}}animation-scrubber{display:flex;align-items:center;gap:.75rem}animation-scrubber input[type=range]{flex:1;min-width:0}animation-scrubber time-readout{flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}compare-viewer{display:block;margin-block:1rem}compare-viewer compare-viewer-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.6rem}compare-viewer compare-viewer-head form-hint{margin:0}compare-viewer compare-viewer-panes{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:768px){compare-viewer compare-viewer-panes{grid-template-columns:1fr}}compare-viewer compare-pane{display:block;position:relative;border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}compare-viewer compare-pane-label{position:absolute;top:.5rem;left:.5rem;z-index:2;padding:.15rem .5rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-card) 82%,transparent);border:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-muted);pointer-events:none}viewer-dock{display:block;position:relative}viewer-dock[data-mode=sticky]{position:sticky;z-index:40;padding:.5rem;margin-inline:-.5rem;border-radius:var(--radius);background:color-mix(in srgb,var(--bg-card) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md)}@media(max-height:720px){viewer-dock[data-mode=sticky]{position:relative;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}}viewer-dock dock-toolbar{display:flex;justify-content:flex-end;margin-bottom:.35rem}viewer-dock dock-placeholder{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;min-height:120px;padding:1rem;border:1px dashed var(--border-color);border-radius:var(--radius);color:var(--text-muted);font-size:var(--font-size-sm)}dock-controls{display:inline-flex;gap:.15rem}dock-controls button[data-active=true]{color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 14%,transparent)}viewer-dock-window{display:flex;flex-direction:column;position:fixed;z-index:60;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-lg, 0 18px 48px rgb(0 0 0 / 45%));overflow:hidden}viewer-dock-window dock-titlebar{display:flex;align-items:center;gap:.4rem;padding:.35rem .4rem .35rem .5rem;border-bottom:1px solid var(--border-color);background:var(--surface-2, var(--bg-card));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}viewer-dock-window dock-titlebar:active{cursor:grabbing}viewer-dock-window dock-titlebar span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);color:var(--text-muted)}viewer-dock-window dock-body{flex:1;min-height:0;display:block;overflow:hidden}viewer-dock-window dock-body model-viewport{height:100%!important}viewer-dock-window dock-resize{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 50%,var(--border-color) 50%,var(--border-color) 62%,transparent 62%,transparent 72%,var(--border-color) 72%,var(--border-color) 84%,transparent 84%)}@media(max-width:480px){viewer-dock-window{position:static;width:auto!important;height:auto!important;box-shadow:none}viewer-dock-window dock-titlebar{cursor:default}viewer-dock-window dock-resize{display:none}}texture-slots{display:grid;gap:.4rem;margin-bottom:.5rem}texture-slot{display:grid;grid-template-columns:minmax(9rem,auto) 1fr auto;align-items:center;gap:.6rem;padding:.4rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-1, transparent)}texture-slot:not([data-filled]){opacity:.68;border-style:dashed}texture-slot slot-head{display:flex;align-items:center;gap:.35rem;min-width:0}texture-slot slot-head strong{font-weight:600}texture-slot slot-meta{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);color:var(--text-muted)}texture-slot slot-actions{display:flex;gap:.15rem}@media(max-width:480px){texture-slot{grid-template-columns:1fr auto}texture-slot slot-meta{grid-column:1 / -1}}pdf-preview{display:block}pdf-preview-bar{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border:1px solid var(--border-color);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--bg-muted);font-size:var(--font-size-sm);color:var(--text-muted);flex-wrap:wrap}pdf-preview-bar button{padding:.2rem .4rem;min-width:0}pdf-preview-bar span{font-variant-numeric:tabular-nums;white-space:nowrap}pdf-preview-spacer{display:block;flex:1;min-width:.5rem}pdf-preview-frame{display:block;position:relative;overflow:auto;padding:.75rem;border:1px solid var(--border-color);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--bg-muted);text-align:center}pdf-preview-stage{display:inline-block;position:relative;line-height:0;box-shadow:var(--shadow-sm)}pdf-preview-stage canvas{display:block;max-width:none}pdf-overlay{display:block;position:absolute;border:1.5px solid var(--primary-color);background:color-mix(in srgb,var(--primary-color) 18%,transparent);border-radius:2px;pointer-events:none}pdf-overlay[data-clickable]{pointer-events:auto;cursor:pointer}pdf-overlay[data-tone=success]{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 18%,transparent)}pdf-overlay[data-tone=warning]{border-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 20%,transparent)}pdf-overlay[data-tone=danger]{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 20%,transparent)}pdf-overlay[data-tone=info]{border-color:var(--color-info);background:color-mix(in srgb,var(--color-info) 18%,transparent)}pdf-overlay[data-tone=outline]{background:transparent;border-style:dashed}pdf-overlay[data-selected=true]{border-width:2.5px;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 45%,transparent);z-index:2}pdf-overlay-label{position:absolute;top:-1.15rem;left:-1.5px;display:inline-block;padding:0 .25rem;border-radius:var(--radius-xs);background:var(--primary-color);color:var(--primary-color-contrast);font-size:.625rem;font-family:var(--font-family);line-height:1.1rem;white-space:nowrap;pointer-events:none}pdf-preview-busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-muted) 65%,transparent)}pdf-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}pdf-split[data-weight=preview]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}pdf-split[data-weight=list]{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}@media(max-width:900px){pdf-split{grid-template-columns:minmax(0,1fr)}pdf-split[data-weight=preview],pdf-split[data-weight=list]{grid-template-columns:minmax(0,1fr)}}kv-list{display:grid;grid-template-columns:minmax(7rem,max-content) minmax(0,1fr);gap:.3rem 1rem;font-size:var(--font-size-sm)}kv-list kv-key{display:block;color:var(--text-muted);font-weight:500}kv-list kv-value{display:block;min-width:0;word-break:break-word;font-variant-numeric:tabular-nums}kv-list kv-value[data-mono]{font-family:var(--font-mono);font-size:var(--font-size-xs)}kv-list kv-value[data-tone=good]{color:var(--color-success)}kv-list kv-value[data-tone=warn]{color:var(--color-warning)}kv-list kv-value[data-tone=bad]{color:var(--color-danger)}kv-list kv-value[data-muted]{color:var(--text-muted)}@media(max-width:480px){kv-list{grid-template-columns:minmax(0,1fr);gap:0 0}kv-list kv-key{margin-top:.5rem}}chip-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}tot-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-muted);color:var(--text-color);font-size:var(--font-size-xs);white-space:nowrap}tot-chip tot-icon{font-size:.9rem}tot-chip[data-tone=good]{border-color:var(--color-success);color:var(--color-success)}tot-chip[data-tone=warn]{border-color:var(--color-warning);color:var(--color-warning)}tot-chip[data-tone=bad]{border-color:var(--color-danger);color:var(--color-danger)}tot-chip[data-tone=info]{border-color:var(--color-info);color:var(--color-info)}tot-chip[data-clickable]{cursor:pointer}tot-chip[data-selected=true]{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 20%,transparent)}entry-list{display:flex;flex-direction:column;gap:.4rem}entry-list[data-scroll]{max-height:26rem;overflow-y:auto;padding-right:.25rem}entry-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.5rem .65rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-muted);font-size:var(--font-size-sm)}entry-item>tot-icon{font-size:1.15rem;color:var(--text-muted)}entry-item entry-body{display:block;min-width:0}entry-item entry-body strong{display:block;font-weight:600;overflow-wrap:anywhere}entry-item entry-body small{display:block;color:var(--text-muted);overflow-wrap:anywhere}entry-item entry-body code{font-family:var(--font-mono);font-size:var(--font-size-xs)}entry-item entry-actions{display:flex;gap:.15rem;align-items:center}entry-item entry-actions button{padding:.2rem .4rem}entry-item[data-clickable]{cursor:pointer}entry-item[data-selected=true]{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 14%,var(--bg-muted))}entry-item[data-tone=good]{border-left:3px solid var(--color-success)}entry-item[data-tone=warn]{border-left:3px solid var(--color-warning)}entry-item[data-tone=bad]{border-left:3px solid var(--color-danger)}entry-item[data-tone=info]{border-left:3px solid var(--color-info)}@media(max-width:480px){entry-item{grid-template-columns:auto minmax(0,1fr)}entry-item entry-actions{grid-column:1 / -1;justify-content:flex-end}}tree-list{display:flex;flex-direction:column;gap:.25rem}tree-list[data-scroll]{max-height:30rem;overflow-y:auto;padding-right:.25rem}tree-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.35rem .5rem;padding-left:calc(.5rem + var(--depth, 0) * 1.25rem);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-muted);font-size:var(--font-size-sm)}tree-row tree-grip{display:inline-flex;color:var(--text-muted);cursor:grab}tree-row tree-grip:active{cursor:grabbing}tree-row tree-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tree-row tree-actions{display:flex;gap:.1rem}tree-row tree-actions button{padding:.15rem .35rem}tree-row input[type=text],tree-row input[type=number]{padding:.25rem .4rem;font-size:var(--font-size-sm)}tree-row[data-selected=true]{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 14%,var(--bg-muted))}tree-row[data-dragging=true]{opacity:.45}empty-state{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:2rem 1rem;color:var(--text-muted);text-align:center}empty-state tot-icon{font-size:2.25rem;opacity:.6}empty-state strong{color:var(--text-color);font-weight:600}empty-state small{max-width:30rem}meter-row{display:grid;grid-template-columns:minmax(4.5rem,auto) minmax(0,1fr) minmax(3.5rem,auto);align-items:center;gap:.6rem;font-size:var(--font-size-sm)}meter-row meter-label{color:var(--text-muted)}meter-row meter-track{display:block;height:.6rem;border-radius:999px;background:var(--surface-3);overflow:hidden}meter-row meter-fill{display:block;height:100%;background:var(--primary-color);border-radius:999px;transition:width var(--transition)}meter-row meter-value{text-align:right;font-variant-numeric:tabular-nums}meter-row[data-tone=warn] meter-fill{background:var(--color-warning)}meter-row[data-tone=bad] meter-fill{background:var(--color-danger)}meter-row[data-tone=good] meter-fill{background:var(--color-success)}meter-row[data-plate=c] meter-fill{background:#00a0e0}meter-row[data-plate=m] meter-fill{background:#e2007a}meter-row[data-plate=y] meter-fill{background:#f5d400}meter-row[data-plate=k] meter-fill{background:color-mix(in srgb,var(--text-color) 78%,transparent)}meter-row[data-plate=spot] meter-fill{background:var(--spot-color, var(--primary-color))}meter-stack{display:flex;flex-direction:column;gap:.45rem}data-table-wrap[data-sticky]{max-height:30rem;overflow-y:auto}data-table-wrap[data-sticky] thead th{position:sticky;top:0;z-index:1;background:var(--bg-card)}data-table-wrap td[data-mono],data-table-wrap th[data-mono]{font-family:var(--font-mono);font-size:var(--font-size-xs)}data-table-wrap td[data-numeric]{text-align:right;font-variant-numeric:tabular-nums}button.small{padding:.3rem .7rem;font-size:var(--font-size-sm);gap:.35rem}button.ghost.danger{color:var(--color-danger);background-color:var(--bg-color)}button.ghost.danger:hover{color:var(--primary-color-contrast);background-color:#dc3545}table-head{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}table-head>strong{font-weight:600;margin-right:.25rem}table-head table-head-actions{display:flex;gap:.35rem;flex-wrap:wrap;margin-inline-start:auto}@media(max-width:480px){table-head table-head-actions{margin-inline-start:0;width:100%}}data-table-wrap td>input[type=text]{width:100%;min-width:6rem;padding:.25rem .4rem;font-size:var(--font-size-sm);background:transparent;border-color:transparent;box-shadow:none}data-table-wrap td>input[type=text]:hover{border-color:var(--border-color)}data-table-wrap td>input[type=text]:focus{background:var(--surface-color);border-color:var(--primary-color)}field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(6rem,max-content);align-items:end;gap:.5rem .75rem;padding:.4rem .5rem;margin-bottom:.35rem;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}field-row form-field{margin:0}field-row field-meta{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end;padding-bottom:.35rem}field-row:hover{background:var(--bg-muted)}field-row[data-selected=true]{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,transparent)}@media(max-width:600px){field-row{grid-template-columns:minmax(0,1fr)}field-row field-meta{justify-content:flex-start;padding-bottom:0}}image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.85rem}@media(max-width:480px){image-grid{grid-template-columns:minmax(0,1fr)}}image-card{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-muted)}image-card[data-tone=bad]{border-left:3px solid var(--color-danger)}image-card image-thumb{display:flex;align-items:center;justify-content:center;height:9rem;border-radius:var(--radius-xs);background-color:var(--surface-3);background-image:linear-gradient(45deg,color-mix(in srgb,var(--text-muted) 22%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--text-muted) 22%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--text-muted) 22%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--text-muted) 22%,transparent) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;overflow:hidden}image-card image-thumb img{max-width:100%;max-height:100%;object-fit:contain}image-card image-thumb tot-icon{font-size:2.5rem;color:var(--text-muted);opacity:.6}image-card image-meta{display:flex;flex-direction:column;gap:.5rem;min-width:0}image-card image-meta form-hint{margin:0}image-card image-meta tool-actions{margin-top:0}image-card image-meta button{max-width:100%;overflow:hidden}image-card image-meta button,image-card image-meta button>*{min-width:0}image-card kv-list{grid-template-columns:minmax(5.5rem,max-content) minmax(0,1fr)}page-group{display:contents}attachment-image{display:flex;align-items:center;justify-content:center;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-muted);background-image:linear-gradient(45deg,color-mix(in srgb,var(--text-color) 8%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--text-color) 8%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--text-color) 8%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--text-color) 8%,transparent) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}attachment-image img{display:block;max-width:100%;max-height:22rem;object-fit:contain}font-sample{display:block;padding:.75rem .9rem;border-left:3px solid var(--primary-color);border-radius:var(--radius-xs);background:var(--bg-muted);color:var(--text-color);font-size:1.05rem;line-height:1.5;overflow-wrap:anywhere}tree-fields{display:grid;grid-template-columns:minmax(0,1fr) 5rem;gap:.35rem;align-items:center;min-width:0}tree-fields input{width:100%;min-width:0}@media(max-width:600px){tree-fields{grid-template-columns:minmax(0,1fr)}}entry-group{display:flex;flex-direction:column;gap:.4rem}entry-group+entry-group{margin-top:.85rem}entry-group form-group-label{margin:0}diff-viewer{display:block}diff-viewer-head{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.6rem}diff-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}diff-panes[data-single]{grid-template-columns:minmax(0,1fr)}@media(max-width:900px){diff-panes{grid-template-columns:minmax(0,1fr)}}diff-pane{display:flex;flex-direction:column;gap:.35rem;min-width:0}diff-pane-label{display:flex;align-items:center;gap:.35rem;font-size:var(--font-size-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}diff-frame{display:block;overflow:auto;max-height:620px;padding:.6rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-muted);text-align:center}diff-stage{display:inline-block;position:relative;line-height:0;box-shadow:var(--shadow-sm);background:#fff}diff-stage img{display:block;width:100%;height:auto;max-width:none}diff-stage diff-layer{display:block;position:absolute;inset:0}diff-stage diff-layer img{position:absolute;inset:0;width:100%}diff-swipe-handle{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--primary-color);cursor:col-resize;touch-action:none;z-index:3}diff-swipe-handle:after{content:"";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem;border-radius:999px;border:2px solid var(--primary-color);background:var(--bg-card);box-shadow:var(--shadow-sm)}diff-legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:var(--font-size-sm);color:var(--text-muted);margin-top:.5rem}diff-legend span{display:inline-flex;align-items:center;gap:.35rem}diff-legend tot-swatch{display:inline-block;width:.75rem;height:.75rem;border-radius:2px;border:1px solid var(--border-subtle)}diff-lines{display:flex;flex-direction:column;gap:1px;max-height:22rem;overflow:auto;font-family:var(--font-mono);font-size:var(--font-size-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.4rem;background:var(--bg-muted)}diff-line{display:grid;grid-template-columns:1.1rem minmax(0,1fr);gap:.4rem;padding:.1rem .3rem;border-radius:var(--radius-xs);overflow-wrap:anywhere}diff-line>em{font-style:normal;font-weight:700;text-align:center}diff-line[data-kind=added]{background:color-mix(in srgb,var(--color-success) 16%,transparent);color:var(--color-success)}diff-line[data-kind=removed]{background:color-mix(in srgb,var(--color-danger) 16%,transparent);color:var(--color-danger)}tot-swatch{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;border:1px solid var(--border-subtle)}tot-chip tot-swatch{width:.7rem;height:.7rem}pdf-overlay[data-tone^=box-]{background:transparent;border-style:dashed;border-width:1.5px}pdf-overlay[data-tone=box-media]{border-color:var(--color-info);border-style:solid}pdf-overlay[data-tone=box-crop]{border-color:var(--color-success)}pdf-overlay[data-tone=box-bleed]{border-color:var(--color-warning)}pdf-overlay[data-tone=box-trim]{border-color:var(--color-danger)}pdf-overlay[data-tone=box-art]{border-color:var(--primary-color);border-style:dotted}pdf-overlay[data-tone^=box-] pdf-overlay-label{background:color-mix(in srgb,var(--bg-card) 82%,transparent);color:var(--text-color);border:1px solid currentColor}pdf-overlay[data-tone=box-media] pdf-overlay-label{color:var(--color-info)}pdf-overlay[data-tone=box-crop] pdf-overlay-label{color:var(--color-success)}pdf-overlay[data-tone=box-bleed] pdf-overlay-label{color:var(--color-warning)}pdf-overlay[data-tone=box-trim] pdf-overlay-label{color:var(--color-danger)}pdf-overlay[data-tone=box-art] pdf-overlay-label{color:var(--primary-color)}tot-chip[data-tone=box-media]{border-color:var(--color-info);color:var(--color-info)}tot-chip[data-tone=box-crop]{border-color:var(--color-success);color:var(--color-success)}tot-chip[data-tone=box-bleed]{border-color:var(--color-warning);color:var(--color-warning)}tot-chip[data-tone=box-trim]{border-color:var(--color-danger);color:var(--color-danger)}tot-chip[data-tone=box-art]{border-color:var(--primary-color);color:var(--primary-color)}tot-chip[data-tone^=box-]:not([data-selected=true]){opacity:.45}page-panel{display:block;min-width:0}issue-item[data-selected]{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 14%,var(--bg-muted))}issue-list issue-item[onclick],issue-list issue-item[data-selected]{cursor:pointer}size-diagram{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;padding:.5rem 0}size-diagram diagram-cell{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:8.5rem}size-diagram diagram-cell svg{display:block;width:100%;height:auto}size-diagram diagram-cell svg rect{fill:color-mix(in srgb,var(--primary-color) 16%,transparent);stroke:var(--border-color);stroke-width:1}size-diagram diagram-cell svg rect.dominant{fill:color-mix(in srgb,var(--primary-color) 34%,transparent);stroke:var(--primary-color)}size-diagram diagram-caption{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.1rem}size-diagram diagram-caption strong{font-size:var(--font-size-sm)}size-diagram diagram-caption small{font-size:var(--font-size-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}page-thumbs{display:flex;gap:.4rem;overflow-x:auto;padding:.5rem .25rem;margin-top:.5rem}page-thumbs thumb-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex-shrink:0;padding:.25rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-muted);cursor:pointer}page-thumbs thumb-item canvas{display:block;background:#fff;border-radius:var(--radius-xs)}page-thumbs thumb-item small{font-size:var(--font-size-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}page-thumbs thumb-item[data-selected=true]{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 18%,var(--bg-muted))}page-thumbs thumb-item[data-more=true]{cursor:default;justify-content:center;width:6rem;text-align:center}heat-view{display:grid;place-items:start center;position:relative;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-muted);padding:.5rem;overflow:auto}heat-view canvas{grid-area:1 / 1;display:block;background:#fff;max-width:100%}heat-view canvas[data-layer=heat]{background:transparent;pointer-events:none;image-rendering:auto}heat-legend{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem}heat-legend legend-scale{display:block;height:.6rem;border-radius:999px;border:1px solid var(--border-color);background:linear-gradient(to right,#38bdf840,#22c55e8c 35%,#facc15bf 65%,#f97316e6 88%,#dc2626)}heat-legend legend-labels{display:flex;justify-content:space-between}heat-legend legend-labels small{font-size:var(--font-size-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.5rem;margin-top:.65rem}swatch-grid swatch-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;padding:.45rem .6rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-muted);cursor:pointer}swatch-grid swatch-card[data-selected=true]{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 14%,var(--bg-muted))}swatch-grid swatch-chip{display:block;width:2.1rem;height:2.1rem;flex-shrink:0;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--text-color) 30%,transparent)}swatch-grid swatch-meta{display:block;min-width:0}swatch-grid swatch-meta strong{display:block;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}swatch-grid swatch-meta small{display:block;font-size:var(--font-size-xs);color:var(--text-muted);overflow-wrap:anywhere}swatch-chip[data-unknown],spot-swatch[data-unknown]{background-image:repeating-linear-gradient(45deg,var(--surface-3) 0 4px,transparent 4px 8px)!important}tot-chip tot-swatch{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;border:1px solid var(--border-subtle)}spot-swatch{display:block;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--text-color) 30%,transparent)}@media(max-width:480px){size-diagram diagram-cell{width:6.5rem}swatch-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}}scan-strip{display:flex;gap:.6rem;overflow-x:auto;padding:.25rem .25rem .6rem;scroll-snap-type:x proximity}scan-thumb{display:flex;flex-direction:column;flex:0 0 auto;width:8.25rem;gap:.35rem;padding:.3rem;border:1px solid var(--border-color);border-left:4px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-muted);cursor:pointer;scroll-snap-align:start;transition:border-color var(--transition),background var(--transition)}scan-thumb img{display:block;width:100%;height:auto;border-radius:var(--radius-xs);background:#fff}scan-thumb[data-verdict=digital]{border-left-color:var(--color-success)}scan-thumb[data-verdict=ocr]{border-left-color:var(--color-info)}scan-thumb[data-verdict=mixed]{border-left-color:var(--color-warning)}scan-thumb[data-verdict=scanned]{border-left-color:var(--color-danger)}scan-thumb[data-verdict=empty]{border-left-color:var(--text-muted)}scan-thumb[data-selected=true]{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 14%,var(--bg-muted))}scan-thumb:hover{border-color:var(--primary-color)}scan-thumb-blank{display:flex;align-items:center;justify-content:center;aspect-ratio:17 / 22;border-radius:var(--radius-xs);background:var(--surface-3);color:var(--text-muted)}scan-thumb-caption{display:flex;align-items:baseline;gap:.35rem;min-width:0}scan-thumb-caption strong{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}scan-thumb-caption small{color:var(--text-muted);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ocr-frame{display:block;position:relative;overflow:auto;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-muted);text-align:center}ocr-stage{display:inline-block;position:relative;line-height:0;box-shadow:var(--shadow-sm)}ocr-stage canvas{display:block;max-width:none}ocr-stage canvas+canvas{position:absolute;inset:0;cursor:crosshair}ocr-busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.6rem;background:color-mix(in srgb,var(--bg-muted) 65%,transparent);font-size:var(--font-size-sm);color:var(--text-muted)}ocr-edit-list{display:flex;flex-direction:column;gap:.3rem;max-height:30rem;overflow-y:auto;padding-right:.25rem}ocr-edit-row{display:grid;grid-template-columns:2rem minmax(0,1fr) 2rem;align-items:center;gap:.4rem;padding:.25rem .4rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-muted)}ocr-edit-row input[type=text]{padding:.3rem .45rem;font-family:var(--font-mono);font-size:var(--font-size-sm)}ocr-edit-row[data-selected=true]{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,var(--bg-muted))}ocr-edit-row[data-changed=true]{border-left:3px solid var(--color-warning)}ocr-edit-index{display:block;color:var(--text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;text-align:right}ocr-edit-actions{display:flex;justify-content:flex-end}ocr-edit-actions button{padding:.15rem .3rem}tree-list[data-variant=order] tree-row tree-label{display:flex;align-items:center;gap:.45rem;overflow:visible;white-space:normal}tree-list[data-variant=order] tree-row select{flex:0 0 auto;width:auto;min-width:5.5rem;padding:.2rem 1.6rem .2rem .4rem;font-size:var(--font-size-xs)}tree-list[data-variant=order] tree-row small{flex:1 1 auto;min-width:0;color:var(--text-muted);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}order-index{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:1.5rem;height:1.5rem;padding:0 .3rem;border-radius:999px;background:var(--surface-3);color:var(--text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}