.qr-workspace{padding:16px;min-width:0}.qr-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:18px}.qr-pair{display:flex;flex-direction:column;gap:8px;text-align:left;background:white;border:1px solid #c3ab85;border-radius:10px;padding:12px;color:#333;min-width:0;font:inherit;cursor:pointer}.qr-pair strong{font-weight:400}.qr-pair>span:last-child{font-size:12px;color:#766d61}.qr-halves{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;gap:10px}.qr-halves>img{width:100%;aspect-ratio:1;object-fit:contain;background:white}.qr-target-preview{height:150px;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border-left:1px solid #c3ab8544;padding-left:8px}.qr-target-preview img{max-width:100%;max-height:100%;object-fit:contain}.qr-selected{box-shadow:0 0 0 1px #c3ab85}.qr-actions{display:flex;flex-direction:column;gap:10px;min-width:0}.qr-actions input{max-width:100%;box-sizing:border-box}.qr-dialog{max-width:440px;border:1px solid #c3ab85;border-radius:12px;padding:24px;font:inherit}.qr-dialog::backdrop{background:#0005}.qr-dialog button{margin:8px 8px 0 0}.qr-placement-controls{margin:12px 0}.qr-placement-controls input{max-width:100%}.qr-placement img{pointer-events:none}

.qr-workspace{position:relative;padding-top:48px}.qr-card{position:relative;min-width:0}.qr-card>.qr-pair{width:100%;height:100%}.qr-card-delete{position:absolute!important;right:6px;top:6px;width:25px!important;height:25px!important;padding:0!important;border:1px solid #c3ab85!important;border-radius:50%!important;background:#fff!important;color:#766d61!important;font-size:20px!important;line-height:1!important;z-index:2}.qr-halves{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.qr-halves>img,.qr-halves>.qr-target-preview{width:100%;height:auto!important;aspect-ratio:1;min-width:0;box-sizing:border-box;padding:8px;border:0;max-height:none;overflow:hidden}.qr-target-preview img{width:100%;height:100%;object-fit:contain}.qr-workspace>.media-maximize{color:#ad946e;z-index:3}
#design-main.qr-expanded{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;z-index:12000;display:grid!important;grid-template-columns:230px minmax(0,1fr);grid-template-rows:30px minmax(0,1fr);gap:12px;padding:5mm;margin:0!important;background:white;overflow:hidden;box-sizing:border-box}
.qr-expanded>#design-tools{grid-column:1;grid-row:1/3;display:flex!important;flex-direction:column;width:100%!important;height:100%;max-height:none!important;min-height:0;margin:0!important;overflow:auto;box-sizing:border-box;padding:10px}.qr-expanded>p{grid-column:2;grid-row:1;margin:0;padding-right:40px}.qr-expanded>.qr-gallery{grid-column:2;grid-row:2;overflow:auto;min-height:0;align-content:start;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.qr-expanded>.media-maximize{right:20px;top:20px}.qr-expanded .sidebar-tool-close{margin-top:auto}
@media(max-width:650px){#design-main.qr-expanded{grid-template-columns:150px minmax(0,1fr);padding:8px;gap:8px}}

.qr-library-picker{width:min(1000px,90vw);max-height:85dvh;overflow:auto;background:white;color:#333;border:1px solid #c3ab85;border-radius:12px;padding:20px}.qr-library-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.qr-library-tabs button[aria-pressed=true]{background:#c3ab85;color:white}.qr-library-item{border:1px solid #c3ab85;border-radius:8px;background:white;padding:10px;display:flex;flex-direction:column;gap:8px;color:inherit;font:inherit;cursor:pointer;min-width:0}.qr-library-item .qr-target-preview{height:140px;aspect-ratio:auto;width:100%;padding:0;border:0}.qr-library-item:hover{border-color:#dc8b35}.qr-chosen-content{overflow-wrap:anywhere;font:inherit}

/* Shared square gallery composition: small code above the diagonal, image below. */
.qr-card>.qr-pair{padding:0;gap:0;overflow:hidden;border-radius:8px}.qr-halves{position:relative;display:block;aspect-ratio:1;width:100%;overflow:hidden;background:white}.qr-halves>img{position:absolute;left:10%;top:10%;width:27%;height:27%!important;aspect-ratio:1;padding:0;z-index:2}.qr-halves>.qr-target-preview{position:absolute;inset:0;width:100%;height:100%!important;aspect-ratio:1;padding:0;clip-path:polygon(100% 0,100% 100%,0 100%);background:#f5f3ee;display:flex;align-items:flex-end;justify-content:flex-end}.qr-halves>.qr-target-preview img{width:100%;height:100%;max-height:none;object-fit:cover}.qr-halves::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent calc(50% - .5px),#c3ab85 50%,transparent calc(50% + .5px));z-index:3}.qr-pair>strong{padding:10px 12px 4px;font-size:inherit}.qr-pair>span:last-child{padding:0 12px 10px;font-size:11px}.qr-detail-view .qr-gallery{display:flex;flex-direction:column;align-items:center}.qr-detail-view .qr-gallery>.qr-card{width:min(100%,650px)}.qr-detail-view .qr-back{align-self:flex-start}.qr-expanded.qr-detail-view .qr-gallery>.qr-card{width:min(100%,calc(100dvh - 170px));flex-shrink:0}.qr-back{border:1px solid #c3ab85;background:white;border-radius:6px;padding:8px 14px;color:#766d61}

.qr-card{aspect-ratio:1}.qr-card>.qr-pair{height:100%}.qr-pair>.qr-halves{flex:1;min-height:0;aspect-ratio:auto}.qr-halves>img{height:auto!important;aspect-ratio:1}

/* Match the normal mainview origin and gallery geometry. */
#design-main.qr-workspace:not(.qr-expanded){padding:0;margin:0;width:100%;max-width:100%}
.qr-workspace>p:empty{display:none}.qr-workspace:not(.qr-detail-view)>.qr-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-content:start}
.qr-workspace.qr-detail-view:not(.qr-expanded)>.qr-gallery{width:100%;display:block}.qr-workspace.qr-detail-view:not(.qr-expanded)>.qr-gallery>.qr-card{width:100%;aspect-ratio:3/2;max-width:none}
.qr-workspace.qr-detail-view .qr-card-delete{top:auto;bottom:10px}.qr-workspace:not(.qr-detail-view)>.media-maximize{top:4px;right:35px;background:#ffffffd9;border-radius:4px}
.qr-expanded.qr-detail-view{grid-template-rows:minmax(0,1fr)!important}.qr-expanded.qr-detail-view>#design-tools{grid-row:1}.qr-expanded.qr-detail-view>.qr-gallery{grid-row:1;display:flex;justify-content:center;min-height:0}.qr-expanded.qr-detail-view>.qr-gallery>.qr-card{width:100%;height:100%;min-height:0;aspect-ratio:auto}
@media(max-width:850px){.qr-workspace:not(.qr-detail-view)>.qr-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.qr-halves::after{display:none}.qr-diagonal{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.qr-diagonal line{stroke:#c3ab85;stroke-width:1;fill:none}
.qr-workspace.qr-detail-view:not(.qr-expanded)>.qr-gallery>.qr-card{aspect-ratio:var(--qr-main-ratio,4/3)}

/* Fullscreen applies to the selected QR preview, not its overview. */
.qr-workspace:not(.qr-detail-view)>.media-maximize{display:none!important}