.tool-textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:18rem;color:var(--text);background:var(--surface);resize:vertical;font-family:var(--mono);outline:none;margin-top:1rem;padding:.9rem;line-height:1.65}.tool-textarea:focus,.copy-field input:focus,.timestamp-settings input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}.timestamp-settings{gap:.9rem;margin-top:1rem;display:grid}.timestamp-settings input,.copy-field input{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:2.8rem;color:var(--text);background:var(--surface);font-family:var(--mono);outline:none;padding:0 .85rem}.copy-field{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;display:grid}.compact-fieldset{border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:.75rem 1rem;margin:0;padding:.8rem;display:flex}.compact-fieldset legend{color:var(--muted-strong);padding:0 .3rem;font-weight:800}.compact-fieldset label{align-items:center;gap:.4rem;display:inline-flex}.compact-fieldset input{accent-color:var(--primary)}.kv-table{border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;display:grid;overflow:hidden}.kv-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(8rem,.38fr) minmax(0,1fr);display:grid}.kv-row:last-child{border-bottom:0}.kv-key,.kv-value{overflow-wrap:anywhere;min-width:0;padding:.75rem}.kv-key{color:var(--muted-strong);background:color-mix(in srgb, var(--primary-soft) 42%, transparent);font-weight:800}.kv-value{font-family:var(--mono);line-height:1.55}.responsive-table{border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;overflow-x:auto}.responsive-table table{border-collapse:collapse;width:100%}.responsive-table th,.responsive-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.75rem}.responsive-table th{color:var(--muted-strong);background:color-mix(in srgb, var(--primary-soft) 42%, transparent);font-weight:800}.responsive-table td{font-family:var(--mono);line-height:1.55}.responsive-table tr:last-child td{border-bottom:0}.reference-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;display:grid}.reference-item{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 92%, transparent);min-width:0;padding:1rem}.reference-item h3{margin:0;font-size:1rem}.reference-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.reference-header .button{min-height:2rem;padding-inline:.7rem;font-size:.88rem}.reference-item pre{color:var(--text);font-family:var(--mono);margin:0;line-height:1.55;overflow-x:auto}@media (width<=820px){.copy-field,.kv-row{grid-template-columns:1fr}}.color-converter-workspace{grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr)}.color-field,.color-picker-field,.color-result{color:var(--muted-strong);gap:.45rem;margin-top:1rem;font-weight:800;display:grid}.color-field input,.color-result input{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:3rem;color:var(--text);background:var(--surface);font-family:var(--mono);outline:none;padding:0 .85rem}.color-field input:focus,.color-result input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}.color-field input[data-invalid=true]{border-color:#dc2626;box-shadow:0 0 0 4px #dc262624}.color-picker-field input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;height:3rem;padding:.2rem}.alpha-control{color:var(--muted-strong);grid-template-columns:auto minmax(0,1fr) 3.5rem;align-items:center;gap:.75rem;margin-top:1rem;font-weight:800;display:grid}.alpha-control input{width:100%}.alpha-control output{color:var(--muted);font-family:var(--mono);text-align:right}.color-preview{border:1px solid var(--border);border-radius:var(--radius);background-color:#fff;background-image:linear-gradient(45deg,#d7dee4 25%,#0000 25%),linear-gradient(-45deg,#d7dee4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d7dee4 75%),linear-gradient(-45deg,#0000 75%,#d7dee4 75%);background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-repeat:repeat,repeat,repeat,repeat;background-size:1rem 1rem;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:8rem;margin-top:1rem;overflow:hidden}.color-preview:after{content:"";background:var(--preview-color,transparent);width:100%;height:8rem;display:block}.color-result-grid{gap:.85rem;display:grid}.color-result div{grid-template-columns:minmax(0,1fr) auto;gap:.55rem;display:grid}.color-result .button{min-width:4.5rem}@media (width<=820px){.color-converter-workspace,.color-result div,.alpha-control{grid-template-columns:1fr}.alpha-control output{text-align:left}}