.apw-customizer{--apw-line:#d9d6cf;--apw-muted:#6b6862;--apw-accent:#1f5fbf;--apw-ok:#1f7a3a;--apw-warn:#c47f00;--apw-bad:#b3261e;display:grid;grid-template-columns:minmax(280px,550px) minmax(240px,1fr);gap:20px;align-items:start}@media (max-width:760px){.apw-customizer{grid-template-columns:1fr}}.apw-stage{display:flex;flex-direction:column;gap:10px}.apw-canvas-wrap{position:relative;width:100%;max-width:550px;aspect-ratio:1;background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,transparent 0),linear-gradient(-45deg,#e6e6e6 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e6e6e6 0),linear-gradient(-45deg,transparent 75%,#e6e6e6 0);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;box-shadow:0 3px 6px rgba(0,0,0,.16);touch-action:none;-webkit-user-select:none;user-select:none}.apw-canvas,.apw-guide{position:absolute;left:0;top:0;width:100%;height:100%}.apw-guide{pointer-events:none;z-index:8}.apw-box{z-index:9;cursor:move}.apw-box,.apw-handle{position:absolute;border:1px solid var(--apw-accent)}.apw-handle{width:12px;height:12px;background:#fff;border-radius:2px;transform:translate(-50%,-50%)}.apw-nw{left:0;top:0;cursor:nwse-resize}.apw-ne{left:100%;top:0;cursor:nesw-resize}.apw-se{left:100%;top:100%;cursor:nwse-resize}.apw-sw{left:0;top:100%;cursor:nesw-resize}.apw-rotate{left:50%;top:-22px;border-radius:50%;cursor:grab}.apw-rotate:before{content:"";position:absolute;left:50%;top:100%;width:1px;height:10px;background:var(--apw-accent)}.apw-actions,.apw-swatches,.apw-views{display:flex;flex-wrap:wrap;gap:6px}.apw-view{padding:4px 10px;border:1px solid var(--apw-line);border-radius:4px;background:#fff;cursor:pointer}.apw-view.apw-selected{border-color:var(--apw-accent);color:var(--apw-accent)}.apw-view.apw-filled:after{content:" •"}.apw-swatch{width:26px;height:26px;border:1px solid var(--apw-line);border-radius:50%;cursor:pointer}.apw-swatch.apw-selected{outline:2px solid var(--apw-accent);outline-offset:2px}.apw-readouts{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;font-size:13px;color:var(--apw-muted)}.apw-readouts b{color:inherit}.apw-quality-0{color:var(--apw-ok)}.apw-quality-2{color:var(--apw-warn)}.apw-quality-1,.apw-quality-3{color:var(--apw-bad)}.apw-tip{font-size:13px;color:var(--apw-muted)}.apw-panel{display:flex;flex-direction:column;gap:10px}.apw-panel h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--apw-muted)}.apw-actions button,.apw-upload{padding:5px 10px;border:1px solid var(--apw-line);border-radius:4px;background:#fff;cursor:pointer;font:inherit}.apw-upload input{display:none}.apw-status{min-height:1.2em;font-size:13px;color:var(--apw-muted)}.apw-status.apw-error{color:var(--apw-bad)}.apw-slides{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.apw-slide img{width:100%;display:block;border:1px solid var(--apw-line);background:#fff}.apw-slide .apw-caption{font-size:12px;color:var(--apw-muted)}