.dc-container{display:flex;gap:20px;padding:0;max-width:1400px;margin:0 auto;font-family:"Montserrat",Sans-serif;color:#fff}.dc-help-btn{display:inline-flex;align-items:center;gap:5px;background:#fff0;border:1px solid #444;color:#fff;padding:8px 14px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;margin-top:10px;transition:all 0.2s ease;font-family:"Montserrat",Sans-serif;background-color:#f44;flex-direction:row-reverse}.dc-help-btn:hover{border-color:#666;color:#fff;background:rgb(255 255 255 / .05)}.dc-help-btn svg{flex-shrink:0}.dc-remove-image.dc-demo-remove{opacity:1!important;visibility:visible!important;background:#ff4757;width:28px;height:28px;font-size:18px;animation:dc-demo-pulse 2s ease-in-out infinite;box-shadow:0 0 0 0 rgb(255 71 87 / .7)}.dc-remove-image.dc-demo-remove:hover{background:#ff2e43;transform:scale(1.15);animation:none;box-shadow:0 4px 12px rgb(255 71 87 / .5)}@keyframes dc-demo-pulse{0%{box-shadow:0 0 0 0 rgb(255 71 87 / .7)}50%{box-shadow:0 0 0 12px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.dc-container *{box-sizing:border-box}.dc-left-panel{flex:1;max-width:440px}.dc-right-panel{flex:1}.dc-section{background:#1a1a1a;border-radius:16px;padding:24px;margin-bottom:16px;position:relative}.dc-section-number{position:absolute;top:16px;left:16px;width:24px;height:24px;background:#2a2a2a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#888}.dc-section-content{text-align:center}.dc-section-content h2{font-size:18px;font-weight:600;margin-bottom:8px;color:#fff}.dc-images-container{display:flex;flex-direction:column;gap:12px}.dc-image-slot{position:relative}.dc-upload-area{border:2px dashed #444;border-radius:12px;padding:40px 20px;cursor:pointer;transition:all 0.3s;min-height:180px;display:flex;align-items:center;justify-content:center}.dc-upload-area:hover{border-color:#666;background:#222}.dc-upload-area.has-image{padding:10px;border-style:solid;border-color:#fff;min-height:auto}.dc-upload-area.drag-over{border-color:#fff;background:#333}.dc-upload-area img{max-width:100%;max-height:200px;border-radius:8px}.dc-upload-placeholder{text-align:center}.dc-upload-icon{font-size:48px;color:#666;margin-bottom:12px}.dc-upload-text{color:#888;font-size:14px;line-height:1.6}.dc-support-text{font-size:12px;color:#666;margin-top:12px}.dc-remove-image{position:absolute;top:8px;right:8px;width:28px;height:28px;background:rgb(255 68 68 / .9);border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.2s;z-index:10;line-height:1;padding:0 5px 3px 4px}.dc-image-slot:hover .dc-remove-image{opacity:1}.dc-remove-image:hover{background:#f66;transform:scale(1.1)}.dc-add-image-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#2a2a2a;border:2px dashed #444;border-radius:12px;color:#888;font-size:14px;cursor:pointer;transition:all 0.2s;margin-top:10px;width:100%;font-family:"Montserrat",Sans-serif}.dc-add-image-btn:hover:not(.disabled){border-color:#666;color:#fff;background:#333}.dc-add-image-btn.hidden{display:none}.dc-add-image-btn.disabled{opacity:.5;cursor:not-allowed;position:relative}.dc-add-icon{width:24px;height:24px;border:2px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:1px 1px 4px 1px}.dc-image-count{font-size:12px;color:#666;text-align:center;margin-top:8px}.dc-tooltip{position:relative}.dc-tooltip .dc-tooltip-text{visibility:hidden;opacity:0;background-color:#333;color:#fff;text-align:center;border-radius:8px;padding:10px 14px;position:absolute;z-index:100;bottom:125%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:13px;transition:opacity 0.2s,visibility 0.2s;box-shadow:0 4px 12px rgb(0 0 0 / .3)}.dc-tooltip .dc-tooltip-text::after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#333 #fff0 #fff0 #fff0}.dc-tooltip:hover .dc-tooltip-text{visibility:visible;opacity:1}.dc-aspect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.dc-aspect-btn{background:#2a2a2a;border:2px solid #fff0;border-radius:12px;padding:16px 8px;cursor:pointer;transition:all 0.2s;display:flex;flex-direction:column;align-items:center;gap:8px}.dc-aspect-btn:hover{background:#333}.dc-aspect-btn.active{border-color:#fff}.dc-aspect-icon{border:2px solid #888;border-radius:4px;background:#fff0}.dc-aspect-btn[data-ratio="1:1"] .dc-aspect-icon{width:28px;height:28px}.dc-aspect-btn[data-ratio="4:3"] .dc-aspect-icon{width:28px;height:21px}.dc-aspect-btn[data-ratio="16:9"] .dc-aspect-icon{width:28px;height:16px}.dc-aspect-btn[data-ratio="3:2"] .dc-aspect-icon{width:28px;height:19px}.dc-aspect-btn[data-ratio="2:3"] .dc-aspect-icon{width:19px;height:28px}.dc-aspect-btn[data-ratio="9:16"] .dc-aspect-icon{width:16px;height:28px}.dc-aspect-btn[data-ratio="3:4"] .dc-aspect-icon{width:21px;height:28px}.dc-aspect-label{font-size:12px;color:#fff}.dc-btn-create{width:100%;padding:16px;background:#fff;color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:15px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all 0.2s;font-family:"Montserrat",Sans-serif}.dc-btn-create:hover:not(:disabled){background:#e0e0e0}.dc-btn-create:disabled{background:#444;color:#888;cursor:not-allowed}.dc-btn-create svg{width:20px;height:20px;flex-shrink:0}.dc-btn-create .dc-credit-cost{font-weight:700}.dc-credit-warning{text-align:center;padding:8px 12px;background:rgb(255 193 7 / .15);border:1px solid rgb(255 193 7 / .3);border-radius:8px;color:#ffc107;font-size:13px;margin-bottom:12px;display:none}.dc-credit-warning.visible{display:block}.dc-btn-reset{width:100%;padding:14px;background:#fff0;color:#888;border:none;border-radius:8px;font-weight:500;cursor:pointer;font-size:14px;transition:all 0.2s;font-family:"Montserrat",Sans-serif}.dc-btn-reset:hover{color:#fff}.dc-preview-section{background:#1a1a1a;border-radius:16px;padding:24px;margin-bottom:16px}.dc-preview-section h2{font-size:18px;font-weight:600;margin-bottom:16px;color:#fff}.dc-preview-canvas{width:100%;min-height:400px;background:#2a2a2a;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.dc-preview-canvas img{max-width:100%!important;max-height:fit-content;border-radius:8px}.dc-preview-placeholder{text-align:center;color:#666;padding:40px}.dc-preview-placeholder svg{width:64px;height:64px;margin-bottom:16px;stroke:#666}.dc-loading{text-align:center;padding:40px}.dc-loading-spinner{width:50px;height:50px;border:3px solid #333;border-top-color:#fff;border-radius:50%;animation:dc-spin 1s linear infinite;margin:0 auto 16px}@keyframes dc-spin{to{transform:rotate(360deg)}}.dc-loading-text{color:#fff;font-size:16px;margin-bottom:8px}.dc-loading-subtext{color:#888;font-size:14px}.dc-loading-timer{color:#666;font-size:13px;margin-top:12px;font-variant-numeric:tabular-nums}.dc-download-buttons{display:flex;gap:12px;margin-top:16px;justify-content:center;flex-wrap:wrap}.dc-download-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all 0.3s;text-decoration:none;font-family:"Montserrat",Sans-serif}.dc-download-btn svg{width:18px;height:18px}.dc-download-btn.primary{background-color:#fff;color:#000}.dc-download-btn.primary:hover{background-color:#e0e0e0;transform:translateY(-2px)}.dc-download-btn.stencil{background-color:#3B82F6;color:#fff}.dc-download-btn.stencil:hover{background-color:#2563EB;transform:translateY(-2px)}.dc-download-btn.disabled{background:#444;color:#888;cursor:not-allowed;pointer-events:none}.dc-my-designs{background:#1a1a1a;border-radius:16px;padding:24px;margin-top:20px;font-family:"Montserrat",Sans-serif}.dc-my-designs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.dc-my-designs-header h2{font-size:18px;font-weight:600;color:#fff;display:flex;align-items:center;gap:12px;margin:0}.dc-design-count{font-size:14px;color:#888;font-weight:400}.dc-view-mode-btn{padding:8px 16px;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:6px;font-size:13px;cursor:pointer;transition:all 0.2s;font-family:"Montserrat",Sans-serif}.dc-view-mode-btn:hover{background:#333;border-color:#666}.dc-view-mode-btn.active{background:#3B82F6;border-color:#3B82F6}.dc-my-designs-controls{display:flex;align-items:center;gap:12px}.dc-search-container{position:relative}.dc-search-input{background:#2a2a2a!important;border:1px solid #444!important;border-radius:8px!important;padding:8px 12px 8px 36px!important;color:#fff!important;font-size:14px!important;width:200px!important;transition:all 0.3s!important;font-family:"Montserrat",Sans-serif}.dc-search-input:focus{outline:none!important;border-color:#666!important;background:#333!important}.dc-search-input::placeholder{color:#666!important}.dc-search-icon{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;color:#666!important;pointer-events:none!important}.dc-search-clear{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;background:none!important;border:none!important;color:#666!important;cursor:pointer!important;padding:4px!important;display:none}.dc-search-clear.visible{display:block}.dc-search-clear:hover{color:#fff}.dc-btn-clear-all{padding:8px 16px;background:#f44;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all 0.2s;font-family:"Montserrat",Sans-serif}.dc-btn-clear-all:hover{background:#f66}.dc-accordion{margin-bottom:12px}.dc-accordion-header{background:#2a2a2a;border-radius:10px;padding:14px 18px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.2s;user-select:none}.dc-accordion-header:hover{background:#333}.dc-accordion-header.active{border-radius:10px 10px 0 0;background:#333}.dc-accordion-title{font-size:15px;font-weight:600;color:#fff}.dc-accordion-count{font-size:13px;color:#888;font-weight:400;margin-left:10px}.dc-accordion-icon{width:20px;height:20px;transition:transform 0.3s;color:#888}.dc-accordion-header.active .dc-accordion-icon{transform:rotate(180deg)}.dc-accordion-content{display:none;background:#222;border-radius:0 0 10px 10px;padding:16px}.dc-accordion-content.active{display:block}.dc-designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.dc-design-item{background:#2a2a2a;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;transition:transform 0.2s}.dc-design-item:hover{transform:scale(1.02)}.dc-design-item img{width:100%;height:180px;object-fit:cover;display:block}.dc-design-info{padding:10px;font-size:11px;color:#888}.dc-design-delete{position:absolute;top:8px;right:8px;width:28px;height:33px;padding-bottom:11px;background:rgb(0 0 0 / .7);border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.2s}.dc-design-item:hover .dc-design-delete{opacity:1}.dc-design-delete:hover{background:#f44}.dc-no-designs{text-align:center;color:#666;padding:40px}.dc-search-results{display:none}.dc-search-results.active{display:block}.dc-search-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #333}.dc-search-results-title{font-size:15px;color:#fff}.dc-search-results-clear{background:none;border:none;color:#3B82F6;cursor:pointer;font-size:13px;font-family:"Montserrat",Sans-serif}.dc-search-results-clear:hover{text-decoration:underline}.dc-upgrade-notice{background:linear-gradient(135deg,rgb(59 130 246 / .1) 0%,rgb(147 51 234 / .1) 100%);border:1px solid rgb(59 130 246 / .3);border-radius:12px;padding:20px;margin-top:16px;text-align:center}.dc-upgrade-notice p{color:#aaa;font-size:14px;margin:0 0 12px 0}.dc-upgrade-notice .dc-total-designs{color:#3B82F6;font-weight:600}.dc-upgrade-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3B82F6 0%,#9333EA 100%);color:#fff!important;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;text-decoration:none;font-family:"Montserrat",Sans-serif}.dc-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgb(59 130 246 / .4)}.dc-upgrade-btn svg{width:18px;height:18px}.dc-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .9);z-index:999999;align-items:center;justify-content:center}.dc-modal.active{display:flex}.dc-modal-content{background:#1a1a1a;border-radius:16px;padding:24px;max-width:90%;max-height:90vh;overflow:auto;position:relative;font-family:"Montserrat",Sans-serif}.dc-modal-close{position:absolute;top:16px;right:16px;width:32px;height:40px;padding-bottom:15px;background:#333;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.dc-modal-close:hover{background:#444}.dc-crop-modal .dc-modal-content{width:auto;max-width:90vw}.dc-crop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-right:40px}.dc-crop-header h3{color:#fff;font-size:18px;margin:0}.dc-crop-preview{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:#000;border-radius:8px;overflow:hidden}.dc-crop-preview img{max-width:100%;max-height:100%;display:block}.dc-crop-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;padding:16px;background:#2a2a2a;border-radius:12px}.dc-crop-control-btn{width:48px;height:48px;background:#3a3a3a;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.dc-crop-control-btn:hover{background:#4a4a4a}.dc-crop-control-btn svg{width:24px;height:24px;fill:#888}.dc-crop-control-btn:hover svg{fill:#fff}.dc-rotation-container{display:flex;align-items:center;gap:12px;flex:1;max-width:400px}.dc-rotation-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#3a3a3a;border-radius:3px;outline:none;cursor:pointer}.dc-rotation-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#888;border-radius:50%;cursor:pointer;transition:background 0.2s}.dc-rotation-slider::-webkit-slider-thumb:hover{background:#fff}.dc-rotation-slider::-moz-range-thumb{width:20px;height:20px;background:#888;border-radius:50%;cursor:pointer;border:none}.dc-rotation-value{color:#888;font-size:14px;min-width:45px;text-align:center}.dc-crop-actions{display:flex;gap:12px;justify-content:flex-end}.dc-crop-btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px;border:none;transition:all 0.2s;font-family:"Montserrat",Sans-serif}.dc-crop-btn-cancel{background:#333;color:#fff}.dc-crop-btn-cancel:hover{background:#444}.dc-crop-btn-done{background:#fff;color:#000}.dc-crop-btn-done:hover{background:#e0e0e0}.dc-design-modal .dc-modal-content{text-align:center;max-width:800px;display:flex;flex-direction:column;gap:20px;align-items:center}.dc-design-modal img{max-width:100%;max-height:60vh;border-radius:8px;width:max-content}.dc-modal-keywords{padding:12px 16px;background:#2a2a2a;border-radius:8px;max-width:100%}.dc-modal-keywords-label{color:#888;font-size:12px;margin-bottom:8px;display:block}.dc-modal-keywords-list{display:flex;flex-wrap:wrap;gap:6px}.dc-keyword-tag{background:#3a3a3a;color:#ccc;padding:4px 10px;border-radius:12px;font-size:12px}.dc-modal-download-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.dc-confirm-modal .dc-modal-content{max-width:400px;text-align:center}.dc-confirm-modal .dc-modal-content.delete-popup{display:flex;flex-direction:column;gap:10px}.dc-confirm-modal h3{color:#fff;font-size:18px;margin-bottom:12px}.dc-confirm-modal p{color:#888;font-size:14px;margin-bottom:24px}.dc-confirm-actions{display:flex;gap:12px;justify-content:center}.dc-confirm-btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px;border:none;min-width:100px;transition:all 0.2s;font-family:"Montserrat",Sans-serif}.dc-confirm-btn-cancel{background:#333;color:#fff}.dc-confirm-btn-cancel:hover{background:#444}.dc-confirm-btn-yes{background:#f44;color:#fff}.dc-confirm-btn-yes:hover{background:#f66}@media (max-width:1024px){.dc-container{flex-direction:column}.dc-left-panel{max-width:100%}.dc-aspect-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.dc-container{padding:10px}.dc-aspect-grid{grid-template-columns:repeat(3,1fr)}.dc-designs-grid{grid-template-columns:repeat(2,1fr)}.dc-crop-preview{height:50vh}.dc-my-designs-header{flex-direction:column;align-items:flex-start}.dc-my-designs-controls{width:100%;flex-direction:column}.dc-search-input{width:100%!important}.dc-btn-clear-all{width:100%}.dc-download-buttons{flex-direction:column}.dc-download-btn{width:100%;justify-content:center}}