.artwork-layers{color:#172536;background:#fff;border:1px solid #d1d5db;border-radius:14px;margin:12px 0;padding:16px}.artwork-layers-heading{justify-content:space-between;gap:12px;display:flex}.artwork-layers-help{color:#526172;margin:8px 0;font-size:12px;line-height:1.5}.artwork-layers-actions{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.artwork-layers button{color:#172536;cursor:pointer;background:#f7f9fc;border:1px solid #a5b4c4;border-radius:7px;padding:8px 10px;font-size:12px}.artwork-layers button:hover:not(:disabled){background:#e9eef7}.artwork-layers button:disabled{opacity:.45;cursor:not-allowed}:is(.artwork-layers button:focus-visible,.artwork-layers input:focus-visible,.artwork-layers select:focus-visible){outline-offset:2px;outline:3px solid #2563eb}.artwork-layers-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;margin-top:16px;display:grid}.artwork-layers-preview{background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #a5b4c4;width:100%;height:auto;display:block}.artwork-layers-preview.is-circle{border-radius:50%}.artwork-layers-controls{flex-direction:column;gap:7px;min-width:0;display:flex}.artwork-layers-controls label{font-size:12px;font-weight:600}.artwork-layers select{color:#172536;background:#fff;border:1px solid #a5b4c4;border-radius:6px;width:100%;min-width:0;padding:7px}.artwork-layers input[type=range]{accent-color:#2563eb;width:100%}.artwork-layers-error{color:#a51d26;font-size:13px}@media (max-width:580px){.artwork-layers-layout{grid-template-columns:1fr}.artwork-layers-preview{max-width:320px;margin:auto}}