.utility-page{color:#fff;background:radial-gradient(circle at 12% 8%,#6592c340,#0000 36%),radial-gradient(circle at 82% 18%,#d3934630,#0000 38%),linear-gradient(155deg,#070b1d,#101838 46%,#070f22);min-height:100vh}.utility-shell{gap:14px;width:min(760px,100%);margin:0 auto;padding:24px 16px 52px;display:grid}.utility-hero{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:26px;padding:24px}.utility-badge{color:#ffd9a5;background:#ffffff17;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.utility-hero h1{letter-spacing:-1.2px;background:linear-gradient(90deg,#fff,#ffe1b8 55%,#d8baff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:13px 0 6px;font-size:clamp(28px,7vw,44px)}.utility-hero p{color:#a7b0d2;margin:0;line-height:1.55}.utility-card{background:#ffffff12;border:1px solid #ffffff1a;border-radius:26px;padding:20px}.utility-presets{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.utility-presets button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;padding:9px 13px;font-weight:700}.utility-label{color:#a7b0d2;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:12px;font-weight:800;display:block}.utility-area,.utility-input{color:#fff;background:#00000038;border:1px solid #ffffff26;border-radius:16px;width:100%;padding:13px;font-size:16px}.utility-area{resize:vertical}.utility-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.utility-actions button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}.utility-primary{background:linear-gradient(135deg,#d39346,#8f72c4)!important;border-color:#0000!important}.qr-controls{grid-template-columns:1fr auto auto;align-items:end;gap:14px;margin-top:14px;display:grid}.qr-controls input[type=color]{background:0 0;border:1px solid #ffffff26;border-radius:12px;width:64px;height:44px}.qr-preview{background:#fff;border-radius:22px;place-items:center;margin-top:18px;padding:16px;display:grid}.qr-preview canvas{border-radius:6px;max-width:100%;height:auto!important}@media (max-width:620px){.qr-controls{grid-template-columns:1fr}.qr-preview{padding:10px}}