.side-switch{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;background:#ffffffcc;padding:4px;border-radius:999px;box-shadow:0 5px 18px #68505c1f;z-index:4}.side-switch button,.mode-switch button{border:0;background:transparent;color:#7c6c73;font:600 12px "DM Sans";padding:9px 18px;border-radius:999px;cursor:pointer}.side-switch button.active,.mode-switch button.active{background:#3e3545;color:#fff}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#f2ebea;padding:4px;border-radius:14px;margin-bottom:18px}.mode-switch button{font-size:13px}.photo-actions{display:flex;gap:9px;margin-top:10px}.photo-actions button{flex:1;border:1px solid #e5d6da;background:#fff;color:#885f6c;border-radius:10px;padding:10px;font:600 12px "DM Sans";cursor:pointer}.photo-actions button:last-child{color:#a34f60}.text-styles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.text-style{min-height:66px;border:1px solid #e8dfe1;background:#fff;border-radius:12px;color:#594a50;cursor:pointer}.text-style.active{border:2px solid #c98698;background:#fff8f8}.text-style.romantic{font:italic 600 17px "Playfair Display"}.text-style.modern{font:700 14px "DM Sans";letter-spacing:2px}.text-style.handwritten{font:22px "Brush Script MT",cursive}.text-style.badge{font:700 14px "DM Sans";border-radius:50%;letter-spacing:1px}.text-controls{display:grid;gap:11px;background:#faf5f4;border-radius:14px;padding:15px;margin-top:14px}.text-controls label{font-size:12px;font-weight:700}.text-controls input{display:block;width:100%;margin-top:7px;accent-color:#c98698}.text-colors{display:flex;gap:12px}.text-colors button{width:31px;height:31px;border-radius:50%;border:2px solid #e2d8da;cursor:pointer}.text-colors button.selected{outline:2px solid #ba798a;outline-offset:2px}#textPanel[hidden],#photoPanel[hidden]{display:none}.mug-preview>small{bottom:10px}