.compressor-section{width:100%;padding-inline:var(--page-padding)}.breadcrumb{color:var(--blue-700);text-underline-offset:.2em;border-radius:.25rem;margin-bottom:.65rem;font-size:.87rem;font-weight:700;display:inline-block}.compressor-section{background:var(--surface-utilities);padding-block:clamp(1.25rem,3vw,2.5rem)}.compressor-shell{border:1px solid var(--grey-300);background:var(--white);border-radius:1.25rem;width:100%;margin-inline:auto;overflow:hidden;box-shadow:0 1.25rem 3.5rem #03214814}.compressor-heading{border-bottom:1px solid var(--grey-200);justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.25rem,2.8vw,2rem);display:flex}.compressor-heading h2{max-width:34rem;font-size:clamp(1.25rem,2vw,1.65rem)}.compressor-heading__copy{min-width:0}.compressor-heading__copy h1{max-width:50rem;margin-bottom:.55rem;font-size:clamp(1.75rem,3vw,2.5rem)}.compressor-heading__copy>p{max-width:48rem;color:var(--grey-700);margin-bottom:0;font-size:clamp(1rem,1.3vw,1.08rem)}.step-label,.result-kicker{color:var(--green-700);letter-spacing:.055em;text-transform:uppercase;margin-bottom:.3rem;font-size:.76rem;font-weight:800}.compressor-workspace{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.25rem,2.8vw,2rem);display:grid}.image-column,.target-column{min-width:0}.image-column{grid-area:1/1}.target-column{grid-area:1/2}.dropzone{background:var(--blue-50);width:100%;min-height:20rem;color:var(--navy-950);cursor:pointer;font:inherit;text-align:center;border:2px dashed #a8bfd4;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:border-color .16s,background-color .16s;display:flex}.dropzone:hover,.dropzone.is-dragging{border-color:var(--blue-700);background:var(--blue-100)}.dropzone__icon{background:var(--white);width:3.5rem;height:3.5rem;color:var(--blue-700);border-radius:1rem;place-items:center;margin-bottom:.85rem;display:grid;box-shadow:0 .35rem 1.25rem #0321481a}.dropzone__title{margin-bottom:.2rem;font-size:1.08rem;font-weight:800}.dropzone__or{color:var(--blue-700);text-underline-offset:.2em;margin-bottom:.7rem;font-size:.93rem;font-weight:700;text-decoration:underline}.dropzone__formats{color:var(--grey-500);font-size:.82rem}.selected-image{border:1px solid var(--grey-300);background:var(--white);border-radius:1rem;overflow:hidden}.selected-image__preview{background-color:var(--grey-100);background-image:linear-gradient(45deg, var(--grey-200) 25%, transparent 25%), linear-gradient(-45deg, var(--grey-200) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--grey-200) 75%), linear-gradient(-45deg, transparent 75%, var(--grey-200) 75%);background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-size:1rem 1rem;place-items:center;min-height:15rem;max-height:23rem;padding:1rem;display:grid}.selected-image__preview img,.result-preview-wrap img{object-fit:contain;max-width:100%;max-height:21rem;display:block}.selected-image__details{padding:1rem 1.1rem}.selected-image__name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:.8rem;font-weight:800;overflow:hidden}.image-metadata,.result-stats{margin:0;display:grid}.image-metadata{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:.9rem}.image-metadata div{min-width:0}.image-metadata dt,.result-stats dt{color:var(--grey-500);letter-spacing:.025em;text-transform:uppercase;font-size:.76rem;font-weight:700}.image-metadata dd,.result-stats dd{margin:.15rem 0 0;font-weight:750}.image-metadata dd{overflow-wrap:anywhere;font-size:.87rem}.target-column{border:1px solid var(--grey-200);background:#fbfcfd;border-radius:1rem;align-self:start;padding:1.25rem}.target-fieldset,.quick-sizes{border:0;min-width:0;margin:0;padding:0}.target-fieldset legend,.quick-sizes legend{color:var(--navy-950);margin-bottom:.5rem;padding:0;font-size:.91rem;font-weight:800}.target-input-group{grid-template-columns:minmax(0,1fr) 5.3rem;display:grid}.target-input-group input,.target-input-group select{border:1px solid var(--grey-300);background:var(--white);min-height:3.2rem;color:var(--navy-950);font:inherit;font-weight:700}.target-input-group input{border-radius:.7rem 0 0 .7rem;min-width:0;padding:.65rem .8rem;font-size:1.06rem}.target-input-group select{border-left:0;border-radius:0 .7rem .7rem 0;padding:.65rem}.field-help,.field-error,.processing-status{font-size:.82rem}.field-help{color:var(--grey-500);margin:.45rem 0 0}.field-error{color:#a0271d;min-height:1.3em;margin:.35rem 0 0;font-weight:700}.quick-sizes,.format-field{margin-top:1.15rem}.format-field>label{color:var(--navy-950);margin-bottom:.5rem;font-size:.91rem;font-weight:800;display:block}.format-field select{border:1px solid var(--grey-300);background:var(--white);width:100%;min-height:3.2rem;color:var(--navy-950);font:inherit;border-radius:.7rem;padding:.65rem 2.4rem .65rem .8rem;font-weight:700}.format-warning{min-height:1.3em;color:var(--grey-700);margin:.4rem 0 0;font-size:.82rem;line-height:1.4}.format-notice{color:var(--grey-700);background:#fff9e9;border:1px solid #e1b95b;border-radius:.75rem;padding:.9rem 1rem;font-size:.88rem}.format-notice>strong,.format-notice>span{display:block}.format-notice>strong{color:var(--navy-950)}.confirmation-control{color:var(--navy-950);cursor:pointer;align-items:flex-start;gap:.55rem;margin-top:.7rem;font-weight:700;display:flex}.confirmation-control input{flex:none;width:1.05rem;height:1.05rem;margin-top:.18rem}.quick-sizes__buttons{flex-wrap:wrap;gap:.45rem;display:flex}.quick-sizes button{border:1px solid var(--grey-300);background:var(--white);min-height:2.45rem;color:var(--grey-700);cursor:pointer;font:inherit;border-radius:.65rem;padding:.45rem .65rem;font-size:.82rem;font-weight:750}.quick-sizes button:hover,.quick-sizes button.is-selected{background:var(--blue-100);color:var(--blue-700);border-color:#8bb7df}.target-column>.action--primary{width:100%;margin-top:1.25rem}.processing-status{min-height:2.6em;color:var(--grey-700);margin:.65rem 0 0;line-height:1.4}.result-panel{border-top:1px solid var(--grey-200);background:#f3fcf9;padding:clamp(1.25rem,2.8vw,2rem)}.result-panel__heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.result-panel__heading h2{font-size:clamp(1.25rem,2vw,1.6rem)}.result-badge{background:var(--white);color:var(--green-700);border:1px solid #a9decf;border-radius:999px;flex:none;padding:.35rem .65rem;font-size:.8rem;font-weight:800}.result-content{grid-template-columns:minmax(14rem,.65fr) minmax(20rem,1fr);align-items:center;gap:clamp(1rem,3vw,2rem);display:grid}.result-preview-wrap{border:1px solid var(--grey-300);background:var(--white);border-radius:.85rem;place-items:center;min-height:13rem;max-height:21rem;display:grid;overflow:hidden}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.result-stats div{border-bottom:1px solid var(--grey-200);min-width:0;padding-bottom:.8rem}.result-stats dd{overflow-wrap:anywhere;font-size:.96rem}.result-stats__highlight dd{color:var(--green-700);font-size:1.12rem}.result-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;display:flex}.breadcrumb:focus-visible,.dropzone:focus-visible,.target-input-group input:focus-visible,.target-input-group select:focus-visible,.format-field select:focus-visible,.confirmation-control input:focus-visible,.quick-sizes button:focus-visible{outline:2px solid var(--blue-700);outline-offset:3px;box-shadow:var(--focus-ring)}.target-input-group input[aria-invalid=true]{border-color:#a0271d}@media (width<=52rem){.compressor-heading{flex-direction:column;align-items:flex-start;gap:.8rem}.compressor-workspace{grid-template-columns:1fr}.image-column,.target-column{grid-area:auto/1}.dropzone{min-height:16rem}.result-content{grid-template-columns:1fr}.result-preview-wrap{max-height:18rem}}@media (width<=35rem){.compressor-section{padding-inline:var(--page-padding)}.compressor-shell{border-radius:1rem}.dropzone{min-height:14rem;padding:1.25rem}.image-metadata,.result-stats{grid-template-columns:1fr}.image-metadata{gap:.45rem}.image-metadata div{justify-content:space-between;gap:1rem;display:flex}.image-metadata dd{text-align:right}.result-panel__heading{flex-direction:column;align-items:flex-start}.result-actions,.result-actions>*{width:100%}}@media (prefers-reduced-motion:reduce){.dropzone{transition:none}}.qr-section{width:100%;padding:clamp(1.25rem, 3vw, 2.5rem) var(--page-padding);background:var(--surface-utilities)}.qr-shell{border:1px solid var(--grey-300);background:var(--white);border-radius:1.25rem;width:100%;margin-inline:auto;overflow:hidden;box-shadow:0 1.25rem 3.5rem #03214814}.qr-heading{border-bottom:1px solid var(--grey-200);justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.25rem,2.8vw,2rem);display:flex}.qr-heading h1{margin-bottom:.5rem;font-size:clamp(1.75rem,3vw,2.5rem)}.qr-heading>div>p{max-width:44rem;color:var(--grey-700);margin:0}.qr-workspace{grid-template-columns:minmax(22rem,.95fr) minmax(22rem,1.05fr);gap:clamp(1.5rem,3vw,3rem);padding:clamp(1.25rem,2.8vw,2rem);display:grid}.qr-controls,.qr-output{min-width:0}.qr-type-picker,.qr-control-section,.qr-branding fieldset,.qr-colours{border:0;min-width:0;margin:0;padding:0}.qr-type-picker legend,.qr-branding legend{color:var(--navy-950);margin-bottom:.6rem;padding:0;font-size:.91rem;font-weight:800}.qr-branding legend span,.qr-controls label>span,.qr-controls label>span:not(.qr-check span){color:var(--grey-500);font-size:.82rem;font-weight:600}.qr-type-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.qr-type-picker label,.qr-style-picker label{cursor:pointer;position:relative}.qr-type-picker input,.qr-style-picker input{opacity:0;width:1px;height:1px;position:absolute}.qr-type-picker label>span,.qr-style-picker label>span{border:1px solid var(--grey-300);background:var(--white);min-height:2.75rem;color:var(--grey-700);text-align:center;border-radius:.65rem;place-items:center;font-size:.85rem;font-weight:750;display:grid}.qr-type-picker input:checked+span,.qr-style-picker input:checked+span{background:var(--blue-100);color:var(--blue-700);border-color:#8bb7df}.qr-type-picker input:focus-visible+span,.qr-style-picker input:focus-visible+span,.qr-controls input:focus-visible,.qr-controls textarea:focus-visible,.qr-controls select:focus-visible,.qr-branding summary:focus-visible{outline:2px solid var(--blue-700);outline-offset:3px;box-shadow:var(--focus-ring)}.qr-control-section{border-top:1px solid var(--grey-200);margin-top:1.5rem;padding-top:1.35rem}.qr-control-section h2,.qr-output h2{margin-bottom:.65rem;font-size:1rem}.qr-controls label:not(.qr-type-picker label,.qr-style-picker label,.qr-check,.qr-file-button){color:var(--navy-950);gap:.38rem;font-size:.88rem;font-weight:750;display:grid}.qr-controls input:not([type=radio],[type=checkbox],[type=color],[type=file]),.qr-controls textarea,.qr-controls select{border:1px solid var(--grey-300);background:var(--white);width:100%;min-height:2.85rem;color:var(--navy-950);font:inherit;border-radius:.65rem;padding:.65rem .75rem}.qr-controls textarea{resize:vertical;min-height:6rem}.qr-field-stack,.qr-branding__body,.qr-branding fieldset{gap:.85rem;display:grid}.qr-check{min-height:2.75rem;color:var(--navy-950);cursor:pointer;align-items:center;gap:.6rem;font-size:.88rem;font-weight:700;display:flex}.qr-check input{width:1.1rem;height:1.1rem;accent-color:var(--blue-700)}.qr-check>span{color:var(--navy-950);font-size:.88rem;font-weight:700}.qr-error{color:#a1261e;margin:.65rem 0 0;font-size:.86rem;font-weight:700}.qr-style-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.qr-style-picker label>span{gap:.35rem;min-height:5rem;padding:.55rem}.qr-style-sample{background-color:currentColor;background-size:.55rem .55rem;width:1.9rem;height:1.9rem;display:block}.qr-style-sample--rounded{border-radius:.45rem}.qr-style-sample--dots{border-radius:50%;transform:scale(.75)}.qr-style-sample--soft{border-radius:.65rem;transform:scale(.86)}.qr-style-sample--modern{transform:scale(.82)}.qr-style-sample--bold{box-shadow:inset 0 0 0 .26rem var(--white), inset 0 0 0 .48rem currentColor;border-radius:.2rem}.qr-branding{border-top:1px solid var(--grey-200);border-bottom:1px solid var(--grey-200);margin-top:1.4rem}.qr-branding summary{min-height:3.1rem;color:var(--blue-700);cursor:pointer;border-radius:.4rem;padding:.8rem .2rem;font-weight:800}.qr-branding__body{gap:1.35rem;padding:.4rem 0 1.35rem}.qr-branding fieldset+fieldset{border-top:1px solid var(--grey-200);padding-top:1.25rem}.qr-colours{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-colours legend{grid-column:1/-1}.qr-colours__error{grid-column:1/-1;margin-top:0}.qr-colours input[aria-invalid=true]{border-color:#a1261e}.qr-colours label>span{grid-template-columns:3rem minmax(0,1fr);gap:.4rem;display:grid}.qr-colours input[type=color]{border:1px solid var(--grey-300);background:var(--white);border-radius:.65rem;width:3rem;height:2.85rem;padding:.2rem}.qr-file-button{background:var(--blue-50);min-height:3rem;color:var(--blue-700);cursor:pointer;text-align:center;border:1px dashed #8ba9c3;border-radius:.65rem;place-items:center;padding:.65rem 1rem;font-size:.87rem;font-weight:750;display:grid}.qr-file-button input{opacity:0;width:1px;height:1px;position:absolute}.qr-logo-row{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;font-size:.85rem;display:flex}.qr-logo-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-controls>.action--primary{width:100%;margin-top:1.4rem}.qr-output{align-self:start}.qr-preview{border:1px solid var(--grey-200);background:#f8fafb;border-radius:1rem;place-items:center;min-height:28rem;padding:clamp(1rem,3vw,2rem);display:grid}.qr-preview img{width:auto;max-width:100%;max-height:36rem;display:block}.qr-preview__empty{max-width:18rem;color:var(--grey-500);text-align:center}.qr-preview__empty p{margin-bottom:.45rem}.qr-preview__empty p:last-child{margin-bottom:0}.qr-preview__empty strong{color:var(--grey-700)}.qr-placeholder{border:.8rem solid var(--grey-200);width:8rem;height:8rem;box-shadow:inset 0 0 0 .8rem #f8fafb, inset 0 0 0 1.6rem var(--grey-200);margin:0 auto 1rem;display:block}.qr-summary,.qr-verification,.qr-downloads{border:1px solid var(--grey-200);border-radius:.8rem;margin-top:1rem;padding:1rem 1.1rem}.qr-summary p{color:var(--grey-700);white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:.89rem}.qr-verification{border-inline-start:.3rem solid #8ba9c3}.qr-verification--verified{border-inline-start-color:var(--green-700);background:#f2fbf8}.qr-verification--failed,.qr-verification--error{background:#fff7f6;border-inline-start-color:#b7352b}.qr-verification p{color:var(--grey-700);margin-bottom:.5rem;font-size:.86rem}.qr-verification p:last-child{margin-bottom:0}.qr-downloads>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.qr-reset{margin:.5rem auto 0;display:block}@media (width<=58rem){.qr-heading{flex-direction:column;align-items:flex-start;gap:1rem}.qr-workspace{grid-template-columns:1fr}.qr-preview{min-height:22rem}}@media (width<=30rem){.qr-section{padding-inline:.75rem}.qr-workspace{padding-inline:.85rem}.qr-type-picker>div,.qr-style-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-colours{grid-template-columns:1fr}.qr-preview{min-height:18rem;padding:.75rem}.qr-downloads>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.qr-shell *{scroll-behavior:auto}}