.designer-page{background:#f4f4f3;padding:40px 0 70px;min-height:70vh}.designer-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.designer-heading h1{font-size:42px;line-height:1.05;margin:6px 0 10px}.designer-heading p{max-width:760px;margin:0;color:#60636a;line-height:1.65}.designer-layout{display:grid;grid-template-columns:290px minmax(420px,1fr) 230px;gap:18px;align-items:start}.designer-tools,.designer-stage-panel,.designer-order{background:#fff;border:1px solid #dfe0e2;box-shadow:0 14px 35px rgba(0,0,0,.055)}.designer-tools,.designer-order{padding:20px}.designer-panel-title,.designer-stage-head{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid #e7e7e7}.designer-panel-title>span,.designer-stage-head>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e30613;color:#fff;font-size:11px;font-weight:900}.designer-panel-title strong,.designer-panel-title small,.designer-stage-head strong,.designer-stage-head small{display:block}.designer-panel-title strong,.designer-stage-head strong{text-transform:uppercase;font-size:12px}.designer-panel-title small,.designer-stage-head small{font-size:9px;color:#888;margin-top:3px}.designer-tool-section{padding:17px 0;border-bottom:1px solid #ececec}.designer-upload{display:grid;grid-template-columns:32px 1fr;gap:1px 10px;border:1px dashed #c4c7cc;background:#fafafa;padding:13px;cursor:pointer}.designer-upload input{position:absolute;opacity:0;pointer-events:none}.designer-upload>span{grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff}.designer-upload strong{font-size:11px}.designer-upload small{font-size:8px;color:#777}.designer-original-note{font-size:9px;color:#08783e;margin:8px 0 0}.designer-tool-section>label,.designer-tool-grid label>span,.designer-range label{font-size:9px;font-weight:800;text-transform:uppercase}.designer-inline{display:grid;grid-template-columns:1fr;gap:7px;margin-top:6px}.designer-inline input,.designer-tool-grid select{width:100%;border:1px solid #cfd1d5;padding:10px;background:#fff}.designer-small-btn,.designer-action-grid button{border:1px solid #cfd1d5;background:#fff;padding:9px;font-size:9px;font-weight:800;cursor:pointer}.designer-small-btn:hover,.designer-action-grid button:hover{border-color:#111}.designer-tool-grid{display:grid;grid-template-columns:1fr 66px;gap:12px;padding:17px 0}.designer-tool-grid label>span{display:block;margin-bottom:5px}.designer-tool-grid input[type=color]{width:100%;height:38px;border:1px solid #cfd1d5;background:#fff;padding:3px}.designer-range{border-top:1px solid #ececec;padding:14px 0 3px}.designer-range label{display:flex;justify-content:space-between}.designer-range label b{color:#e30613}.designer-range input{width:100%;accent-color:#e30613}.designer-selection{background:#f5f5f4;border-left:3px solid #e30613;padding:10px 12px;margin:15px 0}.designer-selection strong,.designer-selection small{display:block}.designer-selection strong{font-size:9px;text-transform:uppercase}.designer-selection small{font-size:9px;color:#676a70;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.designer-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.designer-action-grid .danger{color:#b00009}.designer-stage-panel{padding:20px}.designer-stage-head{margin-bottom:16px}.designer-canvas-shell{position:relative;width:100%;background:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border:1px solid #ddd;touch-action:none}.designer-canvas-shell canvas{display:block;width:100%;height:auto;cursor:move}.designer-proof{background:#fff8e7;color:#645326;border:1px solid #f1ddb0;padding:11px 13px;margin-top:12px;font-size:9px;line-height:1.5}.designer-order{position:sticky;top:15px}.designer-qty{display:block;padding:20px 0}.designer-qty>span{display:block;text-transform:uppercase;font-weight:800;font-size:9px;margin-bottom:6px}.designer-qty input{width:100%;border:1px solid #cfd1d5;padding:13px;font-size:18px;font-weight:800}.designer-qty small{display:block;color:#888;margin-top:5px}.designer-save{width:100%;line-height:1.35}.product-designer-cta{margin-top:18px;border:1px solid #f0c7ca;background:linear-gradient(135deg,#fff 0,#fff 62%,#fff1f2 100%);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.product-designer-cta span{display:flex;gap:12px;align-items:center}.product-designer-cta b,.product-designer-cta small{display:block}.product-designer-cta b{text-transform:uppercase;font-size:12px}.product-designer-cta small{color:#696b71;font-size:10px;margin-top:3px}.product-designer-cta em{width:38px;height:38px;border-radius:50%;background:#e30613;color:#fff;display:grid;place-items:center;font-style:normal;font-size:20px}.cart-design-badge{display:inline-flex;align-items:center;gap:5px;background:#fff1f2;color:#b00009;border:1px solid #f3c3c7;padding:5px 8px;margin-top:6px;font-size:9px;font-weight:800;text-transform:uppercase}.admin-designer-panel{overflow:hidden}.admin-designer-preview{position:relative;aspect-ratio:1;background:#f2f2f1 center/contain no-repeat;border:1px solid #ddd;margin:12px 0}.admin-print-area{position:absolute;border:2px dashed #e30613;background:rgba(227,6,19,.09);display:grid;place-items:center;color:#b00009;font-size:9px;font-weight:900;text-transform:uppercase}.admin-designer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-designer-grid label span{display:block;font-size:8px;font-weight:800;text-transform:uppercase;margin-bottom:4px}.admin-designer-grid input{width:100%;padding:9px;border:1px solid #ccc}.admin-designer-help{font-size:9px;color:#777;line-height:1.5}.order-file-data span{font-size:12px!important}.order-file-design{border-color:#f0c7ca!important}.order-file-design .order-file-info strong{color:#b00009}
.sales-mode-option{display:flex;gap:10px;align-items:flex-start;border:1px solid #ddd;padding:12px;margin-top:9px;cursor:pointer}.sales-mode-option:has(input:checked){border-color:#e30613;background:#fff5f5}.sales-mode-option input{margin-top:3px;accent-color:#e30613}.sales-mode-option strong,.sales-mode-option small{display:block}.sales-mode-option strong{font-size:10px}.sales-mode-option small{font-size:9px;line-height:1.45;color:#73767d;margin-top:3px}.request-price{color:#e30613!important}.request-product-box{margin-top:20px;background:#fff8e7;border:1px solid #f1ddb0;border-left:4px solid #e30613;padding:16px}.request-product-box strong,.request-product-box small{display:block}.request-product-box strong{font-size:13px;text-transform:uppercase}.request-product-box small{color:#6b5a2b;margin-top:5px;line-height:1.45}.request-order-label{display:inline-flex;background:#fff1f2;color:#b00009;border:1px solid #f3c3c7;padding:5px 8px;font-size:9px;font-weight:800;text-transform:uppercase}
@media(max-width:1180px){.designer-layout{grid-template-columns:260px minmax(390px,1fr)}.designer-order{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 220px 280px;align-items:center;gap:15px}.designer-order .designer-qty{padding:0}.designer-order .designer-panel-title{border:0;padding:0}}
@media(max-width:820px){.designer-heading{display:block}.designer-heading .btn{margin-top:15px}.designer-heading h1{font-size:34px}.designer-layout{grid-template-columns:1fr}.designer-stage-panel{grid-row:1}.designer-tools{grid-row:2}.designer-order{grid-row:3;grid-column:auto;display:block}.designer-order .designer-panel-title{border-bottom:1px solid #e7e7e7;padding-bottom:16px}.designer-order .designer-qty{padding:20px 0}.designer-action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.designer-page{padding-top:25px}.designer-stage-panel,.designer-tools,.designer-order{padding:14px}.designer-heading h1{font-size:30px}.product-designer-cta{display:block}.product-designer-cta .btn{display:block;margin-top:12px;text-align:center}.designer-tool-grid{grid-template-columns:1fr 64px}}