[data-product-model]{height:380px;width:100%;overflow:hidden;border:1px solid #dce5d5;border-radius:13px;background:#edf1e9;margin:17px 0;position:relative}
[data-product-model]>canvas{width:100%;height:100%;display:block;outline-offset:-4px}
.product-model-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}
.product-model-toolbar .btn{font-size:11px}
.product-model-note{font-size:11px;line-height:1.9;color:#7c8d72;margin:10px 0}
.product-model-mode{font-size:11px;color:#5c7952;border-radius:6px;background:#eef3e7;padding:6px 10px}
.product-model-status{font-size:12px;color:#7c8d72;text-align:center;padding:30px 15px}
[data-studio-model]{height:330px;width:100%;position:relative;overflow:hidden;min-width:0;touch-action:pan-y}
[data-studio-model]>canvas{width:100%;height:100%;display:block;outline-offset:-5px}
.studio-preview:has([data-studio-model]){grid-template-columns:minmax(0,62%) minmax(0,38%);min-height:330px}
.studio-model-state{font-size:10px;color:#7b8e71;line-height:1.8;margin-top:10px}
[data-drop-upload]{position:relative;transition:background .15s,border-color .15s;outline-offset:3px}
[data-drop-upload].drag-over,[data-drop-upload].is-dragover{border-color:#78955e!important;background:#edf4df!important;box-shadow:inset 0 0 0 2px #9fb68b55}
[data-drop-upload] input[type=file]{max-width:100%}
.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:115px;padding:18px;border:1px dashed #adbea0;border-radius:9px;background:#f6f8ef;text-align:center;cursor:pointer}
.upload-dropzone:hover{background:#eff4e5;border-color:#799767}
.upload-dropzone:focus-visible{outline:3px solid #d6b453}
.upload-drop-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e5eddc;color:#79966a}
.upload-drop-icon .ico{width:17px;height:17px}
.upload-drop-label{font-size:11px;color:#4f704c}
.upload-drop-help{font-size:9px;color:#98a38b}
.product-model-toolbar .btn.selected{background:#244c43;color:white;border-color:#244c43}
@media(max-width:560px){[data-studio-model]{height:250px}.studio-preview:has([data-studio-model]){grid-template-columns:minmax(0,60%) minmax(0,40%);min-height:250px}.studio-model-state{font-size:9px}.studio-preview:has([data-studio-model]) .studio-info{padding:15px 10px}.studio-preview:has([data-studio-model]) .studio-info h3{font-size:21px}}
@media(max-width:560px){[data-product-model]{height:290px;margin:14px 0;border-radius:10px}.product-model-toolbar{gap:9px}.product-model-note{font-size:10px}.product-model-mode{font-size:10px}.product-model-toolbar .btn{font-size:10px;padding:10px 12px}}