:root{--bg-primary:#141417;--bg-secondary:#202025;--bg-tertiary:#2c2c35;--accent-color:#7c4dff;--accent-glow:#7c4dff66;--accent-secondary:#00e5ff;--text-primary:#fff;--text-secondary:#a0a0ab;--text-muted:#626270;--glass-bg:#202025d9;--glass-border:#ffffff26;--glass-blur:blur(20px);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1)}html.light{--bg-primary:#f4f4f7;--bg-secondary:#fff;--bg-tertiary:#e9e9ed;--accent-color:#5856d6;--accent-glow:#5856d633;--accent-secondary:#007aff;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--glass-bg:#ffffffe0;--glass-border:#00000026}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}input,textarea,select,[contenteditable=true],.message-bubble,.message-bubble *{-webkit-user-select:text!important;user-select:text!important}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-sm)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.circular-spinner{border:3px solid #ffffff1a;border-top:3px solid var(--accent-secondary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.info-tooltip-badge{justifyContent:center;align-items:center;display:inline-flex;position:relative}.info-tooltip-badge:after{content:attr(data-tooltip);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-primary);white-space:normal;opacity:0;pointer-events:none;z-index:999999;text-align:center;background:#1e1e23f2;border-radius:6px;width:180px;padding:8px 12px;font-size:11px;font-weight:400;line-height:1.4;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:130%;left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 8px 24px #0009}.info-tooltip-badge:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.pwa-viewport{background-color:var(--bg-primary);width:100%;height:100%;position:relative;overflow:hidden}.pwa-slide-container{width:200%;height:100%;transition:var(--transition-smooth);display:flex}.pwa-screen{flex-direction:column;width:50%;height:100%;display:flex;position:relative}.snap-scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow-y:scroll}.snap-slide{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;background-color:var(--bg-primary);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:relative}.pwa-header{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);width:100%;-webkit-backdrop-filter:var(--glass-blur);box-sizing:border-box;z-index:100;flex-direction:column;gap:8px;padding:10px 16px;display:flex;position:relative}.pwa-header-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.mode-toggle-container{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:20px;padding:2px;display:flex}.mode-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:18px;padding:6px 12px;font-size:11px;font-weight:700}.mode-btn.active{background:var(--accent-color);color:#fff}.action-buttons-container{align-items:center;gap:8px;display:flex}.header-action-btn{background:var(--glass-border);border:1px solid var(--glass-border);cursor:pointer;width:36px;height:36px;color:var(--text-primary);transition:var(--transition-smooth);border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:14px;display:flex}.header-action-btn:hover{background:var(--bg-tertiary)}.pwa-header-tabs-row{border-top:1px solid var(--glass-border);justify-content:center;gap:12px;width:100%;padding-top:8px;display:flex}.header-tab-btn{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition-smooth);background:0 0;border:none;padding:6px 12px;font-size:13px;font-weight:600}.header-tab-btn.active{color:var(--text-primary);background:var(--glass-border);box-shadow:0 4px 12px #0003}@media (width>=601px){.pwa-header{flex-direction:column;align-items:stretch;gap:0;height:auto;padding:0}.pwa-header-top-row{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 20px;display:flex}.pwa-header-tabs-row{border-top:1px solid var(--glass-border);box-sizing:border-box;background:#14131a59;justify-content:center;width:100%;padding:10px 20px;display:flex}.header-tab-btn{padding:8px 16px;font-size:15px}}@media (width<=600px){.desktop-only-text{display:none!important}}@media (width>=769px){.pwa-viewport{width:100%!important;height:100%!important}.pwa-slide-container{width:200%!important}.pwa-screen{width:50%!important}}.chat-wrapper{flex-direction:column;height:100%;padding-top:0;display:flex}.ressam-slider-container{background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);white-space:nowrap;-webkit-overflow-scrolling:touch;gap:12px;width:100%;padding:12px 16px;display:flex;overflow-x:auto}.ressam-slider-card{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;min-width:80px;transition:var(--transition-bounce);flex-direction:column;align-items:center;gap:6px;padding:8px;display:inline-flex}.ressam-slider-card.active{border-color:var(--accent-color);box-shadow:0 0 12px var(--accent-glow);transform:scale(1.05)}.ressam-avatar{object-fit:cover;border:2px solid var(--glass-border);border-radius:50%;width:50px;height:50px}.ressam-slider-card.active .ressam-avatar{border-color:var(--accent-color)}.ressam-name{color:var(--text-secondary);font-size:11px;font-weight:500}.ressam-slider-card.active .ressam-name{color:var(--text-primary)}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.message-bubble{border-radius:var(--radius-md);word-wrap:break-word;-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-word;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.4}.message-bubble.user{background:var(--accent-color);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.ressam{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--glass-border);border-bottom-left-radius:4px;align-self:flex-start}.chat-input-container{background:var(--bg-secondary);border-top:1px solid var(--glass-border);align-items:center;gap:8px;padding:16px;display:flex}.chat-text-input{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition-smooth);outline:none;flex:1;padding:12px 16px;font-size:14px}.chat-text-input:focus{border-color:var(--accent-color)}.chat-send-btn{background:var(--accent-color);color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition-bounce);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-send-btn:active{transform:scale(.9)}.mobile-only-btn{display:none}@media (width<=768px){.mobile-only-btn{display:block}.chat-sidebar{top:70px;left:0;transform:translate(-100%);box-shadow:5px 0 15px #00000040;z-index:1000!important;height:calc(100vh - 130px)!important;position:fixed!important}.chat-sidebar.open{transform:translate(0)!important}.chat-wrapper{position:relative;overflow:hidden}.chat-input-container{gap:6px;padding:10px}.chat-text-input{padding:10px;font-size:13px}}.mockup-outer-wrapper{aspect-ratio:3/4;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--glass-border);justify-content:center;align-items:center;width:100%;max-width:420px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.mockup-container{width:100%;height:100%;position:relative}.mockup-base-image{object-fit:cover;width:100%;height:100%;display:block}.mockup-design-overlay{pointer-events:none;justify-content:center;align-items:center;transition:transform .1s ease-out;display:flex;position:absolute}.mockup-design-image{object-fit:contain;mix-blend-mode:multiply;opacity:.94;width:100%;height:100%}.mockup-texture-overlay{mix-blend-mode:overlay;pointer-events:none;opacity:.85;width:100%;height:100%;position:absolute;top:0;left:0}.mockup-controls-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;-webkit-backdrop-filter:var(--glass-blur);flex-direction:column;gap:12px;margin-top:16px;padding:16px;display:flex}.color-picker-row{align-items:center;gap:12px;display:flex}.color-dot{border:2px solid var(--glass-border);cursor:pointer;width:32px;height:32px;transition:var(--transition-bounce);border-radius:50%}.color-dot.active{border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow);transform:scale(1.15)}.fit-selector-row{gap:8px;display:flex}.fit-btn{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);flex:1;padding:10px;font-size:13px;font-weight:500}.fit-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}