.mug-designer{padding-top:45px}.designer-heading h1{font-size:clamp(48px,5vw,70px);margin:15px 0}.designer-heading>p:last-child{max-width:600px;color:var(--muted);line-height:1.8;font-size:14px}.designer-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:40px;align-items:start}.preview-panel{position:sticky;top:25px}.preview-panel canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:120px 120px 5px 5px}.preview-tabs{display:flex;margin:15px 0;gap:10px}.preview-tabs button{flex:1;border:1px solid var(--line);background:transparent;color:var(--muted);padding:12px;cursor:pointer;font-size:12px}.preview-tabs button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#27291d}.designer-controls h2{margin:14px 0 25px;font-size:28px}.designer-controls>.eyebrow:not(:first-child){margin-top:35px}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.template-grid button{padding:20px 12px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;text-align:center}.template-grid button[aria-pressed=true]{border-color:var(--gold);background:#2a2c1f}.template-grid b{display:block;font-family:Georgia,serif;font-size:17px;color:var(--gold);font-weight:400}.template-grid span{display:block;font-size:10px;margin-top:10px;color:var(--muted)}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.color-row input{height:50px;padding:5px;cursor:pointer;margin-bottom:0}input[type=range]{padding:10px 0;accent-color:var(--gold);border:0;background:transparent;cursor:pointer;min-height:43px}.upload-area{position:relative;border:1px dashed #777153;display:flex;align-items:center;flex-direction:column;padding:25px;text-align:center;cursor:pointer;background:#1e241a;gap:8px;overflow:hidden}.upload-area>span{font-size:28px;color:var(--gold)}.upload-area strong{font-size:13px}.upload-area small{color:var(--muted);font-size:10px}.upload-area input{position:absolute;inset:0;opacity:0;cursor:pointer;height:100%;margin:0}.upload-area:focus-within{outline:2px solid var(--gold);outline-offset:3px}.designer-finish{padding:25px;border:1px solid var(--line);margin-top:35px;background:var(--surface)}.designer-finish .button{width:100%}.designer-finish .button:disabled{opacity:.5;cursor:not-allowed}#design-status{font-size:12px;line-height:1.7}#view-cart{display:inline-block;color:var(--gold);font-size:12px;margin-top:8px}#mug-text{white-space:pre-wrap}.design-thumb{width:110px;height:auto;display:block;border:1px solid var(--line);margin:10px 0}.design-details{font-size:10px!important;white-space:pre-wrap;line-height:1.7!important}.edit-design{font-size:11px;color:var(--gold)}.product-design-link{display:block;border:1px solid var(--gold);color:var(--gold);padding:13px;text-align:center;margin-bottom:10px;font-size:12px}.designer-banner{padding:24px;border:1px solid var(--gold);margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#24281c}.designer-banner h3{margin:0 0 8px;font-size:22px}.designer-banner p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.designer-banner .button{flex-shrink:0}@media(max-width:750px){.designer-grid{grid-template-columns:1fr;gap:25px}.preview-panel{position:static}.preview-panel canvas{max-height:430px;object-fit:contain;background:#1a2017}.designer-banner{flex-direction:column;align-items:stretch}.designer-controls>.eyebrow{font-size:9px}.designer-heading h1{font-size:50px}.preview-panel{margin:0}.designer-finish{padding:20px}}