/* Focused house library and proposed QR composition; local integration only. */
.house-library{margin:24px 0 32px;padding:22px 26px}
.house-library>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}
.house-library>summary strong{font-size:20px;font-weight:600}
.house-library>summary small{display:block;margin-top:6px;color:#52718e;font-size:14px}
.house-library[open]>summary{padding-bottom:20px;border-bottom:1px solid #dbe8f2;margin-bottom:22px}
.house-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0 32px}
.house-item{min-width:0;border:1px solid #dbe8f2;border-radius:10px;padding:14px}
.house-item>img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#f0f6fa;border-radius:6px}
.house-item h3{font-size:16px;overflow-wrap:anywhere;margin:14px 0 4px}
.house-item summary{cursor:pointer;font-size:13px;color:#52718e}
.house-item button{overflow-wrap:anywhere;text-align:left}
.house-empty{grid-column:1/-1;color:#52718e}
.house-upload-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:20px 0}
.house-upload-layout label{display:block;margin-bottom:16px;font-size:14px}
.house-upload-layout input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #c6dced;border-radius:6px;background:white;font:inherit;color:inherit}
.house-upload-layout input[type=file]{font-size:13px;padding:10px}
.house-image-preview{aspect-ratio:16/9;display:grid;place-items:center;background:#f0f6fa;border:1px solid #dbe8f2;border-radius:10px;align-self:start;overflow:hidden;color:#52718e;font-size:14px}
.house-image-preview img{width:100%;height:100%;object-fit:contain;min-height:0}
.house-library [hidden]{display:none!important}
#qr-placement{margin:22px 0 12px;border:0;padding:0;min-width:0}
#qr-placement legend{font-size:14px;margin-bottom:12px}
.qr-corners{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.qr-corners label{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;border:1px solid #c6dced;border-radius:8px;padding:12px 5px;cursor:pointer;text-align:center;font-size:12px}
.qr-corners label:has(:checked){background:#ecf6fc;border-color:#0b4783;color:#0b4783}
.qr-corners input{position:absolute;width:1px;height:1px;opacity:0}
.qr-corners label:focus-within{outline:2px solid #168ed0;outline-offset:3px}
.corner-icon{width:34px;height:22px;border:1px solid currentColor;border-radius:3px;position:relative}
.corner-icon:after{content:'';position:absolute;width:7px;height:7px;background:currentColor}
.corner-icon.top-left:after{top:3px;left:3px}.corner-icon.top-right:after{top:3px;right:3px}.corner-icon.bottom-left:after{bottom:3px;left:3px}.corner-icon.bottom-right:after{bottom:3px;right:3px}
.creative-display.qr-composition,.final-creative-image.qr-composition{position:relative;padding:0;aspect-ratio:16/9;width:100%;max-height:none;overflow:hidden;box-sizing:border-box}
.qr-composition>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.qr-code-overlay{position:absolute;display:block;background:white;line-height:0;pointer-events:none}
.qr-code-overlay svg{display:block;width:100%;height:100%}
.qr-code-label{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 4%;line-height:1.15;color:#111;background:white;font-weight:600;text-align:center;overflow-wrap:anywhere;overflow:hidden}
#qr-label-count{display:block;margin-top:6px;font-size:13px;font-weight:400}
#qr-label-field{margin-top:20px}
#qr-label[aria-invalid=true]{border-color:#a63838}
.qr-code-overlay[hidden],#qr-placement[hidden]{display:none!important}
.qr-player-card{position:absolute;display:flex;flex-direction:column;align-items:center;background:rgba(9,9,11,.8);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.2);border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 20px rgba(59,130,246,.1);line-height:normal;pointer-events:none;z-index:2;box-sizing:content-box}
.qr-player-plate{width:140px;height:140px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;overflow:hidden;flex-shrink:0}
.qr-player-plate svg{width:126px!important;height:126px!important;display:block;flex-shrink:0}
.qr-player-label{font-family:Outfit,Arial,sans-serif;font-size:17.6px;line-height:21.12px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;text-align:center;color:#f8fafc}
@media(max-width:720px){.house-items{grid-template-columns:repeat(2,minmax(0,1fr))}.house-upload-layout{grid-template-columns:1fr;gap:20px}.house-library{padding:18px}.house-library>summary small{font-size:13px}}
@media(max-width:420px){.house-items{grid-template-columns:1fr}.qr-corners{grid-template-columns:repeat(2,minmax(0,1fr))}}

.house-library[open]>summary>span:last-child{font-size:0}
.house-library[open]>summary>span:last-child:after{content:"−";font-size:18px}
