@layer qr-base{.qr-tool-page{--qr-accent:#087ee8}.tool-accent-qrGenerator{background:radial-gradient(circle at 78% 18%,#18d1b51f,#0000 30%),linear-gradient(135deg,#fff 0%,#f4fbff 55%,#f5f3ff 100%)}.tool-accent-qrGenerator .tool-label,.tool-accent-qrGenerator .privacy-note{color:#087667}.tool-accent-qrGenerator .tool-label i{color:var(--qr-accent)}.tool-accent-qrWifi{background:radial-gradient(circle at 78% 18%,#1fa87824,#0000 30%),linear-gradient(135deg,#fff 0%,#f2fff9 55%,#f3f7ff 100%)}.tool-accent-qrWifi .tool-label,.tool-accent-qrWifi .privacy-note{color:#087667}.tool-accent-qrWifi .tool-label i{color:#15996c}.tool-accent-qrVcard{background:radial-gradient(circle at 78% 18%,#764af121,#0000 30%),linear-gradient(135deg,#fff 0%,#f8f6ff 55%,#f3f9ff 100%)}.tool-accent-qrVcard .tool-label,.tool-accent-qrVcard .privacy-note{color:#6540c9}.tool-accent-qrVcard .tool-label i{color:#7547ea}.tool-accent-qrReader{background:radial-gradient(circle at 78% 18%,#087ee821,#0000 30%),linear-gradient(135deg,#fff 0%,#f3f9ff 55%,#f7f5ff 100%)}.tool-accent-qrReader .tool-label,.tool-accent-qrReader .privacy-note{color:#0874cf}.tool-accent-qrReader .tool-label i{color:#087ee8}.tool-accent-qrScanner{background:radial-gradient(circle at 78% 18%,#1fa87824,#0000 30%),linear-gradient(135deg,#fff 0%,#f2fff9 55%,#f3f7ff 100%)}.tool-accent-qrScanner .tool-label,.tool-accent-qrScanner .privacy-note{color:#087667}.tool-accent-qrScanner .tool-label i{color:#15996c}.qr-step-item.is-active span{color:#fff;background:var(--qr-accent);box-shadow:0 8px 20px #087ee833}.qr-step-item.is-active strong{color:#0874cf}}@layer qr-components{.qr-workspace-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:24px;margin-top:34px;display:grid}.qr-settings-panel,.qr-preview-panel{min-width:0}.qr-content-field{color:#30476c;gap:9px;margin:24px 0 30px;font-size:.84rem;font-weight:850;display:grid}.qr-content-field textarea{resize:vertical;width:100%;min-height:132px;color:var(--ink);font:inherit;background:#fff;border:1px solid #c9dcf2;border-radius:14px;padding:15px 16px;line-height:1.6}.qr-content-field textarea:focus{border-color:var(--qr-accent);outline:3px solid #087ee821}.qr-content-field small{color:var(--muted);font-size:.72rem;font-weight:650}.qr-subheading{border-top:1px solid var(--line);margin:0 0 22px;padding-top:25px}.qr-subheading h2{color:var(--ink);margin:4px 0 0;font-size:clamp(1.25rem,2vw,1.65rem)}.qr-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.qr-color-grid>label{color:#30476c;gap:8px;min-width:0;font-size:.78rem;font-weight:850;display:grid}.qr-color-control{background:#fff;border:1px solid #cadcf1;border-radius:12px;grid-template-columns:48px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.qr-color-control input[type=color]{cursor:pointer;background:#fff;border:0;border-right:1px solid #cadcf1;width:48px;height:50px;padding:6px}.qr-color-control input[type=text]{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;padding:0 10px;font-size:.78rem;font-weight:800}.qr-color-control:focus-within{border-color:var(--qr-accent);box-shadow:0 0 0 3px #087ee81f}.qr-correction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.qr-correction-grid label{min-width:0}.qr-correction-grid input{opacity:0;pointer-events:none;position:absolute}.qr-correction-grid span{border:1px solid var(--line);color:#3f5477;cursor:pointer;background:#fff;border-radius:12px;align-content:center;gap:3px;min-height:62px;padding:9px 11px;display:grid}.qr-correction-grid strong{font-size:.76rem}.qr-correction-grid small{color:var(--muted);font-size:.64rem;font-weight:650}.qr-correction-grid input:checked+span{color:#0874cf;background:#eef8ff;border-color:#80bfef;box-shadow:0 0 0 2px #087ee812}.qr-correction-grid input:focus-visible+span{outline-offset:2px;outline:3px solid #087ee833}.qr-correction-grid input:disabled+span{opacity:.44;cursor:not-allowed}.qr-logo-field{color:#30476c;gap:9px;margin:22px 0;font-size:.78rem;font-weight:850;display:grid}.qr-logo-field>div{flex-wrap:wrap;gap:8px;display:flex}.qr-logo-field button{color:#a43140;min-height:44px;font:inherit;cursor:pointer;background:#fff8f9;border:1px solid #efc8cf;border-radius:11px;align-items:center;gap:7px;padding:0 13px;font-size:.74rem;font-weight:850;display:inline-flex}.qr-logo-field small{color:var(--muted);font-size:.68rem;font-weight:650}.qr-logo-field strong{overflow-wrap:anywhere;color:#087667;font-size:.72rem}.qr-logo-field p{color:#087667;background:#eafaf6;border-radius:10px;margin:0;padding:10px 12px;font-size:.7rem;line-height:1.45}.qr-preview-panel{align-self:start;position:sticky;top:94px}.qr-effective-level{color:#087667;background:#e9faf5;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:850}.qr-preview-frame{background-color:#eef5fd;background-image:linear-gradient(45deg,#dce9f8 25%,#0000 25%),linear-gradient(-45deg,#dce9f8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce9f8 75%),linear-gradient(-45deg,#0000 75%,#dce9f8 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #cbdff3;border-radius:18px;place-items:center;min-height:410px;margin-top:24px;padding:26px;display:grid;position:relative;overflow:hidden}.qr-preview-empty{color:#526b91;text-align:center;justify-items:center;gap:15px;max-width:270px;line-height:1.6;display:grid}.qr-preview-empty i{width:76px;height:76px;color:var(--qr-accent);background:#ffffffe6;border-radius:20px;place-items:center;font-size:2.5rem;display:grid;box-shadow:0 12px 25px #18508a17}.qr-preview-empty p{margin:0}.qr-preview-output{aspect-ratio:1;border-radius:12px;width:min(100%,380px);overflow:hidden;box-shadow:0 12px 30px #0e325e24}.qr-preview-output svg{width:100%;height:100%;display:block}.qr-preview-status{color:#315176;text-align:center;font-size:.72rem;font-weight:800;position:absolute;inset:auto 16px 14px}.qr-preview-help{color:var(--muted);align-items:flex-start;gap:8px;margin:14px 0 0;font-size:.74rem;line-height:1.5;display:flex}.qr-preview-help i{color:#087667;flex:none;margin-top:2px}.qr-save-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;display:grid}.qr-save-actions button{min-height:54px}.qr-save-actions .secondary-action{grid-column:1/-1}.qr-save-actions button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.qr-svg-button{background:#087667;box-shadow:0 10px 22px #0876672e}.qr-save-status{color:#087667;text-align:center;min-height:22px;margin:10px 0 0;font-size:.74rem;font-weight:800}.wifi-text-field{color:#30476c;gap:8px;margin:24px 0;font-size:.78rem;font-weight:850;display:grid}.wifi-text-field>input,.wifi-password-control{background:#fff;border:1px solid #cadcf1;border-radius:12px;width:100%;min-height:52px}.wifi-text-field>input{color:var(--ink);font:inherit;padding:0 14px}.wifi-text-field small{color:var(--muted);font-size:.68rem;font-weight:650;line-height:1.45}.wifi-text-field>input:focus,.wifi-password-control:focus-within{border-color:var(--qr-accent);outline:3px solid #087ee81f}.wifi-security-field{margin:0 0 24px}.wifi-security-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wifi-password-control{grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid;overflow:hidden}.wifi-password-control input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;padding:0 14px}.wifi-password-control input:focus{outline:0}.wifi-password-control button{color:#166bbd;min-height:50px;font:inherit;cursor:pointer;background:#f5faff;border:0;border-left:1px solid #d8e5f4;align-items:center;gap:6px;padding:0 13px;font-size:.7rem;font-weight:850;display:inline-flex}.wifi-hidden-control{color:#30476c;cursor:pointer;background:#f8fbff;border:1px solid #d4e2f2;border-radius:12px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:3px 10px;margin:22px 0;padding:14px;display:grid}.wifi-hidden-control input{opacity:0;pointer-events:none;position:absolute}.wifi-hidden-control>span{color:#0000;background:#fff;border:1px solid #a9c4e4;border-radius:7px;grid-row:1/3;place-items:center;width:26px;height:26px;display:grid}.wifi-hidden-control input:checked+span{color:#fff;background:#15996c;border-color:#15996c}.wifi-hidden-control input:focus-visible+span{outline-offset:2px;outline:3px solid #087ee833}.wifi-hidden-control strong{font-size:.78rem}.wifi-hidden-control small{color:var(--muted);font-size:.66rem;font-weight:650;line-height:1.4}.wifi-ready-badge{color:#087667;background:#e9faf5;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:.68rem;font-weight:850;display:inline-flex}.vcard-fields{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.vcard-fields .vcard-field{margin:12px 0}.vcard-fields .vcard-required{grid-column:1/-1;margin-top:24px}.vcard-field>span{align-items:center;gap:7px;display:flex}.vcard-field em{color:#6f5ca5;background:#f0ecff;border-radius:999px;padding:3px 7px;font-size:.6rem;font-style:normal;font-weight:800}.qr-reader-empty{color:#526b91;text-align:center;background:#f6faff;border:1px dashed #a9caed;border-radius:18px;align-content:center;place-items:center;gap:14px;min-height:410px;margin-top:24px;padding:30px;display:grid}.qr-reader-empty>i{width:76px;height:76px;color:var(--qr-accent);background:#e5f2ff;border-radius:20px;place-items:center;font-size:2.5rem;display:grid}.qr-reader-empty p{max-width:340px;margin:0;line-height:1.6}.qr-reader-empty small{font-size:.7rem;font-weight:700}.qr-reader-select{cursor:pointer;justify-content:center;min-width:min(100%,340px);min-height:56px;display:inline-flex}.qr-reader-selected{margin-top:24px}.qr-reader-image-frame{background-color:#eef5fd;background-image:linear-gradient(45deg,#dce9f8 25%,#0000 25%),linear-gradient(-45deg,#dce9f8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce9f8 75%),linear-gradient(-45deg,#0000 75%,#dce9f8 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #cbdff3;border-radius:18px;place-items:center;min-height:410px;display:grid;overflow:hidden}.qr-reader-image-frame img{object-fit:contain;width:100%;height:410px;display:block}.qr-reader-file-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:14px;display:grid}.qr-reader-file-row>div{gap:4px;min-width:0;display:grid}.qr-reader-file-row strong{color:var(--ink);font-size:.75rem}.qr-reader-file-row span{color:#20395d;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800;overflow:hidden}.qr-reader-file-row small{color:var(--muted);font-size:.68rem}.qr-reader-file-row label{cursor:pointer;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 14px;display:inline-flex}.qr-reader-error{margin-top:16px}.qr-reader-result{align-self:start;position:sticky;top:94px}.qr-reader-result-frame{background:#f7faff;border:1px solid #cbdff3;border-radius:18px;place-items:center;min-height:410px;margin-top:24px;padding:26px;display:grid;position:relative}.qr-reader-result-content{width:100%}.qr-reader-result-content textarea{resize:vertical;width:100%;min-height:300px;color:var(--ink);overflow-wrap:anywhere;background:#fff;border:1px solid #bcd6ef;border-radius:14px;padding:18px;font:700 .88rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.qr-reader-result-content textarea:focus{border-color:var(--qr-accent);outline:3px solid #087ee821}.qr-reader-open{justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.qr-reader-actions:has(.qr-reader-open:not([hidden])) .secondary-action{grid-column:1/-1}.qr-scanner-hint{color:var(--muted);margin:18px 0 0;font-size:.78rem;line-height:1.55}.qr-scanner-view{background:#10233d;border:1px solid #bcd4eb;border-radius:18px;place-items:center;min-height:410px;margin-top:18px;display:grid;position:relative;overflow:hidden}.qr-scanner-idle{color:#d9eaff;text-align:center;justify-items:center;gap:15px;max-width:300px;padding:30px;line-height:1.6;display:grid}.qr-scanner-idle i{color:#38c795;background:#ffffff1a;border-radius:20px;place-items:center;width:76px;height:76px;font-size:2.5rem;display:grid}.qr-scanner-idle p{margin:0}.qr-scanner-view video{object-fit:contain;background:#071421;width:100%;height:410px;display:block}.qr-scanner-guide{aspect-ratio:1;pointer-events:none;width:min(66%,300px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.qr-scanner-guide i{filter:drop-shadow(0 2px 5px #00000073);border-style:solid;border-color:#76f0c4;width:44px;height:44px;position:absolute}.qr-scanner-guide i:first-child{border-width:4px 0 0 4px;border-radius:10px 0 0;inset:0 auto auto 0}.qr-scanner-guide i:nth-child(2){border-width:4px 4px 0 0;border-radius:0 10px 0 0;inset:0 0 auto auto}.qr-scanner-guide i:nth-child(3){border-width:0 0 4px 4px;border-radius:0 0 0 10px;inset:auto auto 0 0}.qr-scanner-guide i:nth-child(4){border-width:0 4px 4px 0;border-radius:0 0 10px;inset:auto 0 0 auto}.qr-scanner-live{color:#fff;backdrop-filter:blur(5px);background:#041627d1;border-radius:999px;padding:8px 12px;font-size:.7rem;font-weight:800;position:absolute;inset:auto 14px 14px}.qr-scanner-live:empty{display:none}.qr-scanner-camera-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;display:grid}.qr-scanner-camera-actions button{grid-column:1/-1;min-height:54px}.qr-scanner-error{margin-top:14px}.qr-scanner-result{align-self:start;position:sticky;top:94px}.qr-scanner-file-link{color:#0874cf;background:#f5faff;border:1px solid #c9dcf2;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;margin-top:16px;font-size:.74rem;font-weight:850;display:flex}.qr-scanner-file-link i:last-child{margin-left:auto}.qr-scanner-file-link i:first-child{font-size:1.2rem}}@layer qr-responsive{@media (width<=980px){.qr-workspace-grid{grid-template-columns:1fr}.qr-preview-panel,.qr-reader-result,.qr-scanner-result{position:static}}@media (width<=720px){.qr-workspace-grid{gap:14px;margin-top:26px}.qr-color-grid,.wifi-security-grid,.vcard-fields{grid-template-columns:1fr}.vcard-fields .vcard-required{grid-column:auto}.wifi-password-control button span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.qr-preview-frame{min-height:310px;padding:18px}.qr-preview-output{width:min(100%,300px)}.qr-reader-result{position:static}.qr-reader-empty,.qr-reader-image-frame,.qr-reader-result-frame{min-height:310px}.qr-reader-image-frame img{height:310px}.qr-reader-file-row{grid-template-columns:1fr}.qr-reader-file-row label{width:100%}.qr-reader-result-content textarea{min-height:230px}.qr-reader-source .settings-heading{justify-items:start;display:grid}.qr-reader-source .local-badge{justify-self:start}.qr-scanner-view{min-height:310px}.qr-scanner-view video{height:310px}.qr-scanner-source .settings-heading{justify-items:start;display:grid}.qr-scanner-source .local-badge{justify-self:start}}@media (width<=360px){.qr-size-grid,.qr-correction-grid,.qr-save-actions{grid-template-columns:1fr}.qr-save-actions .secondary-action{grid-column:auto}}}