.detail-image{overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:cover}.image-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.image-picker label{position:relative;border:2px solid transparent;border-radius:13px;overflow:hidden;background:#f3f4f7;cursor:pointer}.image-picker input{position:absolute;opacity:0}.image-picker img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.image-picker small{display:block;padding:10px;color:#687081}.image-picker .check{position:absolute;right:9px;top:9px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#bbc0ca;box-shadow:0 3px 12px #0002;z-index:2}.image-picker input:checked~.check{background:#6554e8;color:#fff}.image-picker label:has(input:checked){border-color:#6554e8}.thumbnail-studio{display:grid;grid-template-columns:360px 1fr;max-width:1060px;margin:auto;overflow:hidden}.studio-controls{padding:32px}.studio-controls h2{margin:7px 0}.studio-controls>p{color:#737b8b;font-size:13px;margin-bottom:25px}.studio-controls .field{margin-bottom:15px}.studio-controls input[type=color]{padding:5px;width:100%;cursor:pointer}.studio-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.studio-actions .primary{grid-column:1/-1}.canvas-wrap{background:#edf0f5;padding:35px;display:grid;place-items:center}.canvas-wrap canvas{width:min(100%,650px);height:auto;background:#fff;box-shadow:0 20px 45px #29324b24}.canvas-wrap p{font-size:11px;color:#858c99}.detail-builder{padding:28px}.inline-actions{display:flex;gap:8px;align-items:center}.inline-actions.center{justify-content:center;flex-wrap:wrap}.detail-preview{display:block;width:100%;height:720px;border:1px solid #dfe3ea;border-radius:12px;background:#fff}.detail-builder .form-actions span{color:#8b92a0;font-size:11px}.empty code{padding:3px 6px;background:#f0f1f4;border-radius:4px}@media(max-width:900px){.thumbnail-studio{grid-template-columns:1fr}.image-picker{grid-template-columns:repeat(2,1fr)}.detail-builder .section-head{align-items:flex-start;gap:15px;flex-direction:column}.inline-actions{flex-wrap:wrap}}@media(max-width:600px){.image-picker{grid-template-columns:1fr 1fr}.canvas-wrap{padding:15px}.studio-controls{padding:22px}.detail-builder{padding:18px}.detail-preview{height:580px}}