﻿.product-page-pod{padding-top:80px;padding-bottom:80px}.product-page{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}@media(max-width: 768px){.product-page{grid-template-columns:1fr;gap:32px}}.product-gallery{position:sticky;top:80px}.product-gallery__main{border-radius:12px;overflow:hidden;background:var(--color-surface, #1a1a2e);border:1px solid rgba(255,255,255,.08);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.product-gallery .product-gallery__main img{object-fit:cover !important}.product-gallery__image{width:100%;height:100%;object-fit:cover;display:block}.product-gallery__thumbs{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.product-gallery__thumb{width:72px;height:72px;border-radius:8px;border:2px solid rgba(0,0,0,0);overflow:hidden;cursor:pointer;background:none;padding:0;transition:border-color .2s}.product-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-gallery__thumb.active,.product-gallery__thumb:hover{border-color:var(--color-primary, #7c6fff)}.product-page__info{display:flex;flex-direction:column;gap:20px}.product-page__vendor{color:var(--color-muted, #888);margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.product-page__title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.2;margin:0}.product-page__price{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700}.product-page__price--compare{text-decoration:line-through;color:var(--color-muted, #888);font-size:1.1rem;font-weight:400}.product-page__price--sale{color:var(--color-primary, #7c6fff)}.product-page__price--regular{color:inherit}.product-page__description-toggle{border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.product-page__description-toggle summary{padding:12px 16px;font-weight:600;cursor:pointer;user-select:none;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:14px}.product-page__description-toggle summary::after{content:"+";font-size:18px;transition:transform .2s}.product-page__description-toggle[open] summary::after{content:"−"}.product-page__description{padding:0 16px 16px;font-size:14px;line-height:1.6;color:var(--color-muted, #ccc)}.product-page__customize-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:.02em;padding:16px 24px;border-radius:100px;border:1px solid rgba(0,0,0,0);color:#fff;background:var(--accent-grad);box-shadow:var(--glow-cyan);position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .25s ease}.product-page__customize-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) 45%);opacity:.6}.product-page__customize-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,86,102,.4),0 24px 60px -14px rgba(225,29,46,.75)}.product-page__customize-btn:active:not(:disabled){transform:translateY(1px) scale(0.99)}.product-page__customize-btn:disabled{opacity:.5;cursor:not-allowed}native-variants-swatches{display:block}.infinite-swatches-heading,.variants-heading{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted, #aaa);margin-bottom:10px}.infinite-swatches-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.infinite-swatch{width:48px;height:48px;border-radius:8px;border:2px solid var(--border);overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s;flex-shrink:0}.infinite-swatch img{width:100%;height:100%;object-fit:cover;display:block}.infinite-swatch.selected,.infinite-swatch[aria-pressed=true]{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.infinite-swatch:hover{border-color:var(--border-strong)}.infinite-swatch--text{display:flex;align-items:center;justify-content:center;background:var(--surface-2);padding:4px}.infinite-swatch--text .swatch-color-name{font-size:9px;text-align:center;line-height:1.2;word-break:break-word;color:var(--text-soft)}.swatches-skeleton{display:flex;flex-wrap:wrap;gap:8px}.skeleton-swatch{width:48px;height:48px;border-radius:8px;background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.infinite-variants-display{margin-top:4px}.variants-container .variants-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(110px, 1fr));gap:8px}.variant-option{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;padding:12px 8px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);text-align:center;transition:border-color .15s,background .15s,box-shadow .15s}.variant-option.unavailable{opacity:.45}.variant-option.focused,.variant-option.selected{border-color:var(--cyan);background:var(--surface-2);box-shadow:0 0 0 1px var(--cyan)}.variant-option .variant-title{font-size:12px;font-weight:600;line-height:1.3;word-break:break-word;color:var(--text)}.variant-option .variant-stock{font-size:11px;font-weight:600}.variant-option .variant-stock.stock-high,.variant-option .variant-stock.stock-available{color:#4caf50}.variant-option .variant-stock.stock-low{color:#ff9800}.variant-option .variant-stock.stock-out{color:var(--text-dim)}.variant-option .variant-stock.stock-backorder{color:#2196f3}.variant-option .variant-quantity{width:100%;text-align:center;padding:6px 4px;border-radius:6px;border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text);font-size:14px;font-weight:700;appearance:textfield}.variant-option .variant-quantity::-webkit-outer-spin-button,.variant-option .variant-quantity::-webkit-inner-spin-button{appearance:none;margin:0}.variant-option .variant-quantity:focus{outline:none;border-color:var(--cyan)}.variant-option .variant-price{font-size:13px;font-weight:700;color:var(--cyan)}.variant-option .variant-unavailable{font-size:11px;color:var(--text-dim)}.variants-skeleton .variants-list{display:flex;flex-direction:column;gap:6px}.skeleton-variant{border-radius:8px !important;background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%) !important;background-size:200% 100% !important;animation:shimmer 1.5s infinite !important}.product-page__trust{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.product-page__trust li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-muted, #aaa)}.product-page__trust li svg{flex-shrink:0;color:var(--color-primary, #7c6fff)}:root,[data-theme=dark]{--de-canvas-bg: #0f080b;--de-hover-bg: rgba(255, 86, 102, 0.14);--de-hover-text: #ff5666;--de-glow: rgba(225, 29, 46, 0.45);--de-glow-soft: rgba(225, 29, 46, 0.25);--de-btn-surface: rgba(255, 255, 255, 0.06);--de-danger-bg: rgba(220, 53, 69, 0.20);--de-danger-text: #ff6b7a}[data-theme=light]{--de-canvas-bg: #ede4e6;--de-hover-bg: rgba(209, 31, 45, 0.09);--de-hover-text: #b3121f;--de-glow: rgba(209, 31, 45, 0.30);--de-glow-soft: rgba(209, 31, 45, 0.15);--de-btn-surface: rgba(0, 0, 0, 0.05);--de-danger-bg: rgba(220, 53, 69, 0.12);--de-danger-text: #a01521}.design-modal{background:var(--bg) !important;color:var(--text);font-family:var(--font-body, system-ui, sans-serif)}.modal-header{background:var(--bg-2) !important;border-bottom:1px solid var(--border) !important}.modal-header h2,.modal-header .logo-txt{color:var(--text) !important}.modal-header .modal-close{color:var(--text-soft) !important;background:rgba(0,0,0,0) !important}.modal-header .modal-close:hover{background:var(--de-hover-bg) !important;color:var(--de-hover-text) !important}.design-stepper .step-number{background:var(--surface-2) !important;color:var(--text-dim) !important;font-family:var(--font-display, system-ui, sans-serif)}.design-stepper .step-title{color:var(--text-dim) !important}.design-stepper .step-underline{background:var(--surface-2) !important}.design-stepper .stepper-step::after{background:var(--border) !important}.design-stepper .stepper-step.active .step-number{background:var(--accent-grad) !important;color:#fff !important;box-shadow:0 4px 14px var(--de-glow) !important}.design-stepper .stepper-step.active .step-title{color:var(--cyan-bright) !important}.design-stepper .stepper-step.active .step-underline{background:var(--cyan) !important;box-shadow:0 2px 8px var(--de-glow-soft) !important}.design-stepper .stepper-step.completed .step-number{background:var(--accent-grad-soft) !important;color:var(--cyan) !important}.design-stepper .stepper-step.completed .step-title{color:var(--text-soft) !important}.design-stepper .stepper-step.completed .step-underline{background:var(--border-strong) !important}.design-stepper .stepper-step.completed::after{background:var(--border-strong) !important}.modal-body{background:var(--bg) !important}.modal-footer{background:var(--bg-2) !important;border-top:1px solid var(--border) !important}.modal-footer .footer-info span{color:var(--text-soft) !important;font-family:var(--font-display, system-ui, sans-serif);font-size:13.5px;font-weight:600}.modal-footer .button{font-family:var(--font-display, system-ui, sans-serif) !important;font-weight:600 !important;font-size:14.5px !important;padding:13px 26px !important;border-radius:100px !important;transition:transform .18s ease,box-shadow .25s ease,background .25s ease,filter .2s ease,border-color .2s ease,color .2s ease !important}.modal-footer .button:active{transform:translateY(1px) scale(0.99)}.modal-footer .button.button--secondary{background:var(--de-btn-surface) !important;border:1px solid var(--border-strong) !important;color:var(--text-soft) !important}.modal-footer .button.button--secondary:hover{background:var(--de-hover-bg) !important;border-color:var(--cyan) !important;color:var(--de-hover-text) !important;transform:translateY(-2px)}.modal-footer .button--move{background:var(--accent-grad) !important;color:#fff !important;border:none !important;box-shadow:0 4px 18px var(--de-glow-soft) !important}.modal-footer .button--move:hover{filter:brightness(1.1) !important;box-shadow:0 6px 24px var(--de-glow) !important;transform:translateY(-2px)}.modal-footer .button--move:disabled{opacity:.45 !important;transform:none !important}.design-toolbar{background:var(--bg-2) !important;border-right:1px solid var(--border) !important}.toolbar-buttons-column{background:var(--bg-2) !important;border-right:1px solid var(--border) !important}.toolbar-buttons-column .button,.toolbar-buttons-column .button--solid,.toolbar-buttons-column .button--regular{background:rgba(0,0,0,0) !important;color:var(--text-soft) !important;border:none !important}.toolbar-buttons-column .button svg,.toolbar-buttons-column .button--solid svg,.toolbar-buttons-column .button--regular svg{stroke:currentColor;fill:none}.toolbar-buttons-column .button svg path,.toolbar-buttons-column .button svg rect,.toolbar-buttons-column .button svg circle,.toolbar-buttons-column .button svg polygon,.toolbar-buttons-column .button svg line,.toolbar-buttons-column .button svg polyline,.toolbar-buttons-column .button--solid svg path,.toolbar-buttons-column .button--solid svg rect,.toolbar-buttons-column .button--solid svg circle,.toolbar-buttons-column .button--solid svg polygon,.toolbar-buttons-column .button--solid svg line,.toolbar-buttons-column .button--solid svg polyline,.toolbar-buttons-column .button--regular svg path,.toolbar-buttons-column .button--regular svg rect,.toolbar-buttons-column .button--regular svg circle,.toolbar-buttons-column .button--regular svg polygon,.toolbar-buttons-column .button--regular svg line,.toolbar-buttons-column .button--regular svg polyline{fill:currentColor !important}.toolbar-buttons-column .button svg[fill=none] path,.toolbar-buttons-column .button svg[fill=none] rect,.toolbar-buttons-column .button svg[fill=none] circle,.toolbar-buttons-column .button--solid svg[fill=none] path,.toolbar-buttons-column .button--solid svg[fill=none] rect,.toolbar-buttons-column .button--solid svg[fill=none] circle,.toolbar-buttons-column .button--regular svg[fill=none] path,.toolbar-buttons-column .button--regular svg[fill=none] rect,.toolbar-buttons-column .button--regular svg[fill=none] circle{fill:none !important;stroke:currentColor !important}.toolbar-buttons-column .button h3,.toolbar-buttons-column .button--solid h3,.toolbar-buttons-column .button--regular h3{color:var(--text-soft) !important}.toolbar-buttons-column .button .button-label,.toolbar-buttons-column .button--solid .button-label,.toolbar-buttons-column .button--regular .button-label{color:var(--text-soft) !important}.toolbar-buttons-column .button:hover,.toolbar-buttons-column .button--solid:hover,.toolbar-buttons-column .button--regular:hover{background:var(--de-hover-bg) !important;color:var(--de-hover-text) !important}.toolbar-buttons-column .button:hover h3,.toolbar-buttons-column .button:hover .button-label,.toolbar-buttons-column .button--solid:hover h3,.toolbar-buttons-column .button--solid:hover .button-label,.toolbar-buttons-column .button--regular:hover h3,.toolbar-buttons-column .button--regular:hover .button-label{color:var(--de-hover-text) !important}.toolbar-buttons-column .button.active,.toolbar-buttons-column .button--solid.active,.toolbar-buttons-column .button--regular.active{background:var(--de-hover-bg) !important;box-shadow:none !important;color:var(--de-hover-text) !important}.toolbar-buttons-column .button.active h3,.toolbar-buttons-column .button.active .button-label,.toolbar-buttons-column .button--solid.active h3,.toolbar-buttons-column .button--solid.active .button-label,.toolbar-buttons-column .button--regular.active h3,.toolbar-buttons-column .button--regular.active .button-label{color:var(--de-hover-text) !important;font-weight:700 !important}.toolbar-buttons-column .button.active svg path,.toolbar-buttons-column .button.active svg rect,.toolbar-buttons-column .button.active svg circle,.toolbar-buttons-column .button.active svg polygon,.toolbar-buttons-column .button--solid.active svg path,.toolbar-buttons-column .button--solid.active svg rect,.toolbar-buttons-column .button--solid.active svg circle,.toolbar-buttons-column .button--solid.active svg polygon,.toolbar-buttons-column .button--regular.active svg path,.toolbar-buttons-column .button--regular.active svg rect,.toolbar-buttons-column .button--regular.active svg circle,.toolbar-buttons-column .button--regular.active svg polygon{fill:currentColor !important}.toolbar-buttons-column .button.active svg[fill=none] path,.toolbar-buttons-column .button.active svg[fill=none] circle,.toolbar-buttons-column .button--solid.active svg[fill=none] path,.toolbar-buttons-column .button--solid.active svg[fill=none] circle,.toolbar-buttons-column .button--regular.active svg[fill=none] path,.toolbar-buttons-column .button--regular.active svg[fill=none] circle{fill:none !important;stroke:currentColor !important}.toolbar-panels-column{background:var(--surface-solid) !important;border-right:1px solid var(--border) !important}.toolbar-panel{background:var(--surface-solid) !important}.toolbar-panel .panel-title{color:var(--text) !important;border-bottom:1px solid var(--border) !important}.toolbar-panel label,.toolbar-panel .control-label{color:var(--text-soft) !important}.toolbar-panel .button--solid,.toolbar-panel .panel-option-btn{background:var(--de-btn-surface) !important;color:var(--text) !important;border:1px solid var(--border) !important}.toolbar-panel .button--solid svg path,.toolbar-panel .panel-option-btn svg path{fill:currentColor !important}.toolbar-panel .button--solid svg[fill=none] path,.toolbar-panel .panel-option-btn svg[fill=none] path{fill:none !important;stroke:currentColor !important}.toolbar-panel .button--solid:hover,.toolbar-panel .panel-option-btn:hover{background:var(--de-hover-bg) !important;border-color:var(--cyan) !important;color:var(--de-hover-text) !important}.toolbar-panel .button--text{font-family:var(--font-display, system-ui, sans-serif) !important;font-weight:600 !important;color:var(--text-dim) !important;text-decoration:none !important;transition:color .2s ease !important}.toolbar-panel .button--text:hover{color:var(--de-hover-text) !important;text-decoration:underline !important}.toolbar-panel input[type=text],.toolbar-panel input[type=number],.toolbar-panel textarea,.toolbar-panel select{background:var(--de-btn-surface) !important;color:var(--text) !important;border:1px solid var(--border) !important;border-radius:8px !important}.toolbar-panel input[type=text]:focus,.toolbar-panel input[type=number]:focus,.toolbar-panel textarea:focus,.toolbar-panel select:focus{border-color:var(--cyan) !important;outline:none !important;box-shadow:0 0 0 2px var(--de-glow-soft) !important}.upload-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.upload-options-grid .panel-option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border-radius:8px;border:1px solid var(--border) !important;background:var(--de-btn-surface) !important;color:var(--text-soft) !important;font-size:11px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .2s,border-color .2s,color .2s;width:100%;box-sizing:border-box;height:60px}.upload-options-grid .panel-option-btn svg{flex-shrink:0}.upload-options-grid .panel-option-btn svg path,.upload-options-grid .panel-option-btn svg line,.upload-options-grid .panel-option-btn svg polyline,.upload-options-grid .panel-option-btn svg circle{stroke:currentColor !important;fill:none !important}.upload-options-grid .panel-option-btn:hover{background:var(--de-hover-bg) !important;border-color:var(--cyan) !important;color:var(--de-hover-text) !important}.history-item{border-color:var(--border) !important;background:var(--surface-solid) !important}.history-item:hover{border-color:var(--cyan) !important}.upload-history-section{border-top:1px solid var(--border) !important}.canvas-workspace .zoom-controls{background:var(--bg-2) !important;border:1px solid var(--border) !important;box-shadow:0 2px 12px rgba(0,0,0,.4) !important;backdrop-filter:blur(8px) !important}.canvas-workspace .zoom-controls button{background:var(--de-btn-surface) !important;border:1px solid var(--border) !important;border-color:var(--border) !important;color:var(--text-soft) !important;border-radius:6px !important}.canvas-workspace .zoom-controls button svg,.canvas-workspace .zoom-controls button svg path{fill:currentColor !important;stroke:none !important}.canvas-workspace .zoom-controls button:hover:not(:disabled){background:var(--de-hover-bg) !important;border-color:var(--cyan) !important;color:var(--de-hover-text) !important;transform:scale(1.05)}.canvas-workspace .zoom-controls button:active:not(:disabled){background:var(--accent-grad) !important;border-color:var(--cyan) !important;color:#fff !important}.canvas-workspace .zoom-controls button:disabled{opacity:.35 !important}.canvas-workspace .zoom-controls .zoom-indicator{color:var(--text-soft) !important;background:rgba(0,0,0,0) !important;border-color:var(--border) !important}.canvas-workspace .zoom-controls .zoom-divider{background:var(--border) !important}.canvas-workspace{background:var(--de-canvas-bg) !important}.canvas-workspace .canvas-with-rulers,.canvas-workspace .front-canvas,.canvas-workspace .back-canvas{background-color:rgba(0,0,0,0) !important;padding:0 !important}[class*=canvas-label],.canvas-side-label{background:var(--cyan) !important;color:#fff !important}.view-option{border-color:var(--border) !important;border-width:2px !important;border-style:solid !important;border-radius:6px !important;transition:border-color .2s,box-shadow .2s !important}.view-option div[style*="color: #666"],.view-option>div:last-child{color:var(--text-dim) !important}.view-option .view-preview{background-color:#fff !important;border-color:var(--border) !important}.view-option .view-preview div{color:var(--text-dim) !important}.view-option .view-preview.loading{background:linear-gradient(90deg, var(--surface-solid) 25%, var(--de-btn-surface) 50%, var(--surface-solid) 75%) !important;background-size:200% 100% !important}.view-option.active{border-color:var(--cyan) !important;box-shadow:0 0 0 1px var(--cyan),0 0 12px var(--de-glow-soft) !important}.view-option.active div{color:var(--cyan) !important}.view-option:hover:not(.active){border-color:var(--border-strong) !important;box-shadow:none !important}.view-option:hover:not(.active) div{color:var(--text-soft) !important}.work-area-info,.work-area-info-panel,.work-area-controls{background:var(--surface-solid) !important;border-left:1px solid var(--border) !important;color:var(--text) !important}.work-area-info h3,.work-area-info h4,.work-area-info p,.work-area-info label,.work-area-info span,.work-area-info-panel h3,.work-area-info-panel h4,.work-area-info-panel p,.work-area-info-panel label,.work-area-info-panel span,.work-area-controls h3,.work-area-controls h4,.work-area-controls p,.work-area-controls label,.work-area-controls span{color:var(--text) !important}.work-area-info input[type=checkbox],.work-area-info-panel input[type=checkbox],.work-area-controls input[type=checkbox]{accent-color:var(--cyan) !important}.design-view-selector .view-button,.design-view-selector .view-option,.view-selector .view-button,.view-selector .view-option{background:var(--de-btn-surface) !important;border:1px solid var(--border) !important;color:var(--text-soft) !important}.design-view-selector .view-button.active,.design-view-selector .view-button:hover,.design-view-selector .view-option.active,.design-view-selector .view-option:hover,.view-selector .view-button.active,.view-selector .view-button:hover,.view-selector .view-option.active,.view-selector .view-option:hover{border-color:var(--cyan) !important;color:var(--de-hover-text) !important}.design-view-selector .view-label,.view-selector .view-label{color:var(--text-soft) !important}.native-variants-panel{background:var(--surface-solid) !important;border-left:1px solid var(--border) !important;color:var(--text) !important}.native-variants-panel h3,.native-variants-panel h4{color:var(--text) !important}.native-variants-panel .infinite-swatch{border:2px solid var(--border) !important}.native-variants-panel .infinite-swatch.selected,.native-variants-panel .infinite-swatch:hover{border-color:var(--cyan) !important}.design-modal .button--primary,.design-modal .button--secondary,.design-modal .button--outline,.design-modal [class*=btn--primary]{font-family:var(--font-display, system-ui, sans-serif) !important;font-weight:600 !important;border-radius:100px !important;transition:transform .18s ease,box-shadow .25s ease,background .25s ease,filter .2s ease,border-color .2s ease,color .2s ease !important}.design-modal .button--primary:active,.design-modal .button--secondary:active,.design-modal .button--outline:active,.design-modal [class*=btn--primary]:active{transform:translateY(1px) scale(0.99)}.design-modal .button--primary,.design-modal [class*=btn--primary]{background:var(--accent-grad) !important;color:#fff !important;border:none !important;box-shadow:0 4px 18px var(--de-glow-soft) !important;padding:13px 26px !important}.design-modal .button--primary:hover,.design-modal [class*=btn--primary]:hover{filter:brightness(1.1) !important;box-shadow:0 6px 24px var(--de-glow) !important;transform:translateY(-2px)}.design-modal .button--primary:disabled,.design-modal [class*=btn--primary]:disabled{opacity:.45 !important;transform:none !important}.design-modal .button--secondary{background:var(--de-btn-surface) !important;border:1px solid var(--border-strong) !important;color:var(--text-soft) !important;padding:13px 26px !important}.design-modal .button--secondary:hover{background:var(--de-hover-bg) !important;border-color:var(--cyan) !important;color:var(--de-hover-text) !important;transform:translateY(-2px)}.design-modal .button--secondary:disabled{opacity:.45 !important;transform:none !important}.design-modal .button--outline{background:rgba(0,0,0,0) !important;border:1px solid var(--border-strong) !important;color:var(--text-soft) !important}.design-modal .button--outline:hover{border-color:var(--cyan) !important;color:var(--de-hover-text) !important;background:var(--de-hover-bg) !important;transform:translateY(-2px)}.design-modal .button--danger,.design-modal .history-remove-btn{background:var(--de-danger-bg) !important;color:var(--de-danger-text) !important;border:none !important}.design-modal .button--danger:hover,.design-modal .history-remove-btn:hover{filter:brightness(1.15) !important}.btn-add-text{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--border-strong);background:var(--de-btn-surface);color:var(--text-soft);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s;margin-bottom:16px}.btn-add-text svg{flex-shrink:0;stroke:currentColor}.btn-add-text:hover{background:var(--de-hover-bg);border-color:var(--cyan);color:var(--de-hover-text)}.text-controls-section{border-bottom:1px solid var(--border) !important}.text-controls-section h3{color:var(--text) !important}.control-label{color:var(--text-dim) !important}.text-input{background-color:var(--de-btn-surface) !important;border-color:var(--border-strong) !important;color:var(--text) !important;box-shadow:none !important}.text-input:focus{background-color:var(--de-btn-surface) !important;border-color:var(--cyan) !important;box-shadow:0 0 0 2px var(--de-glow-soft) !important}.text-input::placeholder{color:var(--text-dim) !important}.font-select{background-color:var(--de-btn-surface) !important;border-color:var(--border-strong) !important;color:var(--text) !important}.font-select:focus{border-color:var(--cyan) !important;box-shadow:0 0 0 2px var(--de-glow-soft) !important}.font-select option{background:var(--bg-2);color:var(--text)}.font-loading-indicator{background:var(--surface-solid) !important;color:var(--text-dim) !important;border-color:var(--border) !important}.font-loading-indicator::after{border-color:var(--border) !important;border-top-color:var(--cyan) !important}.font-size-slider{background:var(--border-strong) !important;accent-color:var(--cyan)}.font-size-slider::-webkit-slider-thumb{background:var(--cyan) !important;box-shadow:0 0 0 3px var(--de-glow-soft) !important}.font-size-slider::-moz-range-thumb{background:var(--cyan) !important;border-color:var(--cyan) !important}.format-btn,.align-btn{background:var(--de-btn-surface) !important;border-color:var(--border) !important;color:var(--text-soft) !important}.format-btn svg path,.format-btn svg rect,.align-btn svg path,.align-btn svg rect{fill:currentColor !important}.format-btn svg[fill=none] path,.align-btn svg[fill=none] path{fill:none !important;stroke:currentColor !important}.format-btn:hover,.align-btn:hover{background:var(--de-hover-bg) !important;border-color:var(--cyan) !important;color:var(--de-hover-text) !important}.format-btn.active,.align-btn.active{background:var(--accent-grad) !important;border-color:var(--cyan) !important;color:#fff !important;box-shadow:0 2px 10px var(--de-glow-soft) !important}.control-group button[type=button]{background:var(--de-btn-surface) !important;border-color:var(--border) !important;color:var(--text-soft) !important}.control-group button[type=button]:hover{background:var(--de-hover-bg) !important;border-color:var(--cyan) !important;color:var(--de-hover-text) !important}.design-modal input[type=color]{border-color:var(--border) !important;background:rgba(0,0,0,0) !important}.property-transforms,.property-controls{border-top:1px solid var(--border) !important}.property-transforms .icon-grid button,.property-controls .icon-grid button{background:var(--de-btn-surface) !important;border:1px solid var(--border) !important;color:var(--text-soft) !important}.property-transforms .icon-grid button:hover,.property-controls .icon-grid button:hover{background:var(--de-hover-bg) !important;border-color:var(--cyan) !important;color:var(--de-hover-text) !important}.design-modal ::-webkit-scrollbar{width:6px;height:6px}.design-modal ::-webkit-scrollbar-track{background:var(--bg)}.design-modal ::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.design-modal ::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.design-modal [style*="background-color: #f8f9fa"],.design-modal [style*="background: #f8f9fa"],.design-modal [style*="background-color: #ffffff"],.design-modal [style*="background: #ffffff"]{background-color:var(--surface-solid) !important}.design-modal [style*="border: 1px solid #e9ecef"],.design-modal [style*="border-color: #e9ecef"],.design-modal [style*="border-top: 1px solid #e9ecef"]{border-color:var(--border) !important}.design-modal [style*="color: #adb5bd"],.design-modal [style*="color: #666"],.design-modal [style*="color: #333"],.design-modal [style*="color: #000"]{color:var(--text-dim) !important}
