.design-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.design-photo{display:flex;flex-direction:column;min-width:0;border:1px solid #e4e7eb;border-radius:12px;overflow:hidden;background:#fff}.design-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f7f8fa}.design-photo span{padding:12px;font-size:13px;overflow-wrap:anywhere}.design-load-zone{text-align:center;padding:24px}.design-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:16px;background:#101217;color:#fff;overflow:hidden}.design-viewer[open]{display:flex;flex-direction:column}.design-viewer::backdrop{background:#101217}.design-viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none}.design-viewer-bar span{overflow-wrap:anywhere;font-size:14px}.design-viewer button{background:#ffffff18;color:#fff;border:1px solid #ffffff44;border-radius:10px;min-width:44px;min-height:44px;font-size:24px;cursor:pointer}.design-viewer-body{display:flex;align-items:center;gap:12px;min-height:0;flex:1}.design-viewer-body img{width:calc(100% - 112px);height:100%;min-width:0;object-fit:contain}.design-viewer>p{text-align:center;font-size:13px;min-height:22px;margin:8px 0 0}.design-photo:focus-visible,.design-viewer button:focus-visible{outline:3px solid #ed7136;outline-offset:3px}.design-viewer-body button{flex:none}@media(max-width:900px){.design-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media(max-width:600px){.design-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.design-viewer{padding:10px}.design-viewer-body{gap:4px}.design-viewer-body img{width:calc(100% - 96px)}}