.ssd-app{max-width:1050px;margin:24px auto;font-family:inherit}.ssd-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:20px}.ssd-controls label{display:flex;flex-direction:column;gap:6px;font-weight:600}.ssd-controls input[type=text],.ssd-controls select{width:100%;min-height:44px;padding:8px 10px;border:1px solid #bbb;border-radius:7px;background:#fff;color:#222;font:inherit}.ssd-controls .ssd-check{flex-direction:row;align-items:center;font-weight:400}.ssd-preview{background:#f5f5f5;padding:12px;border-radius:10px;text-align:center}.ssd-canvas{display:block;width:100%;height:auto;background:#fff}.ssd-status{margin:8px 0 0;font-size:13px}.ssd-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.ssd-actions button{background:#8fbf88;color:white;border:0;border-radius:8px;padding:12px 24px;cursor:pointer;font:inherit;font-weight:700}.ssd-actions button:hover{background:#6b9e66}.ssd-actions button:disabled{opacity:.5;cursor:wait}.ssd-note{font-size:13px;color:#555}@media(max-width:650px){.ssd-controls{grid-template-columns:1fr}.ssd-actions button{flex:1}}

.ssd-gallery-wrap{margin-top:30px}.ssd-gallery-wrap h3{margin:0 0 16px}.ssd-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ssd-gallery-item{display:flex;flex-direction:column;gap:9px;align-items:center;background:white;border:2px solid #ddd;border-radius:9px;padding:8px;cursor:pointer;font:inherit;color:inherit}.ssd-gallery-item img{display:block;width:100%;aspect-ratio:1448/1024;object-fit:contain}.ssd-gallery-item span{font-size:14px;text-align:center}.ssd-gallery-item.is-selected{border-color:#609b5c;box-shadow:0 0 0 2px #a5cfa0}.ssd-gallery-item:focus-visible{outline:3px solid #609b5c;outline-offset:3px}@media(max-width:650px){.ssd-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}