:root{--sdm-grad-start:#ec4899;--sdm-grad-end:#a855f7;--sdm-primary:#d946ef;--sdm-bg-card:#ffffff;--sdm-text-main:#111827;--sdm-text-sub:#6b7280;--sdm-border:#e5e7eb;--sdm-radius-lg:16px;--sdm-radius-sm:8px;--sdm-shadow-card:0 4px 6px -1px rgba(0, 0, 0, 0.05);--sdm-shadow-hover:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.sdm-container{padding-top:60px;display:flex;flex-wrap:wrap;gap:40px;font-family:"Inter",sans-serif;max-width:1200px;margin:0 auto;color:var(--sdm-text-main)}.sdm-col-controls{flex:1;min-width:340px}.sdm-step-title{font-size:18px;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:8px}.sdm-upload-zone{border:2px dashed var(--sdm-border);border-radius:var(--sdm-radius-lg);padding:40px 20px;text-align:center;cursor:pointer;background:#f9fafb;transition:all 0.3s;position:relative;overflow:hidden;min-height:180px;display:flex;align-items:center;justify-content:center}.sdm-upload-zone:hover{border-color:var(--sdm-primary);background:#fdf4ff}.sdm-upload-content svg{width:40px;height:40px;fill:#9ca3af;margin-bottom:10px}.sdm-upload-text h4{margin:0;font-size:15px;font-weight:600}.sdm-upload-text p{margin:5px 0 0;font-size:13px;color:var(--sdm-text-sub)}.sdm-preview-img{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;background:#fff;display:none;padding:10px;box-sizing:border-box}.sdm-preview-img.active{display:block}.sdm-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.sdm-style-card{position:relative;border-radius:var(--sdm-radius-lg);overflow:hidden;aspect-ratio:1/1;cursor:pointer;border:3px solid #fff0;transition:all 0.2s ease}.sdm-style-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.sdm-style-card:hover img{transform:scale(1.05)}.sdm-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgb(0 0 0 / .8),transparent);padding:20px 12px 12px;color:#fff}.sdm-card-title{font-size:15px;font-weight:700;display:block}.sdm-card-desc{font-size:11px;opacity:.8;display:block;margin-top:2px;font-weight:400}.sdm-style-card.active{border-color:var(--sdm-primary);box-shadow:0 10px 20px rgb(217 70 239 / .3)}.sdm-checkmark{position:absolute;top:10px;right:10px;width:24px;height:24px;background:var(--sdm-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(0);transition:all 0.2s cubic-bezier(.175,.885,.32,1.275);z-index:10}.sdm-style-card.active .sdm-checkmark{opacity:1;transform:scale(1)}.sdm-btn-submit{width:100%;padding:18px;margin-top:30px;background:linear-gradient(90deg,var(--sdm-grad-start),var(--sdm-grad-end));color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 10px 20px rgb(168 85 247 / .3);transition:transform 0.2s,box-shadow 0.2s;display:flex;align-items:center;justify-content:center;gap:10px}.sdm-btn-submit:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgb(168 85 247 / .4)}.sdm-btn-submit:active{transform:scale(.98)}.sdm-col-result{flex:1.5;min-width:340px;background:#f3f4f6;border-radius:24px;padding:10px}.sdm-result-inner{min-height:500px!important;height:auto;padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.sdm-result-banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;transition:opacity 0.3s}.sdm-result-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgb(0 0 0 / .1),rgb(0 0 0 / .6));z-index:2}.sdm-result-image.show~.sdm-result-banner-bg{opacity:0}.sdm-result-image.show~.sdm-result-overlay{opacity:0}.sdm-result-image{max-height:600px;width:auto;max-width:100%;object-fit:contain;border-radius:8px;box-shadow:0 15px 40px rgb(0 0 0 / .4)}.sdm-result-image.show{display:block}.sdm-empty-state{z-index:3}.sdm-empty-state-icon{width:50px;height:50px;margin-bottom:10px}.sdm-empty-state-icon .dashicons{font-size:24px!important;width:24px;height:24px;line-height:24px}.sdm-empty-state-text h3{font-size:16px;margin-bottom:5px}.sdm-empty-state-text p{font-size:13px;margin-top:0;color:#999}.sdm-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255 / .9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:20px}.sdm-history-section{width:100%;margin-top:15px;border-top:1px solid #eee;padding-top:10px}@media (max-width:768px){.sdm-container{flex-direction:column}.sdm-col-result{order:-1;min-height:400px}.sdm-result-inner{min-height:250px}}.hidden{display:none!important}.sdm-t2i-prompt-container{position:relative;margin-bottom:25px}.sdm-t2i-textarea{width:100%;min-height:140px;padding:20px;padding-bottom:50px;border:2px solid #f3f4f6;border-radius:20px;background:#f9fafb;font-size:16px;line-height:1.6;color:var(--sdm-text-main);resize:vertical;transition:all 0.3s ease;box-shadow:inset 0 2px 4px rgb(0 0 0 / .02)}.sdm-t2i-textarea:focus{background:#fff;border-color:var(--sdm-grad-end);outline:none;box-shadow:0 4px 20px rgb(168 85 247 / .15)}.sdm-t2i-inspire-btn{padding:0 5px!important;position:absolute;bottom:15px;right:15px;background:#fff;border:1px solid #e5e7eb;padding:8px 16px;border-radius:30px;font-size:13px;font-weight:600;color:var(--sdm-grad-start);cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 2px 5px rgb(0 0 0 / .05);transition:all 0.2s}.sdm-t2i-inspire-btn:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgb(0 0 0 / .1);background:linear-gradient(90deg,#fff0f5,#f3e8ff);border-color:#fff0}.sdm-t2i-ratio-grid{display:flex;gap:15px;overflow-x:auto;padding-bottom:5px}.sdm-t2i-ratio-card{flex:1;min-width:80px;background:#fff;border:2px solid #f3f4f6;border-radius:16px;padding:15px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all 0.2s}.sdm-t2i-ratio-shape{border:2px solid #d1d5db;border-radius:4px;transition:all 0.2s}.sdm-shape-1-1{width:24px;height:24px}.sdm-shape-16-9{width:30px;height:17px}.sdm-shape-9-16{width:17px;height:30px}.sdm-shape-2-3{width:18px;height:27px}.sdm-t2i-ratio-text{font-size:12px;font-weight:600;color:var(--sdm-text-sub)}.sdm-t2i-ratio-card:hover{border-color:#e5e7eb;background:#fdf4ff}.sdm-t2i-ratio-card.active{border-color:var(--sdm-grad-end);background:#f3e8ff}.sdm-t2i-ratio-card.active .sdm-t2i-ratio-shape{border-color:var(--sdm-grad-end);background:var(--sdm-grad-end)}.sdm-t2i-ratio-card.active .sdm-t2i-ratio-text{color:var(--sdm-grad-end)}.sdm-t2i-style-wrapper{max-height:400px;overflow-y:auto;padding-right:5px}.sdm-t2i-style-wrapper::-webkit-scrollbar{width:6px}.sdm-t2i-style-wrapper::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.dashicons-star-filled{width:30px!important}.sdm-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255 / .95);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center}.sdm-progress-container{width:80%;height:12px;background:#e5e7eb;border-radius:20px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgb(0 0 0 / .1)}.sdm-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#ec4899,#a855f7,#ec4899);background-size:200% 100%;border-radius:20px;transition:width 0.3s ease-out;animation:sdm-shimmer 2s linear infinite}.sdm-loading-status{margin-top:15px;font-size:14px;font-weight:600;color:#4b5563;display:flex;justify-content:space-between;width:80%}@keyframes sdm-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}.sdm-result-wrapper{z-index:15;position:relative;width:100%;display:flex;justify-content:center}.sdm-result-wrapper.hidden{display:none}.sdm-result-actions{position:absolute;bottom:20px;display:flex;gap:10px;background:rgb(0 0 0 / .6);padding:8px 15px;border-radius:30px;opacity:0;transition:opacity 0.3s;transform:translateY(10px)}.sdm-result-wrapper:hover .sdm-result-actions{opacity:1;transform:translateY(0)}.sdm-action-btn{background:#fff0;border:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:15px;transition:background 0.2s}.sdm-action-btn:hover{background:rgb(255 255 255 / .2)}.sdm-history-list{display:flex;flex-direction:row;gap:10px;padding:10px 5px;width:100%;height:110px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.sdm-history-list::-webkit-scrollbar{height:6px}.sdm-history-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sdm-history-item{flex:0 0 80px;width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid #fff;box-shadow:0 2px 5px rgb(0 0 0 / .1);cursor:pointer;position:relative;transition:all 0.2s}.sdm-history-item img{width:auto;height:100%;object-fit:cover}.sdm-history-item:hover{transform:translateY(-3px);border-color:var(--sdm-grad-start)}@keyframes flashNew{0%{transform:scale(.5);opacity:0;border-color:#ff0}100%{transform:scale(1);opacity:1;border-color:#d946ef}}@keyframes popIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.sdm-history-item.new-item{animation:flashNew 0.5s ease-out forwards;border-color:#d946ef}.sdm-no-history{width:100%;text-align:center;font-size:12px;color:#9ca3af}.sdm-container{position:relative}.sdm-token-badge{position:absolute;top:15px;right:15px;background:#fff;padding:8px 15px;border-radius:20px;font-weight:700;color:#d946ef;box-shadow:0 4px 10px rgb(0 0 0 / .08);border:1px solid #f3f4f6;display:flex;align-items:center;gap:5px;z-index:50}