.image-style fieldset{margin:0 0 1.25rem;padding:0;border:0}.image-style legend{margin-bottom:.7rem;color:#2e3d55;font-size:.82rem;font-weight:750}.image-qr{display:grid;min-height:314px;place-items:center;border:1px solid #e1e7ef;border-radius:8px;background:#fbfcfe}.image-qr canvas{display:block;max-width:100%;height:auto!important}.image-qr.has-frame{position:relative;min-height:370px;padding:18px 18px 62px;border:6px solid currentColor;background:#fff}.image-qr.has-frame canvas{width:260px!important;height:260px!important}.image-qr.has-frame:after{content:attr(data-label);position:absolute;right:14px;bottom:12px;left:14px;padding:.55rem;border-radius:6px;background:currentColor;color:#fff;font-size:.9rem;font-weight:850;text-align:center}.image-qr.frame-blue{color:#1677ff}.image-qr.frame-coral{color:#d84e48}.image-qr.frame-mono{color:#1f2937}
.image-source-preview{display:grid;gap:.45rem;margin-top:.8rem;padding:.65rem;border:1px solid #dfe6ef;border-radius:7px;background:#fff}.image-source-preview[hidden]{display:none}.image-source-preview span{color:#41516a;font-size:.72rem;font-weight:750}.image-source-preview img{display:block;width:100%;max-height:220px;border-radius:6px;background:#f3f5f8;object-fit:contain}.pdf-destination>a{display:grid;width:28px;height:28px;flex:none;place-items:center;margin-left:auto;border-radius:5px;color:#145fc0;text-decoration:none}.pdf-destination>a:hover{background:#e5eefb}
.image-qr-result{display:block;width:min(100%,290px);height:auto}.image-option-disabled{opacity:.42;pointer-events:none}.image-style:after{content:'Advanced colors and frames are temporarily disabled for the fast, stable image QR mode.';display:block;padding:.7rem;border-radius:6px;background:#f1f5fa;color:#647188;font-size:.72rem}
.image-server-form{display:grid;gap:1rem}.image-source-fields{display:grid;gap:1rem}.image-source-fields>label{display:grid;gap:.45rem;color:#2e3d55;font-size:.84rem;font-weight:750}.image-source-fields>label>span{color:#7d8899;font-size:.68rem;text-transform:uppercase}.image-or{display:flex;align-items:center;gap:.7rem;color:#8a95a5;font-size:.7rem;font-weight:800}.image-or:before,.image-or:after{content:'';height:1px;flex:1;background:#e1e6ed}.image-file-field{padding:1rem;border:1px dashed #9fb3cf;border-radius:8px;background:#f8fbff}.image-file-field input{width:100%;margin-top:.25rem;padding:.65rem;border:1px solid #d4dce7;border-radius:6px;background:#fff}.server-result{overflow:hidden}.image-server-downloads{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.8rem}.image-server-downloads a,.image-server-downloads button{display:flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;border:1px solid #ccd7e6;border-radius:7px;background:#fff;color:#17386c;font-weight:750;text-decoration:none}.image-server-downloads .btn{border:0;color:#fff}@media(max-width:600px){.image-server-downloads{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.server-result,.server-result *{visibility:visible}.server-result{position:fixed;inset:20mm;display:grid;border:0}.site-header,.site-footer{display:none!important}}
/* Server-rendered image QR customization controls. */
.image-customize-panel{display:grid;gap:1.25rem}.image-choice-group{margin:0;padding:0;border:0}.image-choice-group legend{margin-bottom:.75rem;color:#263b5c;font-size:.82rem;font-weight:800}.image-color-options,.image-frame-options{display:grid;grid-template-columns:repeat(5,minmax(74px,1fr));gap:.75rem}.image-color-choice,.image-frame-choice{position:relative;display:grid;min-width:0;place-items:center;gap:.5rem;cursor:pointer;color:#4a5a72;font-size:.72rem;text-align:center}.image-color-choice>input[type=radio],.image-frame-choice>input{position:absolute;opacity:0;pointer-events:none}.image-color-dot{width:52px;height:52px;border:5px solid #fff;border-radius:50%;background:var(--choice-color);box-shadow:0 0 0 1px #d5deea}.image-color-choice:has(input:checked) .image-color-dot{box-shadow:0 0 0 4px #2680ff}.image-custom-choice input[type=color]{width:52px;height:52px;padding:4px;border:1px solid #d5deea;border-radius:50%;background:#fff;cursor:pointer}.image-custom-choice:has(input:checked) input[type=color]{box-shadow:0 0 0 3px #2680ff}.image-frame-options{grid-template-columns:repeat(4,minmax(80px,1fr))}.image-frame-choice span{display:grid;width:70px;height:64px;place-items:center;border:2px solid #cad5e3;border-radius:8px;background:#fff;color:#6e7c91;font-size:1.25rem}.image-frame-choice:has(input:checked) span{border-color:#2680ff;box-shadow:0 0 0 3px #dceaff;color:#1677ff}.frame-coral span{color:#d84e48}.frame-minimal span{color:#1f2937}@media(max-width:700px){.image-color-options{grid-template-columns:repeat(3,1fr)}.image-frame-options{grid-template-columns:repeat(2,1fr)}}