.container,.sidebar,.sidebar h2,.tab-btn,.tab-menu,body,header{display:flex}.btn,.tab-btn,.tool-btn{cursor:pointer;transition:.3s}.draggable,.tab-menu{box-shadow:0 2px 10px rgba(0,0,0,.1)}#watermark-preview,.preview-overlay{position:absolute;pointer-events:none}:root{--primary-purple:#6a0dad;--secondary-purple:#8a2be2;--light-purple:#f3e5f5;--bg-light:#f8f9fa;--text-dark:#343a40;--text-light:#ffffff;--border-light:#dee2e6;--shadow-medium:rgba(0, 0, 0, 0.15);--header-height:50px}body,html{height:100%;margin:0;overflow:hidden}body{font-family:Montserrat,sans-serif;background-color:var(--bg-light);color:var(--text-dark);flex-direction:column;min-width:1100px}.tab-btn.active,header{background-color:var(--primary-purple)}.tab-btn.active,.tool-btn.active,header{color:var(--text-light)}header{width:100%;box-shadow:0 4px 15px var(--shadow-medium);flex-shrink:0;height:var(--header-height);align-items:center;justify-content:center;gap:10px;padding:0 20px}header h1{margin:0;font-weight:600;font-size:1.5rem}.container{flex-grow:1;overflow:hidden;background-color:var(--text-light)}.sidebar{width:350px;padding:1.5rem;background-color:var(--light-purple);flex-direction:column;gap:1.5rem;border-right:1px solid var(--border-light);flex-shrink:0;overflow-y:auto}.sidebar h2{color:var(--primary-purple);font-weight:700;margin:0;border-bottom:2px solid var(--secondary-purple);padding-bottom:.5rem;align-items:center;gap:.75rem}.tab-btn,.tool-btn{color:var(--text-dark)}.tab-menu{justify-content:space-around;background-color:rgba(255,255,255,.7);border-radius:1rem;padding:.5rem}.tab-btn{background:0 0;border:none;padding:.8rem .5rem;font-weight:600;border-radius:.75rem;align-items:center;gap:.5rem;flex:1;justify-content:center;font-size:.9rem}.tab-btn.active{box-shadow:0 4px 10px rgba(0,0,0,.1)}.tab-content{display:none;flex-direction:column;gap:1.5rem}.btn,.checkbox-group,.input-group,.main-content,.tab-content.active{display:flex}.main-content{flex:1;padding:2rem;align-items:center;justify-content:center;overflow:auto;background-color:#e9ecef}#canvas-wrapper{height:100%;aspect-ratio:1/1;max-width:100%;background-color:#fff;border-radius:1rem;box-shadow:0 5px 20px var(--shadow-medium);transition:aspect-ratio .3s,border-radius .3s;position:relative;overflow:hidden}#canvas-wrapper.canvas-is-round{border-radius:50%}#cropper-container{width:100%;height:100%}#initial-main-view{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px dashed var(--secondary-purple);border-radius:1rem;box-sizing:border-box;padding:1rem;text-align:center}.btn{padding:1rem 1.5rem;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;align-items:center;gap:.75rem;justify-content:center}.tool-btn{padding:.75rem 1rem;font-size:.9rem;background-color:var(--text-light);border:1px solid var(--border-light);border-radius:.5rem}.tool-btn:hover{background-color:#f1f1f1}.tool-btn.active{background-color:var(--secondary-purple)}.preview-overlay{top:0;left:0;width:100%;height:100%;z-index:2}.draggable{cursor:grab;position:absolute;pointer-events:auto;user-select:none;padding:.5rem 1rem;background-color:rgba(255,255,255,.8);border-radius:.5rem;white-space:nowrap}.draggable:active{cursor:grabbing;z-index:100}.draggable h3,.draggable p{margin:0;padding:0;font-weight:600;color:var(--text-dark);background:0 0;box-shadow:none;border-radius:0}#product-name-preview{top:2rem;left:2rem;font-size:18px}#store-logo-preview{top:2rem;right:2rem;max-width:80px;max-height:80px;object-fit:contain;display:none;transition:border-radius .3s;padding:0;background:0 0;box-shadow:none}#product-variant-preview{bottom:2rem;right:2rem;font-size:14px}#watermark-preview{bottom:10px;left:10px;font-size:12px;color:#fff;background-color:rgba(0,0,0,.5);padding:2px 8px;border-radius:4px;display:none}.input-group{flex-direction:column;gap:.5rem}.input-group label{font-weight:600;color:var(--primary-purple)}.input-group input[type=file],.input-group input[type=text],.input-group select{padding:.9rem 1rem;border:1px solid var(--border-light);border-radius:.75rem;width:100%;box-sizing:border-box}.input-group input[type=range]{width:100%}.checkbox-group{align-items:center;gap:.75rem}.checkbox-group .switch{position:relative;display:inline-block;width:50px;height:28px}.checkbox-group .switch input{opacity:0;width:0;height:0}.checkbox-group .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:28px}.checkbox-group input:checked+.slider,.history-item:hover{background-color:var(--secondary-purple)}.checkbox-group .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.checkbox-group input:checked+.slider:before{transform:translateX(22px)}.hidden{display:none!important}.blur-block{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:50px;border:2px dotted #fff;box-shadow:0 0 10px rgba(0,0,0,.5);background-color:rgba(255,255,255,.2);backdrop-filter:blur(5px);cursor:move;pointer-events:auto;z-index:10}.close-handle,.input-section,.resize-handle{background-color:#fff}.resize-handle{position:absolute;width:12px;height:12px;border:1px solid #000;border-radius:50%;right:-6px;bottom:-6px;cursor:nwse-resize}.close-handle{position:absolute;width:16px;height:16px;border:1px solid #000;border-radius:50%;top:-8px;right:-8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.input-section{padding:1rem;border:1px solid var(--border-light);border-radius:.75rem}.input-section h3{margin:-1rem -1rem 1rem;padding:.5rem 1rem;background-color:var(--light-purple);border-top-left-radius:.75rem;border-top-right-radius:.75rem;font-size:1rem;color:var(--primary-purple)}.text-style-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.75rem;align-items:center}.text-style-controls .style-input{width:100%;box-sizing:border-box}.text-style-controls input[type=color]{height:35px;padding:0;border:1px solid var(--border-light);border-radius:5px}.input-group-row{display:flex;gap:.5rem;align-items:flex-start}.flex-grow{flex-grow:1}.history-list{display:flex;flex-direction:column;gap:.25rem;max-height:100px;overflow-y:auto;padding:.25rem}.history-item{background-color:#e9ecef;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.history-item:hover{color:#fff}.custom-text-overlay{font-size:16px;border:1px dashed var(--primary-purple)}.custom-text-overlay .close-handle{top:-8px;left:-8px}footer{flex-shrink:0;width:100%;text-align:center;padding:1rem 0;background-color:var(--text-dark);color:var(--bg-light);font-size:.9rem}@media (max-width:850px){footer,header{display:none}body{overflow:hidden;min-width:0}.container{flex-direction:column;height:100vh}.sidebar{width:100%;box-sizing:border-box;border-right:none;border-bottom:2px solid var(--border-light);flex-basis:45%;overflow-y:auto;flex-shrink:0}.main-content{padding:1rem;flex-grow:1;min-height:0}.tab-menu{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:var(--light-purple)}}@media (max-height:500px) and (orientation:landscape){.main-content,.sidebar{padding:1rem}body{min-width:0}footer,header{display:none}.container{height:100vh}.sidebar{width:320px}.sidebar h2{font-size:1.1rem}.tab-btn{padding:.6rem;font-size:.8rem;gap:.3rem}}#edit-resize .input-group input[type=number]{width:80px}#app-logo{height:calc(var(--header-height) - 20px);width:calc(var(--header-height) - 20px);object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.8)}