.cpd-app{font-family:Arial,sans-serif;border:1px solid #ddd;border-radius:14px;overflow:hidden;background:#f5f5f3}.cpd-tabs{background:#171717;padding:10px;display:flex;gap:6px}.cpd-tabs button{background:#2b2b2b;color:#fff;border:0;padding:10px 16px;border-radius:7px}.cpd-tabs button.active,.primary{background:#b88935!important;color:#fff!important}.cpd-layout{display:grid;grid-template-columns:260px 1fr;min-height:600px}.cpd-layout aside{background:#fff;padding:18px;border-right:1px solid #ddd}.cpd-panel{display:none}.cpd-panel.active{display:block}.cpd-product{display:block;width:100%;padding:11px;margin:7px 0;border:1px solid #ddd;background:#fafafa;border-radius:7px;text-align:left}.cpd-panel input,.cpd-panel select{box-sizing:border-box;width:100%;padding:9px;margin:7px 0;border:1px solid #ccc;border-radius:7px}.cpd-colors{display:flex;gap:8px;flex-wrap:wrap}.cpd-colors button{width:32px;height:32px;border-radius:50%;border:1px solid #aaa}.cpd-actions{display:flex;gap:6px;margin-top:25px;flex-wrap:wrap}.cpd-actions button{padding:8px;border:1px solid #ddd;background:#fff;border-radius:6px}.cpd-layout main{padding:25px;display:flex;flex-direction:column;align-items:center}.cpd-stage{position:relative;width:min(520px,90vw);aspect-ratio:1/1.15;background:#eee;border-radius:15px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cpd-stage #cpd-product{width:62%;height:70%;background:#111;clip-path:polygon(24% 4%,40% 0,50% 7%,60% 0,76% 4%,96% 23%,82% 35%,72% 23%,72% 100%,28% 100%,28% 23%,18% 35%,4% 23%);display:flex;align-items:center;justify-content:center;color:#fff}.cpd-stage #cpd-product span{transform:translateY(40px);opacity:.6}.cpd-stage #cpd-artboard{position:absolute;inset:0}.item{position:absolute;transform:translate(-50%,-50%);cursor:move;user-select:none}.item.sel{outline:2px dashed #b88935}.text-item{font-size:28px;font-weight:bold;white-space:nowrap}.image-item{max-width:180px;max-height:180px}.cpd-bottom{width:min(520px,90vw);display:flex;justify-content:space-between;padding-top:14px}@media(max-width:700px){.cpd-layout{grid-template-columns:1fr}.cpd-layout aside{border-right:0;border-bottom:1px solid #ddd}}