.intro-section{text-align:center;margin-bottom:32px;animation:fadeIn var(--transition-slow)}.intro-section h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.intro-section p{color:var(--text-secondary);font-size:.95rem}.upload-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;margin-bottom:24px}.upload-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;animation:fadeIn var(--transition-slow)}.main-card{grid-row:1}.card-label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.label-badge{padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.main-badge{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff}.dummy-a-badge{background:#ffc10733;color:var(--accent-warning);border:1px solid rgba(255,193,7,.3)}.dummy-b-badge{background:#00d4aa33;color:var(--accent-secondary);border:1px solid rgba(0,212,170,.3)}.upload-zone{border:2px dashed var(--border-hover);border-radius:var(--radius-md);min-height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all var(--transition-normal);cursor:pointer}.upload-zone:hover{border-color:var(--accent-primary);background:#6c63ff08}.upload-zone.drag-over{border-color:var(--accent-primary);background:#6c63ff14;box-shadow:var(--shadow-glow)}.upload-zone.has-image{border-style:solid;border-color:var(--border-color)}.upload-zone-content{text-align:center;color:var(--text-muted);padding:20px}.upload-zone-content svg{margin-bottom:8px;opacity:.5}.upload-zone-content p{font-size:.85rem;margin-bottom:10px}.aspect-hint{display:block;margin-top:8px;font-size:.75rem;color:var(--accent-primary);opacity:.8;letter-spacing:.02em}.preview-img{width:100%;height:100%;object-fit:contain;position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(rgba(255,255,255,.03) 0% 25%,transparent 0% 50%) 0 0 / 16px 16px}.clear-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#ff5252cc;color:#fff;border:none;border-radius:50%;font-size:14px;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.upload-zone:hover .clear-btn{opacity:1}.settings-section{animation:fadeIn var(--transition-slow)}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.setting-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.setting-card h3{font-size:1rem;font-weight:600;margin-bottom:8px}.setting-desc{color:var(--text-muted);font-size:.8rem;margin-bottom:16px}.preview-section{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px}.preview-section h3{font-size:1rem;font-weight:600;margin-bottom:12px}.preview-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-secondary);border-radius:var(--radius-md);padding:3px}.preview-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-family);font-size:.85rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.preview-tab:hover{color:var(--text-primary)}.preview-tab.active{background:var(--accent-primary);color:#fff}.x-post-mock{max-width:500px;margin:0 auto;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:16px;border:1px solid var(--border-color)}.x-post-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.x-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#333,#555)}.x-user-info{display:flex;flex-direction:column}.x-name{font-weight:600;font-size:.9rem}.x-handle{color:var(--text-muted);font-size:.8rem}.x-images-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16 / 9}.x-thumb{width:100%;height:100%;object-fit:cover;background:#1a1a2e}.individual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.individual-item{text-align:center}.item-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.full-canvas{width:100%;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color)}.action-section{display:flex;justify-content:center;gap:16px}@media (max-width: 900px){.upload-grid,.settings-row{grid-template-columns:1fr}.individual-grid{grid-template-columns:repeat(2,1fr)}.header-nav{margin-left:0}.header-content{flex-wrap:wrap}}@media (max-width: 600px){.individual-grid{grid-template-columns:1fr}.action-section{flex-direction:column}.action-section .btn{width:100%;justify-content:center}}