.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}}.qr-workspace{grid-template-columns:minmax(24rem,1fr) minmax(20rem,.8fr)}.qr-content-input{min-height:9rem}.qr-option-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.9rem;margin-top:1rem;display:grid}.qr-option-grid input,.qr-option-grid select{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:2.75rem;color:var(--text);background:var(--surface);outline:none;padding:0 .85rem}.qr-option-grid input[type=color]{padding:.25rem}.qr-option-grid input[type=range]{accent-color:var(--primary);padding:0}.qr-file-picker{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;display:grid;position:relative}.qr-file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.qr-file-picker span:last-child{border:1px solid var(--border);border-radius:var(--radius);min-width:0;color:var(--muted-strong);background:var(--surface);text-overflow:ellipsis;white-space:nowrap;padding:.72rem .85rem;overflow:hidden}.qr-preview-panel{min-width:0}.qr-canvas-wrap{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg, color-mix(in srgb, var(--border) 55%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--border) 55%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--border) 55%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--border) 55%, transparent) 75%);background-color:var(--surface);background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-size:1rem 1rem;place-items:center;margin-top:1rem;padding:1rem;display:grid}.qr-canvas-wrap canvas{aspect-ratio:1;border:1px solid var(--border);background:#fff;width:min(100%,32rem);height:auto}.qr-reader-workspace{grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);margin-top:1.25rem}.qr-result-output{min-height:9rem}@media (width<=820px){.qr-workspace,.qr-reader-workspace,.qr-file-picker{grid-template-columns:1fr}}