[hidden]{display:none!important}.qr-tool-wrapper{background:0 0;border:none;width:100%;max-width:1600px;margin:0 auto;padding:0}.qr-tool-layout{grid-template-rows:auto auto;grid-template-columns:65fr 35fr;align-items:stretch;gap:1rem;width:100%;display:grid}.qr-main{grid-area:1/1/span 2}.qr-export-section{background:var(--bg-surface);border:1px solid var(--border-light);grid-area:2/2;padding:1.25rem}.formatter-header{background:var(--bg-surface);border:1px solid var(--border-light);border-bottom:none;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem 0;display:flex}.formatter-header h1{margin:0;font-size:1.4rem;font-weight:800}.formatter-header p{color:var(--text-muted);margin:0;font-size:.8rem}.qr-main{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-main);flex-direction:column;gap:0;padding:1.25rem;display:flex}.tooltip-trigger{cursor:pointer;color:var(--text-muted);vertical-align:middle;background:0 0;border:none;align-items:center;padding:0 0 0 .25rem;display:inline-flex;position:relative}.tooltip-trigger:hover{color:var(--text-accent)}.tooltip-trigger:after{content:attr(data-tooltip);background:var(--text-main);color:var(--bg-body);white-space:nowrap;border-radius:var(--radius-sharp);pointer-events:none;opacity:0;z-index:10;padding:.3rem .6rem;font-family:ui-monospace,monospace;font-size:.7rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-trigger:hover:after{opacity:1}.tooltip-trigger:focus-visible:after{opacity:1}.qr-section-heading{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0 0 .4rem;padding-top:.6rem;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:600}.qr-section-heading:first-child{padding-top:0}.qr-card{background:var(--bg-input);border:1px solid var(--border-light);margin-bottom:.75rem;padding:1rem}.field-inline-error{color:var(--text-error);margin-left:.5rem;font-family:ui-monospace,monospace;font-size:.7rem}.frame-option input[type=radio]:disabled~.frame-option-inner{opacity:.35;cursor:not-allowed;pointer-events:none}.frame-option input[type=radio]:disabled+.frame-option-inner{opacity:.35;cursor:not-allowed;pointer-events:none}.qr-frame-picker input[type=radio]:disabled~*{cursor:not-allowed}.frame-option:has(input:disabled){cursor:not-allowed}input[type=color]:disabled{opacity:.35;cursor:not-allowed}.qr-type-nav{background:var(--bg-surface);border:1px solid var(--border-light);border-top:none;border-bottom:2px solid var(--border-light);gap:.25rem;margin-bottom:1rem;padding:0 1.5rem;display:flex}.qr-type-nav a{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;padding:.5rem 1rem;font-family:ui-monospace,monospace;font-size:.75rem;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s}.qr-type-nav a:hover{color:var(--text-accent)}.qr-type-nav a[aria-current=page]{color:var(--btn-tertiary-color);border-bottom:2px solid var(--btn-tertiary-border);padding-bottom:.5rem}.field-group{flex-direction:column;gap:.5rem;display:flex}.field-group label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-family:ui-monospace,monospace;font-size:.75rem;font-weight:700;display:block}.field-group textarea{border:1px solid var(--border-light);border-radius:var(--radius-base);background:var(--bg-surface);width:100%;color:var(--text-main);padding:.6rem .75rem;font-family:ui-monospace,monospace;font-size:.875rem;line-height:1.5;transition:border-color .2s}.field-group input[type=url]{border:1px solid var(--border-light);border-radius:var(--radius-base);background:var(--bg-surface);width:100%;color:var(--text-main);padding:.6rem .75rem;font-family:ui-monospace,monospace;font-size:.875rem;line-height:1.5;transition:border-color .2s}.field-group input[type=text]{border:1px solid var(--border-light);border-radius:var(--radius-base);background:var(--bg-surface);width:100%;color:var(--text-main);padding:.6rem .75rem;font-family:ui-monospace,monospace;font-size:.875rem;line-height:1.5;transition:border-color .2s}.field-group input[type=password]{border:1px solid var(--border-light);border-radius:var(--radius-base);background:var(--bg-surface);width:100%;color:var(--text-main);padding:.6rem .75rem;font-family:ui-monospace,monospace;font-size:.875rem;line-height:1.5;transition:border-color .2s}.field-group textarea{border-color:var(--border-accent)}.field-group input[type=url]{border-color:var(--border-accent)}.field-group input:focus,.field-group textarea:focus{border-color:var(--text-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary)15%,transparent);outline:none}.field-hint{color:var(--text-muted);margin:0;font-size:.75rem}.field-group fieldset{border:1px solid var(--border-light);border-radius:var(--radius-base);flex-direction:column;gap:.75rem;margin:0;padding:1rem;display:flex}.field-group fieldset legend{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 .25rem;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:700}.wifi-security-group{flex-wrap:wrap;gap:1.25rem;display:flex}.wifi-security-group label{text-transform:none;letter-spacing:0;color:var(--text-main);cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.wifi-password-row{align-items:flex-end;gap:.5rem;display:flex}.wifi-password-row input{flex:1}.wifi-hidden-label{cursor:pointer;align-items:center;gap:.5rem;text-transform:none!important;letter-spacing:0!important;color:var(--text-main)!important;flex-direction:row!important;font-size:.85rem!important;display:flex!important}#qr-error{color:var(--text-error);background:var(--bg-error);border-left:3px solid var(--text-error);border-radius:var(--radius-sharp);padding:.6rem .9rem;font-size:.8rem;display:none}#qr-error:not(:empty){display:block}.qr-customise{flex-direction:column;gap:.75rem;padding:.875rem;display:flex}.qr-customise-row{flex-wrap:wrap;align-items:flex-start;gap:0;display:flex}.qr-design-col{flex:none;padding-right:1.5rem}.qr-color-col{border-left:1px solid var(--border-light);flex:none;padding-left:1.5rem}@media (max-width:480px){.qr-customise-row{flex-direction:column}.qr-design-col{padding-right:0}.qr-color-col{border-left:none;border-top:1px solid var(--border-light);width:100%;padding-top:1rem;padding-left:0}.qr-export-actions{flex-wrap:wrap}.qr-export-actions .btn-primary{flex:100%;max-width:none}}.qr-frame-picker legend,.qr-color-picker legend{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .5rem;padding:0;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:700;display:block}.qr-color-picker{border:none;margin:0;padding:0}.qr-color-inputs{flex-wrap:wrap;gap:1.25rem;margin-top:.4rem;display:flex}.color-input-group{flex-direction:column;gap:.3rem;display:flex}.color-input-group label{color:var(--text-muted);font-size:.8125rem}.color-input-group input[type=color]{border:1px solid var(--border-light);border-radius:var(--radius-base);background:var(--bg-input);cursor:pointer;width:48px;height:48px;padding:2px}.color-hex-display{color:var(--text-muted);font-family:monospace;font-size:.75rem}.qr-transparent-label{color:var(--text-main);cursor:pointer;flex-direction:row;align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;display:flex}.qr-transparent-label:has(input:disabled){opacity:.35;cursor:not-allowed}.qr-color-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}#contrast-warning{color:var(--text-error);font-size:.75rem}.qr-frame-picker{border:none;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.frame-options-row{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.frame-option{cursor:pointer;flex-direction:column;align-items:center;gap:.4rem;display:flex}.frame-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.frame-option-inner{border:1px solid var(--border-light);border-radius:var(--radius-base);background:var(--bg-surface);flex-direction:column;align-items:center;gap:.4rem;padding:.5rem;transition:border-color .15s,background .15s;display:flex}.frame-option-inner:hover{border-color:var(--border-accent)}.frame-option input[type=radio]:checked+.frame-option-inner{border-color:var(--border-accent);background:var(--bg-surface)}.frame-option input[type=radio]:focus-visible+.frame-option-inner{outline:2px solid var(--border-accent);outline-offset:2px}.frame-option-inner span{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:.7rem}.frame-none-preview{border:2px dashed var(--border-light);width:64px;height:64px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;font-family:ui-monospace,monospace;font-size:.65rem;display:flex}.frame-label-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.frame-label-row label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;white-space:nowrap;font-family:ui-monospace,monospace;font-size:.75rem;font-weight:700}.qr-select{background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;padding:.4rem .6rem;font-family:ui-monospace,monospace;font-size:.75rem}.frame-label-custom-input{background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-main);width:180px;padding:.4rem .6rem;font-family:ui-monospace,monospace;font-size:.75rem}.qr-export{flex-direction:column;gap:.75rem;margin-bottom:0;display:flex}.qr-export-actions{align-items:center;gap:.5rem;display:flex}.qr-export-actions .btn,.qr-format-actions .btn{justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:200px;height:40px;display:flex}.qr-export-downloads{border-top:1px solid var(--border-light);flex-direction:column;gap:.4rem;margin-top:.5rem;padding-top:1rem;display:flex}.share-img-wrapper:has(button:disabled){cursor:not-allowed}.qr-customise-footer{border-top:1px solid var(--border-light);justify-content:flex-end;margin-top:.75rem;padding-top:.75rem;display:flex}.input-clear-wrapper{position:relative}.input-clear-wrapper input{padding-right:2rem}.input-clear-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sharp);background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;line-height:1;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.input-clear-btn:hover{color:var(--text-main)}.qr-field-sublabel{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:600}.btn-group{gap:.25rem;display:flex}.qr-format-actions{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.share-img-wrapper{display:inline-flex;position:relative}.share-img-wrapper[data-tooltip]:after{content:attr(data-tooltip);background:var(--text-main);color:var(--bg-body);white-space:nowrap;border-radius:var(--radius-sharp);pointer-events:none;opacity:0;z-index:10;padding:.3rem .6rem;font-family:ui-monospace,monospace;font-size:.7rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.share-img-wrapper[data-tooltip]:hover:after{opacity:1}.qr-preview-wrapper{flex-direction:column;grid-area:1/2;display:flex}.qr-preview-panel{background:var(--bg-surface);border:1px solid var(--border-light);flex-direction:column;align-items:center;gap:.75rem;height:480px;padding:1.25rem;display:flex;position:static;overflow:hidden}#qr-preview-container{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.qr-empty-state{background:var(--bg-input);border:1px dashed var(--border-light);text-align:center;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:2rem 1rem;display:flex}.qr-empty-icon svg{color:var(--border-light)}.qr-empty-state p{color:var(--text-main);margin:0;font-size:.875rem}.qr-empty-hint{color:var(--text-muted);font-size:.75rem}.qr-live{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}#qr-svg-slot{width:100%;max-width:min(100%,320px);max-height:360px}#qr-svg-slot svg{width:100%;height:auto;max-height:360px;display:block}.qr-transparent-preview{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.qr-live-caption{color:var(--text-muted);text-align:center;word-break:break-all;margin:0;font-family:ui-monospace,monospace;font-size:.7rem}.qr-byte-counter{color:var(--text-muted);margin:0;font-family:ui-monospace,monospace;font-size:.75rem}@media (max-width:768px){.qr-tool-layout{grid-template-rows:auto;grid-template-columns:1fr}.qr-main,.qr-preview-wrapper{grid-area:auto/1}.qr-preview-panel{height:auto;position:static;overflow:visible}.qr-export-section{grid-area:auto/1}.wifi-security-group{flex-direction:column;gap:.5rem}}@page{size:A4 portrait;margin:1.5cm}@media print{.site-header,footer,.formatter-header,.qr-type-nav,.qr-main,.qr-export-section,.qr-byte-counter,.qr-empty-state,.qr-live-caption,#preview-heading,.qr-tool-description,.json-faq{display:none!important}body,.content-wrapper,.qr-tool-wrapper,.qr-tool-layout,.qr-preview-wrapper,.qr-preview-panel{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;position:static!important}#qr-preview-container,#qr-live{display:block!important}#qr-svg-slot{width:100%!important;display:block!important}#qr-svg-slot svg{width:100%!important;height:auto!important;display:block!important}}