body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;background-color:#494545;color:#e28e8e;overflow-x:hidden}.designer-container{display:flex;min-height:100vh;width:100%}.sidebar{width:80px;background-color:#2c2c2c;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:15px;border-right:1px solid #444;flex-shrink:0}.sidebar-btn{background:none;border:none;color:#a0a0a0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;padding:10px;width:100%;transition:background-color .3s,color .3s;border-radius:8px}.sidebar-btn i{font-size:24px}.sidebar-btn:hover{background-color:#3a3a3a;color:#fff}.sidebar-btn.active{background-color:#007bff;color:#fff}.main-content{flex-grow:1;display:flex;flex-direction:column;padding:20px;gap:20px}.config-section{display:flex;flex-wrap:wrap;gap:30px;background-color:#2c2c2c;padding:15px 20px;border-radius:12px;justify-content:center;align-items:center}.config-group{display:flex;flex-direction:column;align-items:center;gap:10px}.config-group h3{margin:0;font-size:16px;font-weight:500;color:#e0e0e0}.config-options{display:flex;gap:10px}.color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .3s,transform .2s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:#007bff;box-shadow:0 0 8px #007bff}.color-swatch[style*="#FFFFFF"]{border:2px solid #ccc}.color-swatch[style*="#FFFFFF"].active{border-color:#007bff}.size-box,.view-btn{padding:0 15px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#444;color:#f0f0f0;border:2px solid transparent;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s,border-color .3s}.size-box:hover,.view-btn:hover{background-color:#555}.size-box.active,.view-btn.active{background-color:#007bff;border-color:#fff}.canvas-controls-container{display:flex;gap:20px;flex-grow:1;min-height:0}.canvas-wrapper{display:flex;flex-direction:column;align-items:center;gap:15px;flex-grow:1;min-width:0;position:relative}.canvas-container{position:relative;width:100%;flex-grow:1;display:flex;justify-content:center;align-items:center}.canvas-container .lower-canvas{border:1px dashed #555;border-radius:12px;box-shadow:0 4px 15px #00000080}.action-panel-container{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:10px;flex-shrink:0}.quantity-selector{display:flex;align-items:center;gap:10px;color:#f0f0f0}.quantity-selector label{font-size:16px;font-weight:500}.quantity-selector input{width:60px;padding:8px;background-color:#444;border:1px solid #666;border-radius:8px;color:#f0f0f0;font-size:16px;text-align:center}.btn-add-to-cart{padding:12px 40px;font-size:18px}.add-to-cart-status{margin-top:-10px;font-size:12px;padding:5px 10px;border-radius:4px}.add-to-cart-status.success{color:#155724;background-color:#d4edda}.add-to-cart-status.error{color:#721c24;background-color:#f8d7da}.controls{width:280px;flex-shrink:0;background-color:#2c2c2c;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:20px}.control-group{display:flex;flex-direction:column;gap:15px}.control-group label{display:flex;flex-direction:column;gap:8px;font-size:14px}.btn-primary,.btn-danger,.btn-success{padding:12px 15px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s;text-align:center}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}button:disabled{background-color:#555;cursor:not-allowed;opacity:.7}input[type=number],input[type=color],select{box-sizing:border-box;width:100%;padding:10px;background-color:#444;border:1px solid #666;border-radius:8px;color:#f0f0f0;font-size:14px}input[type=color]{padding:5px;height:40px}.file-upload{display:block;position:relative;cursor:pointer}.file-upload input[type=file]{display:none}.file-upload .btn-primary{text-align:center}hr{border:none;border-top:1px solid #444;margin:20px 0}.floating-text-toolbar{position:top-center;bottom:20px;left:50%;z-index:10;background-color:#040303;padding:10px 15px;border-radius:12px;border:1px solid #444;box-shadow:0 5px 20px #0009;display:flex;align-items:center;gap:15px}.floating-text-toolbar .control-group{margin:0;padding:0;gap:10px;flex-direction:row}.floating-text-toolbar .btn-style{background-color:#444;color:#f0f0f0;border:1px solid #666;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700}.floating-text-toolbar .btn-style.active{background-color:#007bff;border-color:#007bff;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box}.modal-content{background-color:#2c2c2c;color:#f0f0f0;padding:25px;border-radius:12px;box-shadow:0 5px 15px #00000080;max-width:500px;width:100%;position:relative;max-height:90vh;overflow-y:auto}.modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#aaa}.modal-action-buttons{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.ai-preview img,.image-edit-preview img{max-width:100%;border-radius:4px;margin-top:15px;border:1px solid #444}.control-group.stacked{display:flex;flex-direction:column;gap:5px;margin-bottom:15px;text-align:left}.control-group.stacked label{margin-bottom:5px}.control-group.stacked textarea{width:100%;box-sizing:border-box}.error-message{color:#dc3545;font-size:14px}.loader{border:4px solid #444;border-top:4px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comparison-view{display:flex;justify-content:space-around;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid #444}.image-choice{display:flex;flex-direction:column;align-items:center;gap:15px;width:45%}.image-choice h4{margin:0;font-weight:500}.image-choice img{width:100%;height:180px;object-fit:contain;border:1px solid #555;background-color:#111;border-radius:8px}.image-choice button{width:100%}.placeholder-text,.error-placeholder{width:100%;height:180px;display:flex;justify-content:center;align-items:center;text-align:center;padding:10px;box-sizing:border-box;border:1px dashed #555;border-radius:8px;color:#888;background-color:#222}.error-placeholder{color:#ff8a8a}@media (max-width: 1024px){.main-content{padding:15px;gap:15px}.canvas-controls-container{flex-direction:row;align-items:flex-start}.controls{width:240px}}@media (max-width: 768px){.designer-container{flex-direction:column;min-height:100vh;height:auto}.sidebar{flex-direction:row;width:100%;height:auto;padding:5px;box-sizing:border-box;justify-content:space-around;border-right:none;border-bottom:1px solid #444;order:-1}.sidebar-btn{padding:8px 5px;font-size:10px}.sidebar-btn i{font-size:20px}.sidebar-btn span{display:none}.main-content{padding:10px}.config-section{gap:15px;padding:10px}.canvas-controls-container{flex-direction:column-reverse;align-items:center;gap:15px}.controls{width:100%;max-width:500px;box-sizing:border-box}.canvas-wrapper{width:100%}.floating-text-toolbar{flex-wrap:wrap;justify-content:center;gap:10px;padding:8px;bottom:10px}}