#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}body{font-family:Arial,sans-serif;margin:0;background:#f5f5f5}.main-app-container{min-height:100vh;flex-direction:column;background:#ffffff}.main-app-container,.top-bar{display:flex;margin:0;padding:0}.top-bar{width:100%;justify-content:flex-end;align-items:center;background:transparent}.top-bar-icons-bg{background:#fff;color:#1746a2;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.12);display:flex;flex-direction:row;align-items:center;gap:18px;padding:8px 24px;margin-left:24px;border:1.5px solid #e0e0e0}.top-bar-icon{display:flex;flex-direction:column;align-items:center;font-size:18px;color:#1976d2;min-width:44px;margin:0 2px;cursor:pointer;transition:color .2s,font-weight .2s;position:relative}.top-bar-icon.selected div{font-weight:700;color:#1976d2}.top-bar-icon div{font-size:1rem;color:#1976d2;margin-top:2px;text-align:center}.top-bar-icon:hover{color:#1746a2}.top-bar-icon:hover svg{stroke:#1746a2}.cloth-check{position:absolute;top:-7px;left:-7px;width:16px;height:16px;color:#1976d2;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 1px 4px rgba(0,0,0,.07);z-index:2;padding:0}.editor-flex-row{display:flex;flex:1 1;width:100%;max-width:1400px;margin:0 auto;gap:0}.sidebar{width:270px;background:#e5e5e5;border-radius:0 24px 24px 0;padding:28px 18px 18px;display:flex;flex-direction:column;align-items:center;min-height:700px;box-shadow:2px 0 12px rgba(0,0,0,.04)}.logo-area{width:100%;text-align:center}.logo-t-sign{font-family:Courier New,Courier,monospace;font-size:2.2rem;color:#b30000;letter-spacing:2px;font-weight:700;text-shadow:1px 1px 0 #fff,2px 2px 0 #b30000;border-bottom:2px dashed #b30000;display:inline-block}.sidebar-section{width:100%;margin-bottom:22px}.sidebar-label{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:10px;text-align:left;text-transform:lowercase}.color-row-bg{background:#6d6d6d;border-radius:30px;padding:8px 18px;margin:0 auto 8px;width:90%}.color-circle,.color-row,.color-row-bg{display:flex;justify-content:center;align-items:center}.color-circle{width:20px;height:20px;border-radius:50%;border:2.5px solid #fff;outline:none;cursor:pointer;position:relative;transition:border .2s,box-shadow .2s;box-sizing:border-box;margin:3px}.color-circle.selected{border:3px solid #1976d2;box-shadow:0 0 0 2px #fff,0 0 0 4px #1976d2}.color-check{position:absolute;top:-8px;right:-8px;width:14px;height:14px;color:#1976d2;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;box-shadow:0 1px 4px rgba(0,0,0,.07);z-index:2;padding:0}.size-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 10px;gap:12px 10px}.size-btn{border-radius:16px;border:1.5px solid #bbb;background:#fff;color:#222;font-size:1.1rem;font-weight:500;padding:10px 0;cursor:pointer;transition:background .2s,border .2s;outline:none;width:100%}.size-btn.selected{border:2px solid #2a6cff;background:#e6f0ff;color:#2a6cff}.size-btn.disabled{background:#f0f0f0;color:#aaa;border:1.5px solid #ddd;cursor:not-allowed;opacity:.7}.unavailable-tooltip-wrapper{position:relative}.unavailable-tooltip-wrapper:focus .size-btn-unavailable-tooltip,.unavailable-tooltip-wrapper:hover .size-btn-unavailable-tooltip{display:block}.size-btn-unavailable-tooltip{display:none;position:absolute;top:-60px;right:-150px;min-width:260px;background:#f6f6f7;color:#222;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:18px 18px 10px;font-size:1rem;font-family:Cairo,Arial,sans-serif;z-index:100;text-align:right;line-height:1.7;border:none;white-space:nowrap;box-sizing:border-box}.size-btn-unavailable-tooltip .red-dot{position:absolute;top:8px;left:10px;width:16px;height:16px;background:#d60000;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.1);border:2px solid #fff}.design-upload-box{display:flex;flex-direction:row;align-items:stretch;border:2px dashed #bdbdbd;border-radius:10px;background:#fafafa;padding:0;min-height:120px;position:relative;margin-top:8px}.design-upload-content{flex:1 1;flex-direction:column;cursor:pointer;padding:18px 0}.delete-bar,.design-upload-content{display:flex;align-items:center;justify-content:center}.delete-bar{width:40px;background:#ff5c5c;border-top-right-radius:10px;border-bottom-right-radius:10px;border-left:1px solid #fff}.delete-design-btn{background:none;border:none;color:#1976d2;font-size:1.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0}.upload-icon{font-size:2.1rem;color:#b30000;margin-bottom:4px}.upload-text{font-size:1.1rem;color:#444;text-align:center;font-weight:500}.upload-sub{font-size:.9rem;color:#888;font-weight:400}.sidebar-actions{display:flex;flex-direction:row;gap:10px;justify-content:center;margin-top:18px}.sidebar-btn{font-size:1.1rem;font-weight:600;border-radius:8px;padding:10px 0;width:100px;border:2px solid #2a6cff;cursor:pointer;transition:background .2s,color .2s}.sidebar-btn.outline{background:#fff;color:#2a6cff}.sidebar-btn.filled{background:#2a6cff;color:#fff}.sidebar-btn.outline:hover{background:#e6f0ff}.sidebar-btn.filled:hover{background:#1746a2}.main-editor-area{flex:1 1;background:white;border-radius:0 24px 24px 0;display:flex;flex-direction:column;align-items:flex-start;padding:32px 0 0;min-height:700px;position:relative}.editor-title{font-family:Fira Mono,Consolas,Courier New,monospace;font-size:2.3rem;color:#222;font-weight:600;margin-left:48px;margin-bottom:12px;letter-spacing:2px}.canvas-area{background:#eaf1ff;border-radius:18px;box-shadow:0 4px 16px rgba(0,0,0,.07);margin:0 auto;position:relative;width:80%;height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}#design-canvas{border:none;border-radius:18px;background:transparent;width:100%;height:100%;max-width:600px;max-height:600px;display:block;margin:0 auto}.zoom-icons{position:absolute;top:18px;left:18px;display:flex;gap:10px;z-index:2}.zoom-btn{background:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#1963d2;cursor:pointer;margin-right:2px;transition:background .2s,border .2s;box-shadow:0 1px 4px rgba(0,0,0,.07)}.zoom-btn:hover{background:#e6f0ff}.camera-icon{top:18px;right:18px;background:#fff;border-radius:50%;width:56px;height:56px;align-items:center;justify-content:center;font-size:1.8rem;color:#1976d2;box-shadow:0 1px 4px rgba(0,0,0,.07)}.camera-icon,.canvas-controls{position:absolute;display:flex;z-index:2}.canvas-controls{bottom:18px;left:18px;gap:8px}.canvas-ctrl-btn{background:#fff;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#1976d2;cursor:pointer;margin-right:2px;transition:background .2s,border .2s;box-shadow:0 1px 4px rgba(0,0,0,.07)}.canvas-ctrl-btn:hover{background:#e6f0ff;color:#1746a2}.download-btn-green{position:absolute;bottom:0;right:0;background:#43d854;color:#fff;border:none;border-radius:20px;font-size:1.1rem;font-weight:600;padding:8px 22px;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 1px 4px rgba(0,0,0,.07);transition:background .2s,color .2s;z-index:10}.download-btn-green:hover{background:#2bbf3a;color:#fff}.ad-banner{width:100%;background:#ffe066;color:#222;font-size:1.5rem;font-weight:700;text-align:center;padding:18px 0;border-radius:0 0 24px 24px;margin-top:24px;letter-spacing:1px;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative}.ad-banner,.ad-banner-close{display:flex;align-items:center;justify-content:center}.ad-banner-close{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:#fff;border:none;border-radius:50%;width:28px;height:28px;color:#1976d2;font-size:1.1rem;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.07);transition:background .2s,color .2s}.ad-banner-close:hover{background:#e6f0ff;color:#1746a2}.editor-header-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-bottom:12px;padding:0 32px 0 0}.design-resize-handle,.design-rotate-handle{width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1976d2;font-size:1.3rem;box-shadow:0 1px 4px rgba(0,0,0,.13);border:2px solid #e0e0e0;transition:background .2s,color .2s,border .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.design-resize-handle:hover,.design-rotate-handle:hover{background:#e6f0ff;color:#1746a2;border:2px solid #1976d2}@media (max-width:1100px){.editor-flex-row{flex-direction:column;align-items:stretch;gap:0}.sidebar{border-radius:24px 24px 0 0;min-height:unset;width:100%;flex-direction:row;justify-content:space-between;padding:18px 8px}.main-editor-area{border-radius:0 0 24px 24px;min-height:unset;padding:24px 0 0}.canvas-area{width:100vw;max-width:100vw;height:400px;min-width:0}}@media (max-width:700px){.main-app-container{padding:0}.editor-flex-row{flex-direction:column;align-items:stretch;gap:0;width:100vw;max-width:100vw}.sidebar{padding:10px 2px;min-width:0;width:100vw;border-radius:0 0 24px 24px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;box-shadow:none}.sidebar-section{margin-bottom:10px;width:100%}.color-row-bg{width:100%;min-width:0;padding:6px 4px;overflow-x:auto}.color-row{gap:6px;flex-wrap:nowrap;overflow-x:auto}.size-grid{gap:8px 6px}.size-btn{font-size:.95rem;padding:8px 0}.design-upload-box{min-height:80px;padding:0}.main-editor-area{border-radius:0 0 24px 24px;min-height:unset;padding:12px 0 0;width:100vw;max-width:100vw;align-items:stretch}.editor-header-row{flex-direction:column;align-items:flex-start;padding:0 8px 0 0;margin-bottom:8px;gap:8px}.editor-title{margin-left:8px;font-size:1.1rem;margin-bottom:0}.top-bar-icons-bg{margin-left:0;padding:6px 8px;gap:10px;width:100%;justify-content:space-between}.top-bar-icon svg{font-size:1.3rem}.top-bar-icon div{font-size:.85rem}.canvas-area{width:100vw;height:250px;min-width:0;padding:0}#design-canvas,.canvas-area{max-width:100vw;border-radius:12px}#design-canvas{max-height:250px}.camera-icon,.canvas-controls,.download-btn-green,.zoom-icons{width:36px;height:36px;font-size:1rem;padding:0}.download-btn-green{font-size:.95rem;padding:6px 12px;border-radius:14px;right:8px;bottom:8px}.ad-banner{font-size:1rem;padding:10px 0;margin-top:10px;border-radius:0 0 16px 16px}.ad-banner-close{right:8px;width:22px;height:22px;font-size:.9rem}.size-btn-unavailable-tooltip{min-width:180px;font-size:.98rem;padding:12px 8px 8px;top:-50px}.size-btn-unavailable-tooltip .red-dot{width:13px;height:13px;top:7px;left:7px}}@media (max-width:480px){.main-app-container{padding:0}.sidebar{padding:6px 1px;border-radius:0 0 12px 12px}.color-row-bg{padding:4px 2px}.canvas-area{height:170px;border-radius:8px}#design-canvas{max-height:170px;border-radius:8px}.download-btn-green{font-size:.8rem;padding:4px 8px;border-radius:10px;right:4px;bottom:4px}.ad-banner{font-size:.85rem;padding:6px 0;border-radius:0 0 8px 8px}.ad-banner-close{right:4px;width:18px;height:18px;font-size:.7rem}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.order-modal{background:white;border-radius:20px;padding:30px;width:70%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.15);border:2px solid #2196f3}.modal-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:5px;border-radius:50%;transition:background .2s}.modal-close-btn:hover{background:#f0f0f0}.modal-title{text-align:center;color:#2a6cff;font-size:1.8rem;margin-bottom:25px;font-weight:700}.order-form{gap:15px}.order-form,.order-form label{display:flex;flex-direction:column}.order-form label{gap:8px;font-weight:600;color:#333}.order-form input,.order-form textarea{padding:14px;border:1.5px solid #bdbdbd;border-radius:10px;font-size:1rem;transition:border .2s;background:#f8fafd}.order-form input:focus,.order-form textarea:focus{outline:none;border-color:#2196f3}.order-form textarea{min-height:80px;resize:vertical}.order-submit-btn{background:#2a6cff;color:white;border:none;padding:15px;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:10px}.order-submit-btn:hover:not(:disabled){background:#1746a2}.order-submit-btn:disabled{background:#ccc;cursor:not-allowed}.order-success{background:#d4edda;color:#155724;border-radius:10px;border:1px solid #c3e6cb}.order-error,.order-success{padding:15px;text-align:center;font-weight:600}.order-error{background:#f8d7da;color:#721c24;border-radius:10px;border:1px solid #f5c6cb}.order-summary-row{display:flex;align-items:center;justify-content:flex-start;gap:18px;margin:18px 0 0;padding:0 2px}.order-summary-color .color-circle{width:32px;height:32px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 2px #1976d2;display:inline-block}.order-summary-size .size-btn.selected{border:2px solid #1976d2;font-weight:700;font-size:1.1rem;border-radius:12px}.order-summary-cloth .top-bar-icon.selected,.order-summary-size .size-btn.selected{background:#fff;color:#1976d2;min-width:38px;min-height:38px;box-shadow:0 0 0 2px #1976d2}.order-summary-cloth .top-bar-icon.selected{border:none;font-size:1.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center}@media (max-width:700px){.order-modal{width:98%;padding:12px;margin:4px}.order-summary-row{gap:10px;margin:10px 0 0}.order-summary-cloth .top-bar-icon.selected,.order-summary-color .color-circle,.order-summary-size .size-btn.selected{min-width:28px;min-height:28px;width:28px;height:28px;font-size:1.1rem}}@keyframes swal-spin{0%{transform:rotatey(0deg)}to{transform:rotatey(1turn)}}.swal2-loader-popup .swal2-html-container{margin:0;padding:0}@media (max-width:600px){body,html{font-size:15px;overflow-x:hidden}.main-app-container{padding:0;overflow-x:hidden}.editor-flex-row,.main-app-container{min-width:0;width:100vw;max-width:100vw}.editor-flex-row{flex-direction:column;align-items:stretch;gap:0}.sidebar{padding:6px 2px;min-width:0;width:100vw;border-radius:0 0 16px 16px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;box-shadow:none;gap:0}.sidebar-section{margin-bottom:8px;width:100%}.color-row-bg{width:100%;padding:4px 2px;scrollbar-width:thin;scrollbar-color:#1976d2 #e5e5e5}.color-row,.color-row-bg{min-width:0;overflow-x:auto}.color-row{gap:6px;flex-wrap:nowrap}.color-circle{min-width:44px;min-height:44px;width:44px;height:44px;font-size:1.2rem;margin:2px}.color-check{width:18px;height:18px;font-size:1rem;top:-10px;right:-10px}.size-grid{gap:8px 6px}.size-btn{font-size:1rem;padding:10px 0;min-width:44px;min-height:44px}.design-upload-box{min-height:60px;padding:0}.delete-bar{width:44px;min-width:44px;min-height:44px}.delete-design-btn{font-size:2rem;min-width:44px;min-height:44px}.main-editor-area{border-radius:0 0 16px 16px;min-height:unset;padding:8px 0 0;width:100vw;max-width:100vw;align-items:stretch}.editor-header-row{flex-direction:column;align-items:flex-start;padding:0 8px 0 0;margin-bottom:8px;gap:8px}.editor-title{margin-left:8px;font-size:1.2rem;margin-bottom:0}.top-bar-icons-bg{margin-left:0;padding:6px 8px;gap:10px;width:100%;justify-content:space-between}.top-bar-icon{min-width:44px;min-height:44px;font-size:1.2rem}.top-bar-icon svg{font-size:1.5rem}.top-bar-icon div{font-size:.95rem}.canvas-area{width:100vw;height:220px;min-width:0;padding:0;overflow:hidden}#design-canvas,.canvas-area{max-width:100vw;border-radius:12px}#design-canvas{max-height:220px}.camera-icon,.canvas-controls,.download-btn-green,.zoom-icons{width:44px;height:44px;font-size:1.2rem;padding:0}.download-btn-green{font-size:1rem;padding:8px 14px;border-radius:14px;right:8px;bottom:8px;min-width:44px;min-height:44px}.ad-banner{font-size:1rem;padding:10px 0;margin-top:10px;border-radius:0 0 12px 12px;min-height:44px}.ad-banner-close{right:8px}.ad-banner-close,.design-resize-handle,.design-rotate-handle{width:44px;height:44px;font-size:1.2rem}.sidebar-btn{min-width:44px;min-height:44px;font-size:1rem;padding:10px 0}}@media (max-width:400px){body,html{font-size:13px}.canvas-area{height:140px;border-radius:8px}#design-canvas{max-height:140px;border-radius:8px}.download-btn-green{font-size:.85rem;padding:4px 6px;border-radius:8px;right:2px;bottom:2px}.ad-banner{font-size:.85rem;padding:6px 0;border-radius:0 0 8px 8px;min-height:36px}.ad-banner-close{right:2px}.ad-banner-close,.design-resize-handle,.design-rotate-handle{width:36px;height:36px;font-size:1rem}}@media (max-width:700px){.color-row-bg{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#1976d2 #e5e5e5}.color-row::-webkit-scrollbar{height:6px;background:#e5e5e5}.color-row::-webkit-scrollbar-thumb{background:#1976d2;border-radius:3px}}.canvas-area,.editor-flex-row,.main-app-container,.main-editor-area,body,html{overflow-x:hidden!important;min-width:0;max-width:100vw}.order-radio-group{display:flex;flex-direction:row;gap:18px;justify-content:flex-end;margin:18px 0 10px}.order-radio-option{width:30%;display:flex;flex-direction:column;align-items:center;background:#ededed;border-radius:18px;padding:8px 12px 4px;box-shadow:0 2px 8px rgba(0,0,0,.07);cursor:pointer;position:relative;transition:background .2s,box-shadow .2s}.order-radio-option.selected{background:#fff;box-shadow:0 2px 8px #d32f2f33}.order-radio-img{width:100%;border:4px solid #fff;box-shadow:0 0 0 2px #d32f2f,0 2px 8px #d32f2f33;background:#fff;margin-bottom:4px;object-fit:cover;display:block}.order-radio-option.selected .order-radio-img{box-shadow:0 0 0 3px #d32f2f,0 2px 8px #d32f2f33;border:4px solid #d32f2f}.order-radio-label{font-size:1.1rem;font-weight:700;color:#d32f2f;background:#fff;border:2.5px solid #d32f2f;border-radius:6px;padding:2px 16px;margin-top:2px;font-family:Cairo,Arial,sans-serif;letter-spacing:1px;box-shadow:0 2px 8px #d32f2f33;display:inline-block;text-align:center;transition:background .2s,color .2s}.order-radio-option.selected .order-radio-label{background:#d32f2f;color:#fff}.order-radio-error{color:#d32f2f;font-size:1.3rem;margin-top:4px;text-align:right;font-family:Cairo,Arial,sans-serif}.ea-vertical-wrap{position:absolute;right:calc(var(--sidebar-width, 240px) + 18px);top:96px;width:76px;display:flex;flex-direction:column;gap:10px;z-index:1650;align-items:center}.ea-expand-btn{width:44px;height:44px;border-radius:10px;border:1px solid #ddd;justify-content:center;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.06)}.ea-expand-btn,.ea-vertical-panel{background:#fff;display:flex;align-items:center}.ea-vertical-panel{width:72px;border-radius:10px;padding:8px;flex-direction:column;gap:8px;border:1px solid #e6e6e6;box-shadow:0 10px 30px rgba(0,0,0,.06)}.ea-tool-btn{width:56px;height:56px;border-radius:10px;border:1px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.ea-tool-btn.active{box-shadow:0 0 0 3px rgba(25,118,210,.12)}.ea-swap-area{position:absolute;right:calc(var(--sidebar-width, 240px) + 110px);top:120px;width:300px;max-height:520px;background:#f3f3f3;border-radius:12px;padding:12px;box-sizing:border-box;z-index:1500;overflow:auto;border:1px solid #e0e0e0}.ea-controls-col{position:absolute;left:calc(var(--sidebar-width, 240px) + 18px);top:140px;width:72px;height:420px;background:rgba(255,255,255,.98);border-radius:10px;padding:8px;flex-direction:column;gap:10px;box-shadow:0 8px 30px rgba(0,0,0,.08);z-index:1600}.ea-controls-col,.ea-ctrl{display:flex;align-items:center}.ea-ctrl{width:44px;height:44px;border-radius:8px;border:1px solid #ddd;background:#fff;justify-content:center;cursor:pointer}.ea-ctrl.small{width:34px;height:34px}.ea-draw-panel,.ea-text-panel{position:absolute;left:calc(var(--sidebar-width,240px) + 18px);top:580px;width:360px;background:#fff;border-radius:10px;padding:12px;box-shadow:0 12px 40px rgba(0,0,0,.12);z-index:1700;display:none}.ea-draw-panel.open,.ea-text-panel.open{display:flex;flex-direction:column;gap:8px}.ea-modal-blur{position:fixed;inset:0;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:2100}.ea-modal-blur.open{display:flex}.ea-modal{width:92%;max-width:1100px;background:#fff;border-radius:12px;padding:18px;box-sizing:border-box}.ea-modal-header{display:flex;gap:8px;align-items:center}.ea-thumb-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px;margin-top:12px;max-height:420px;overflow:auto}.ea-thumb-grid img{width:100%;height:110px;object-fit:cover;border-radius:6px;cursor:pointer}.ea-inline-msg{position:absolute;right:calc(var(--sidebar-width, 240px) + 18px);top:80px;background:#fff3cd;color:#856404;border:1px solid #ffeeba;padding:8px 12px;border-radius:8px;z-index:2200}@media (max-width:1000px){.ea-swap-area{display:none}.ea-vertical-wrap{right:14px}.ea-modal{width:96%}.ea-thumb-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.editor-flex-row{flex-direction:column}.sidebar .color-row-bg{padding:6px 8px}.sidebar .color-row{display:flex;gap:8px;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:thin}.sidebar .color-row::-webkit-scrollbar{height:6px}.sidebar .color-row::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:6px}.sidebar .color-circle{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:50%!important;border:2px solid rgba(0,0,0,.06);box-shadow:0 1px 0 rgba(0,0,0,.06);padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}.sidebar .color-circle.selected{box-shadow:0 0 0 3px rgba(25,118,210,.12)}.sidebar .color-check{transform:scale(.85)}.sidebar .sidebar-section>.color-row-bg{max-height:56px}.design-upload-box{display:flex;flex-direction:column;gap:8px}.design-upload-box .design-upload-content{padding:10px;border-radius:10px}.custom-design-btn{width:100%!important;padding:10px 12px!important;font-size:1rem!important;border-radius:10px!important}.canvas-area{height:calc(100vh - 220px)!important;min-height:420px;touch-action:none;overflow:hidden;position:relative}.camera-icon,.canvas-controls,.download-btn-green,.zoom-icons{position:absolute!important;z-index:30!important;pointer-events:auto}.zoom-icons{left:8px;top:8px;display:flex;gap:8px}.camera-icon{right:8px;top:8px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);border-radius:8px;padding:6px}.canvas-controls{left:8px;bottom:10px;display:flex;gap:8px}.download-btn-green{right:8px;bottom:10px;border-radius:10px;display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:120px;height:42px;font-size:.95rem;line-height:1;text-align:center;padding:8px 10px}.download-btn-green i,.download-btn-green svg{font-size:1.05rem}.sidebar .sidebar-actions.moved-to-mobile-bottom{position:relative!important;display:flex!important;flex-direction:row!important;gap:10px;justify-content:center;align-items:center;width:100%;margin:14px 0;padding:0 12px}.sidebar .sidebar-actions.moved-to-mobile-bottom .sidebar-btn{flex:1 1 48%;margin:0;height:44px;border-radius:10px;font-size:1rem}.canvas-controls .canvas-ctrl-btn,.zoom-icons .zoom-btn{height:40px;width:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.05rem}.canvas-controls .mouse-btn,.canvas-controls button[title*="مسك"],.sidebar .mouse-btn,.top-bar .mouse-btn{display:none!important}.sidebar .size-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.sidebar .size-btn{height:40px;font-size:.95rem;border-radius:8px}.sidebar .size-btn.disabled{opacity:.85;background:#efefef;color:#777;border-radius:8px;padding:6px 8px}.element-preview img,.elements-modal .preview-img,.preview-image img,.preview-modal img{max-width:90vw!important;max-height:60vh!important;width:auto!important;height:auto!important;display:block;margin:8px auto}.canvas-area img{max-width:10000px;max-height:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.top-bar-icons-bg{z-index:40!important;position:relative}@media (max-width:420px){.sidebar .color-circle{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}.canvas-area{min-height:360px}.download-btn-green{min-width:110px;height:40px;font-size:.9rem}}}@media (max-width:768px){.element-preview,.elements-modal,.modal-backdrop,.preview-image,.preview-modal{z-index:99999!important}.element-preview img,.elements-modal .preview-img,.preview-image img,.preview-modal img{max-width:92vw!important;max-height:70vh!important;width:auto!important;height:auto!important;margin:8px auto!important;display:block!important}}