.designer-page{color:#111827;background:#f5f1eb;min-height:100vh}.designer-page *{box-sizing:border-box}.designer-page header{color:#fff;background:#071b34;justify-content:space-between;align-items:center;height:80px;padding:0 max(22px,50vw - 580px);display:flex}.designer-page header img{width:180px}.designer-page header nav{align-items:center;gap:12px;display:flex}.designer-page header a{color:#fff;font-weight:800}.designer-cart{background:#ef3340;border-radius:9px;align-items:center;gap:6px;padding:9px 12px;display:flex}.designer-cart svg{fill:none;stroke:currentColor;stroke-width:2px;width:23px;height:23px}.designer-hero,.occasion-section,.ready-designs{max-width:1160px;margin:auto;padding:55px 22px 25px}.designer-hero span,.ready-designs>span{color:#ef3340;letter-spacing:.1em;font-weight:900}.designer-hero h1{margin:10px 0;font-size:55px;line-height:1}.designer-hero p{font-size:19px}.occasion-section{padding-top:15px}.occasion-scroll{gap:9px;padding:5px 0 12px;display:flex;overflow-x:auto}.occasion-scroll button{background:#fff;border:1px solid #bdc7d3;border-radius:999px;flex:none;padding:10px 14px;font-weight:800}.occasion-scroll button.active{color:#fff;background:#102c50;border-color:#102c50}.designer-builder{grid-template-columns:420px 1fr;gap:25px;max-width:1160px;margin:20px auto;padding:0 22px;display:grid}.designer-controls,.designer-preview{background:#fff;border-radius:24px;padding:24px;box-shadow:0 14px 40px #17365c15}.designer-controls label{margin-bottom:14px;font-weight:800;display:block}.designer-controls input,.designer-controls select,.designer-controls textarea{border:1px solid #c8d0da;border-radius:8px;width:100%;margin-top:6px;padding:11px}.designer-controls textarea{min-height:100px}.designer-upload input{display:none}.designer-upload span{text-align:center;border:2px dashed #8592a3;border-radius:9px;margin-top:6px;padding:17px;display:block}.clear-image{color:#c5222e;background:0 0;border:0;margin:-8px 0 13px;font-weight:900}.generate-design{color:#fff;background:#ef3340;border:0;border-radius:9px;width:100%;padding:15px;font-size:17px;font-weight:900}.designer-preview{text-align:center}.designer-preview>img,.preview-empty{aspect-ratio:1;object-fit:contain;border-radius:18px;width:100%;margin-top:13px}.preview-empty{color:#fff;background:#102c50;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex}.preview-empty>img{object-fit:contain;max-width:70%;max-height:70%}.preview-empty span{color:#ef3340;font-size:50px}.designer-preview>a{color:#fff;background:#102c50;border-radius:8px;padding:11px 18px;font-weight:900;display:inline-block}.ready-designs{padding-bottom:70px}.father-ready{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.father-ready button{background:#fff;border:1px solid #d2d9e1;border-radius:15px;padding:10px}.father-ready img{aspect-ratio:1;object-fit:contain;width:100%}.collection-coming{color:#fff;background:#102c50;border-radius:24px;padding:35px}.collection-coming button{color:#fff;background:#ef3340;border:0;border-radius:8px;padding:12px 16px;font-weight:900}@media (width<=750px){.designer-hero h1{font-size:39px}.designer-builder{flex-direction:column;display:flex}.designer-preview{order:-1}.father-ready{grid-template-columns:repeat(2,1fr)}.designer-page header img{width:140px}.designer-page header a{font-size:11px}}.designer-upload small{color:#687486;margin-top:7px;font-weight:500;line-height:1.4;display:block}.generate-design:disabled,.send-package:disabled{opacity:.6;cursor:wait}.result-actions{gap:9px;margin-top:14px;display:grid}.send-package{color:#fff;cursor:pointer;background:#16a63c;border:0;border-radius:10px;padding:15px 18px;font-size:16px;font-weight:900}.result-actions>a{color:#fff;background:#102c50;border-radius:8px;padding:11px 18px;font-weight:900;display:block}.result-actions small{color:#667181;line-height:1.45}.result-actions strong{color:#14783c;background:#edf8f1;border-radius:8px;padding:10px;font-size:.83rem}.designer-error{color:#a92323;background:#fff0f0;border-radius:8px;padding:11px;font-size:.86rem;font-weight:700}@media (width<=750px){.send-package{min-height:54px}}.color-note{color:#687486;margin-top:5px;font-weight:500;line-height:1.35;display:block}.product-canvas{aspect-ratio:1;touch-action:none;background:#efe8de;border-radius:18px;width:100%;margin-top:13px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ded6cb}.product-base{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.movable-design{z-index:3;object-fit:contain;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 4px #0005);height:auto;max-height:75%;position:absolute}.movable-design:active{cursor:grabbing;outline-offset:4px;outline:2px dashed #ef3340}.preview-text{z-index:4;color:#fff;text-align:center;text-shadow:0 2px 8px #000,0 1px 2px #000;max-width:70%;font-size:clamp(14px,2vw,22px);font-weight:900;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.canvas-hint{z-index:2;color:#fff;background:#102c50e8;border-radius:12px;gap:3px;width:calc(100% - 36px);padding:12px;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.canvas-hint span{color:#ef3340}.canvas-hint small{color:#cbd8e5}.design-transform{background:#f5f8fb;border:1px solid #d6deea;border-radius:12px;gap:10px;margin-bottom:11px;padding:14px;display:grid}.design-transform>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.design-transform>div button{color:#102c50;background:#fff;border:1px solid #9aabba;border-radius:999px;padding:6px 10px;font-weight:800}.design-transform label{font-size:.8rem;margin:0!important}.design-transform label strong{float:right;color:#ef3340}.design-transform input{accent-color:#ef3340;height:24px;padding:0!important}.design-transform small{color:#687486}@media (width<=750px){.product-canvas{border-radius:14px}.canvas-hint{font-size:.86rem}}