:root{--primary-color: #4246b0;--primary-color-hover: #3539a0;--primary-color-contrast: #ffffff;--bg-color: #e7e6e9;--surface-color: #ffffff;--surface-color-hover: #f5f5f7;--text-color: #1a1a2e;--text-muted: #6b6b80;--border-color: #b0afc0;--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);--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-size-sm: .875rem;--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;--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>")}@media(prefers-color-scheme:dark){:root{--primary-color: #797ddc;--primary-color-hover: #6b6fcf;--primary-color-contrast: #1a1a2e;--bg-color: #232428;--surface-color: #2d2e34;--surface-color-hover: #35363d;--text-color: #e8e8f0;--text-muted: #c4c4d2;--border-color: #4a4b57;--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);--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>")}}*,*: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}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}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;padding:0 2rem;background-color:var(--surface-color);border-bottom:2px solid var(--border-color);box-shadow:var(--shadow-sm)}header nav{display:flex;align-items:center;gap:.25rem}header nav a{padding:.5rem .875rem;color:var(--text-color);font-size:var(--font-size-sm);font-weight:500;transition:background-color var(--transition),color var(--transition);text-decoration:none;border:2px solid transparent}header nav a:hover{background-color:var(--surface-color-hover);color:var(--primary-color);border-color:var(--border-color)}header nav a.active{color:var(--primary-color);background-color:#4246b01a;border-color:var(--primary-color)}main{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}footer{padding:2rem;text-align:center;border-top:2px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-sm)}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:#d1e0df;letter-spacing:.03em;line-height:1;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;padding-top:2rem;border-top:2px solid var(--border-color)}similar-tools-grid{display:grid;grid-template-columns:repeat(4,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:#16a34a;color:#166534}@media(prefers-color-scheme:dark){tot-notice[data-type=success]{color:#4ade80;border-color:#4ade80}}tot-notice[data-type=warning]{background-color:#eab30814;border-color:#ca8a04;color:#854d0e}@media(prefers-color-scheme:dark){tot-notice[data-type=warning]{color:#facc15;border-color:#facc15}}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}tools-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin-top:1.5rem}category-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem}category-header tot-icon{color:var(--primary-color);flex-shrink:0}category-header p{margin-bottom:0}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 var(--text-color);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}.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}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 2rem}page-hero h1{font-size:clamp(3rem,6vw,5rem);color:var(--primary-color);text-shadow:4px 4px 0 rgba(0,0,0,.15);margin-bottom:1rem}page-hero p{font-size:var(--font-size-lg);max-width:600px;margin:0 auto 2rem}@media(prefers-color-scheme:dark){.hero h1{text-shadow:4px 4px 0 rgba(0,0,0,.5)}}@media(max-width:768px){main{padding:1.5rem 1rem}header{padding:0 1rem}header nav{display:none}tools-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}similar-tools-grid{grid-template-columns:repeat(2,1fr)}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}tools-list{grid-template-columns:1fr 1fr;gap:.75rem}tot-card{--card-padding: 1rem}button{width:100%;justify-content:center}}