.view-switcher,.toolbar{background:#fff;padding:.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.view-switcher h3,.toolbar h3{margin-top:0;margin-bottom:1rem;font-size:.9rem;text-transform:uppercase;color:#6b7280;letter-spacing:.05em}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.view-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;color:#4b5563}.view-btn:hover{background:#f9fafb;border-color:#d1d5db}.view-btn.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.tool-group{display:flex;flex-direction:column;gap:.75rem}.tool-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem;color:#374151;transition:all .2s;width:100%}.tool-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.upload-btn{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}.upload-btn:hover:not(:disabled){background:#dbeafe}.delete-btn{color:#dc2626}.delete-btn:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}.export-btn{margin-top:auto;background:#111827;color:#fff;border-color:#111827}.export-btn:hover:not(:disabled){background:#1f2937}.designer-container{display:flex;flex-direction:column-reverse;height:100%;background:#fff;max-width:1200px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (min-width: 768px){.designer-container{flex-direction:row;height:80vh;margin-top:2rem}}.designer-sidebar{width:100%;background:#f9fafb;border-right:1px solid #e5e7eb;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;flex:1;min-height:0;direction:ltr}.designer-sidebar-inner{direction:rtl;display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.designer-sidebar{width:320px;flex:none}}.designer-workspace{flex:1;background:#f3f4f6;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}@media (min-width: 768px){.designer-workspace{padding:2rem}}.canvas-wrapper{background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:#4b5563;font-size:.9rem;font-weight:500}.tool-section{margin-bottom:.5rem}.tool-section h4{margin:.5rem 0;font-size:.8rem;color:#6b7280;text-transform:uppercase}.text-input-group{display:flex;gap:.5rem}.text-input{flex:1;padding:.5rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem}.tool-btn.icon-only{width:auto;padding:.5rem;justify-content:center}.color-picker-group{display:flex;align-items:center;gap:1rem;padding:.5rem;background:#f3f4f6;border-radius:6px;border:1px solid #e5e7eb}.color-picker-group label{font-size:.9rem;color:#374151}.color-picker-group input[type=color]{border:none;width:32px;height:32px;padding:0;cursor:pointer;background:transparent;border-radius:4px}.mode-switch-group{margin-bottom:1rem}.mode-toggle{display:flex;background:#f3f4f6;padding:.25rem;border-radius:6px;gap:.25rem}.mode-btn{flex:1;padding:.5rem;border:none;background:transparent;border-radius:4px;font-size:.9rem;color:#6b7280;cursor:pointer;transition:all .2s}.mode-btn.active{background:#fff;color:#2563eb;box-shadow:0 1px 2px #0000000d;font-weight:500}.slots-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.slot-btn{justify-content:center;text-align:center;font-size:.85rem;padding:.5rem}.slot-btn.active{background:#fff;color:#2563eb;border-color:#2563eb;border-width:2px;box-shadow:0 1px 3px #2563eb40;font-weight:500}.default-images-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.default-image-btn{padding:.35rem;justify-content:center}.default-image-thumb{width:100%;height:64px;object-fit:cover;border-radius:4px}.shirt-color-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.shirt-color-swatch{width:100%;aspect-ratio:1 / 1;border:1px solid #e5e7eb;border-radius:6px;padding:0;cursor:pointer}.shirt-color-swatch.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.garment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.garment-btn.active{border-color:#2563eb;box-shadow:0 1px 2px #2563eb33;color:#2563eb;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content-confirm{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden}.modal-header-confirm{padding:1.5rem 1.5rem .75rem;border-bottom:1px solid #e5e7eb}.modal-title-confirm{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.modal-body-confirm{padding:1.5rem}.modal-body-confirm p{margin:0;color:#4b5563;font-size:.95rem;line-height:1.6}.modal-footer-confirm{padding:.75rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.modal-btn-cancel{background:#fff;color:#6b7280;border-color:#e5e7eb}.modal-btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.modal-btn-confirm{background:#2563eb;color:#fff;border-color:#2563eb}.modal-btn-confirm:hover{background:#1d4ed8;border-color:#1d4ed8}.modal-content-alert{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden}.modal-content-alert--success .modal-header-alert{border-color:#10b981;background:#ecfdf5}.modal-content-alert--success .modal-title-alert{color:#059669}.modal-content-alert--success .modal-btn-alert{background:#10b981;color:#fff;border-color:#10b981}.modal-content-alert--success .modal-btn-alert:hover{background:#059669;border-color:#059669}.modal-content-alert--error .modal-header-alert{border-color:#ef4444;background:#fef2f2}.modal-content-alert--error .modal-title-alert{color:#dc2626}.modal-content-alert--error .modal-btn-alert{background:#ef4444;color:#fff;border-color:#ef4444}.modal-content-alert--error .modal-btn-alert:hover{background:#dc2626;border-color:#dc2626}.modal-header-alert{padding:1.5rem 1.5rem .75rem;border-bottom:2px solid #e5e7eb}.modal-title-alert{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.modal-body-alert{padding:1.5rem}.modal-body-alert p{margin:0;color:#4b5563;font-size:.95rem;line-height:1.6;white-space:pre-line}.modal-footer-alert{padding:.75rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.modal-btn-alert{min-width:100px}.modal-btn-action{flex:1;max-width:140px}body,button,input,textarea,select{margin:0;direction:rtl;font-family:Vazirmatn,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f3f4f6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}