.ctdp-designer{border:1px solid #e5e7eb;border-radius:16px;padding:18px;margin:20px 0;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.ctdp-layout{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(280px,.9fr);gap:18px;align-items:start}
.ctdp-preview-panel,.ctdp-controls-panel,.ctdp-summary{min-width:0}.ctdp-side-toggle{display:flex;gap:8px;margin-bottom:12px}.ctdp-side-btn.is-active{font-weight:700;box-shadow:inset 0 -2px 0 currentColor}
.ctdp-canvas-wrap{--ctdp-shirt-color:#fff;position:relative;width:100%;max-width:560px;margin:auto;background:linear-gradient(180deg,#f8fafc,#eef2f7);border-radius:14px;overflow:hidden;text-align:center}.ctdp-canvas{max-width:100%;height:auto}.ctdp-print-boundary{position:absolute;left:30%;top:24%;width:40%;height:42%;border:2px dashed rgba(30,64,175,.6);pointer-events:none;border-radius:8px}
.ctdp-toolbar,.ctdp-inline-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ctdp-controls-panel details{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:12px;background:#fff}.ctdp-controls-panel summary{font-weight:700;cursor:pointer}.ctdp-controls-panel label{display:block;margin:10px 0;font-weight:600}.ctdp-controls-panel input[type="text"],.ctdp-controls-panel input[type="number"],.ctdp-controls-panel select{width:100%;max-width:100%;padding:8px;border:1px solid #d1d5db;border-radius:8px}.ctdp-file{width:100%;padding:10px;background:#f9fafb;border:1px dashed #cbd5e1;border-radius:8px}.ctdp-color-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ctdp-label{width:100%;font-weight:700}.ctdp-swatch{width:36px;height:36px;border:2px solid #d1d5db;border-radius:999px;cursor:pointer;position:relative}.ctdp-swatch span{position:absolute;left:-999em}.ctdp-swatch.is-active{outline:3px solid #2563eb;outline-offset:2px}.ctdp-summary{position:sticky;bottom:12px;border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#f8fafc}.ctdp-summary h3{margin-top:0}.ctdp-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:0}.ctdp-summary dt{font-weight:700;color:#334155}.ctdp-summary dd{margin:0;text-align:right}.ctdp-price{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #dbe2ea;font-size:1.1em}.ctdp-price strong{font-size:1.25em}.ctdp-warnings p,.ctdp-error,.ctdp-upload-status.is-error{color:#b91c1c;background:#fee2e2;border-radius:8px;padding:8px}.ctdp-upload-status{font-size:.9em;margin-top:8px}.description{font-size:.9em;color:#64748b}.button{cursor:pointer}
@media (max-width: 782px){.ctdp-designer{padding:12px}.ctdp-layout{grid-template-columns:1fr}.ctdp-summary{position:static}.ctdp-toolbar .button,.ctdp-inline-buttons .button{flex:1 1 auto}.ctdp-summary dl{grid-template-columns:1fr}.ctdp-summary dd{text-align:left}.ctdp-print-boundary{left:28%;width:44%}}