.uw{display:grid;gap:16px}.uw-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:16px}.uw-card{border:1px solid #343434;border-radius:10px;background:#0b0b0b;padding:16px;min-width:0}.uw h2,.uw h3{margin-top:0}.uw textarea{min-height:260px;resize:vertical;font-family:Consolas,Menlo,monospace}.uw output,.uw pre{display:block;white-space:pre-wrap;overflow-wrap:anywhere;max-height:480px;overflow:auto}.uw .toolbar{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.uw .toolbar .field{min-width:120px;flex:1}.uw button.alt{background:#222;color:#fff;border:1px solid #4a4a4a}.uw button:focus-visible,.uw input:focus-visible,.uw textarea:focus-visible,.uw select:focus-visible{outline:3px solid #fbff00;outline-offset:2px}.uw-statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.uw-stat{border:1px solid #333;border-radius:8px;padding:12px}.uw-stat b{display:block;font-size:1.4rem;color:#fbff00}.uw-preview{min-height:140px;border:1px solid #444;border-radius:10px;display:grid;place-items:center;padding:20px;color:#111}.uw-swatch{width:100%;height:120px;border-radius:8px;border:1px solid #ffffff55}.uw-password{font:700 1.1rem/1.5 Consolas,monospace;word-break:break-all}.uw-meter{height:10px;background:#292929;border-radius:9px;overflow:hidden}.uw-meter span{display:block;height:100%;background:#79df9a}.uw canvas{background:#fff;padding:12px;image-rendering:pixelated}.uw [aria-invalid=true]{border-color:#ff7777}.uw .notice{border-left:3px solid #fbff00;padding-left:12px;color:#c5c5c0}.uw-results{display:grid;gap:8px}.uw-results button{text-align:left}.uw-file{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:760px){.uw-grid{grid-template-columns:1fr}.uw-statgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.uw-statgrid{grid-template-columns:1fr}.uw .toolbar>*{width:100%}}
.uw-mode{display:inline-flex;gap:0;border:1px solid #444;border-radius:10px;overflow:hidden}.uw-mode button{border-radius:0;margin:0}.uw-mode button[aria-pressed="true"]{box-shadow:inset 0 -3px 0 #111;font-weight:800}.uw-mode button[aria-pressed="true"]::before{content:'✓ '}
.result.is-error{color:#ff8a80;border-color:#a33}.uw-password.is-empty{color:#aaa;font-style:italic;letter-spacing:0}
button:disabled{opacity:.5;cursor:not-allowed}
.uw [data-case][aria-pressed="true"]{font-weight:800}.uw [data-case][aria-pressed="true"]::before{content:'✓ '}
/* QR generator */
.qr-ws .field{display:grid;gap:5px;margin:0}
.qr-ws .field input:not([type=checkbox]):not([type=color]),.qr-ws .field select,.qr-ws .field textarea{width:100%}
.qr-ws input[type=color]{width:100%;height:38px;padding:2px;border-radius:8px;cursor:pointer}
.qr-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}
.qr-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.qr-types button{padding:8px 10px;font-size:13px;min-height:0}
.qr-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4}
.qr-consent{padding:10px;border:1px solid #5a4b16;border-radius:9px;background:#1b1708}
.qr-hint,.qr-note{font-size:12px;color:var(--m,#a2a2a2);margin:0}
.qr-warn{margin:0;padding:8px 10px;border-radius:8px;border:1px solid #7d2f2f;color:#ffb0b0;font-size:12.5px}
.qr-preview{display:grid;place-items:center;min-height:260px;padding:12px;border-radius:10px;background:#1a1a1a}
.qr-preview.is-transparent{background:repeating-conic-gradient(#fff 0 25%,#e4e4e4 0 50%) 0 0/16px 16px}
.qr-preview canvas,.qr-preview svg{display:block;width:100%!important;height:auto!important;max-width:340px;border-radius:6px}
.qr-empty{margin:0;color:var(--m,#a2a2a2);text-align:center}
.qr-link{display:grid;gap:4px;padding:10px;border:1px solid #333;border-radius:9px;font-size:12.5px;word-break:break-all}
.qr-link span{color:var(--m,#a2a2a2)}.qr-link a{color:var(--y,#f5df32)}.qr-link button{justify-self:start;padding:5px 10px;font-size:12px;min-height:0}
@media (max-width:1023px){.qr-ws>.tf-r{order:3}}