.creation-hero-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:18px;margin-top:12px;padding:24px 28px;display:flex;box-shadow:0 4px 20px #00000008}.creation-hero-header{flex-direction:column;gap:10px;display:flex}.hero-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-tag{background:var(--accent-subtle,#ef444414);color:var(--accent-strong,#ef4444);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.creation-mode-tabs{background:var(--surface-muted);border:1px solid var(--border);border-radius:10px;align-items:center;gap:4px;padding:3px;display:inline-flex}.mode-tab-btn{color:var(--muted-strong);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.mode-tab-btn:hover{color:var(--ink)}.mode-tab-btn.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 2px 6px #0000000f}.hero-title{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.hero-subtitle{color:var(--muted-strong);margin:0;font-size:13px;line-height:1.5}.upload-mode-container{flex-direction:column;margin-top:4px;display:flex}.dropzone-card{border:2px dashed var(--border);background:var(--surface-muted);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;transition:all .2s;display:flex;position:relative}.dropzone-card:hover,.dropzone-card.dragging{border-color:var(--accent);background:var(--accent-subtle,#ef44440a);transform:translateY(-1px)}.file-hidden-input{display:none}.dropzone-inner{flex-direction:column;align-items:center;gap:8px;display:flex}.dropzone-icon-box{color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:50%;padding:12px;box-shadow:0 2px 8px #0000000a}.dropzone-title{color:var(--ink);margin:4px 0 0;font-size:15px;font-weight:600}.dropzone-sub{color:var(--muted);margin:0;font-size:12px}.dropzone-upload-btn{background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.dropzone-upload-btn:hover{background:var(--surface-muted)}.creation-hero-loading,.creation-hero-error{border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.creation-hero-loading{background:var(--surface-muted);border:1px solid var(--border);color:var(--ink)}.creation-hero-error{background:var(--danger-soft,#fef2f2);border:1px solid var(--danger,#ef4444);color:var(--danger,#ef4444)}@media (max-width:780px){.creation-hero-section{padding:18px 16px}}
.insight-explorer-container{flex-direction:column;gap:16px;margin-top:4px;display:flex}.insight-category-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.insight-category-tabs{align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.insight-category-tab{border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.insight-category-tab:hover{border-color:var(--accent);color:var(--accent)}.insight-category-tab.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.insight-loading-indicator{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.insight-error-banner{background:var(--danger-soft,#fef2f2);border:1px solid var(--danger,#ef4444);color:var(--danger,#ef4444);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:13px;display:flex}.retry-btn{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.insight-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.insight-sku-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000005}.insight-sku-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.insight-card-media{background:var(--surface-muted);width:100%;height:180px;position:relative;overflow:hidden}.insight-sku-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.insight-sku-card:hover .insight-sku-img{transform:scale(1.03)}.insight-trend-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172ad9;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.trend-icon{color:#f97316}.trend-score{color:#fbbf24}.trend-divider{opacity:.4}.trend-tag{color:#f1f5f9}.insight-scene-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ink);background:#ffffffe6;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 6px #00000014}.insight-card-body{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex}.insight-header-row{justify-content:space-between;align-items:center;display:flex}.insight-cat-tag{color:var(--muted-strong);background:var(--surface-muted);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:11px}.insight-badge-preview{color:#ef4444;background:#ef444414;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.insight-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.insight-subtitle{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.insight-pain-section{background:var(--surface-muted);border-radius:6px;flex-direction:column;gap:4px;padding:6px 10px;display:flex}.pain-label{color:var(--muted-strong);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.pain-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.pain-item{color:var(--muted);font-size:11px;line-height:1.3}.insight-features-section{flex-direction:column;gap:6px;display:flex}.features-label-row{justify-content:space-between;align-items:center;display:flex}.features-label{color:var(--muted-strong);font-size:11px;font-weight:500}.add-feature-trigger{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:3px;padding:1px 4px;font-size:11px;display:inline-flex}.insight-features-wrap{flex-wrap:wrap;gap:6px;display:flex}.insight-feature-chip{background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;transition:all .15s;display:inline-flex}.insight-feature-chip:hover{border-color:var(--accent)}.feature-text{cursor:pointer}.feature-edit-icon-btn,.feature-del-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:1px;display:inline-flex}.feature-edit-icon-btn:hover,.feature-del-btn:hover{color:var(--ink)}.feature-edit-box,.feature-add-box{align-items:center;gap:3px;display:inline-flex}.feature-edit-input,.feature-add-input{background:var(--surface);border:1px solid var(--accent);color:var(--ink);border-radius:4px;outline:none;width:90px;padding:1px 4px;font-size:11px}.feature-save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:3px;align-items:center;padding:2px 4px;display:inline-flex}.insight-card-actions{margin-top:auto;padding-top:8px}.insight-create-btn{background:var(--accent,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.insight-create-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.insight-create-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:780px){.insight-cards-grid{grid-template-columns:1fr}}
.insight-inspiration-card{background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.inspiration-top-row{justify-content:space-between;align-items:center;display:flex}.inspiration-title-wrap{align-items:center;gap:8px;display:flex}.inspiration-spark-icon{color:var(--accent)}.inspiration-title{color:var(--ink);margin:0;font-size:14px;font-weight:700}.inspiration-badge{color:var(--muted-strong);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:11px}.inspiration-input-wrap{align-items:center;gap:10px;display:flex}.inspiration-input-inner{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex:1;align-items:center;gap:8px;padding:6px 12px;transition:border-color .2s;display:flex}.inspiration-input-inner:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle,#ef44441a)}.input-wand-icon{color:var(--muted)}.inspiration-input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:13px}.inspiration-submit-btn{background:var(--accent,#ef4444);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.inspiration-submit-btn:hover:not(:disabled){opacity:.92}.inspiration-submit-btn:disabled{opacity:.6;cursor:not-allowed}.inspiration-tags-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tags-label{color:var(--muted);font-size:12px}.tags-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quick-tag-chip{background:var(--surface);border:1px solid var(--border);color:var(--ink);cursor:pointer;border-radius:6px;padding:3px 10px;font-size:12px;transition:all .15s}.quick-tag-chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.generating-status-tip{color:var(--accent);align-items:center;gap:6px;padding-top:2px;font-size:12px;font-weight:500;display:inline-flex}.insight-sku-card.custom-highlight{border:2px solid var(--accent,#ef4444);position:relative;box-shadow:0 4px 18px #ef44441f}.custom-top-overlay{z-index:2;align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:8px}.ai-custom-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #00000026}.remove-custom-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:inline-flex}.remove-custom-btn:hover{background:var(--danger,#ef4444)}.skeleton-card{border:1px dashed var(--accent,#ef4444);background:var(--surface);animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{border-color:#ef444466}50%{border-color:#ef4444e6}}.skeleton-media{background:var(--surface-muted);justify-content:center;align-items:center;display:flex}.skeleton-overlay-center{color:var(--accent);flex-direction:column;align-items:center;gap:8px;display:flex}.skeleton-generating-text{font-size:12px;font-weight:600}.shimmer{background:linear-gradient(90deg, var(--surface-muted) 0%, #fff9 50%, var(--surface-muted) 100%);background-size:200% 100%;animation:1.5s infinite shimmer-anim}@keyframes shimmer-anim{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-line{border-radius:4px;height:12px}.skeleton-line.title{width:85%;height:16px;margin-bottom:4px}.skeleton-line.subtitle{width:60%}.skeleton-line.sm{width:90%;height:10px}.skeleton-cat{border-radius:4px;width:48px;height:16px}.skeleton-badge{border-radius:4px;width:60px;height:16px}.skeleton-pain-box{background:var(--surface-muted);border-radius:6px;flex-direction:column;gap:4px;padding:6px;display:flex}.skeleton-tags-wrap{gap:6px;display:flex}.skeleton-tag{border-radius:4px;width:64px;height:20px}.skeleton-btn{width:100%;height:34px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}
.recent-sku-section{flex-direction:column;gap:16px;margin-top:24px;display:flex}.recent-sku-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title-wrap{color:var(--ink);align-items:center;gap:8px;display:flex}.section-title-wrap h3{margin:0;font-size:16px;font-weight:600}.category-filter-bar{align-items:center;gap:8px;display:flex}.filter-icon{color:var(--muted)}.filter-pills{align-items:center;gap:6px;display:flex;overflow-x:auto}.category-pill{border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:12px;transition:all .15s}.category-pill.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.sku-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.sku-project-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000005}.sku-project-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.sku-card-thumb{background:var(--surface-muted);width:100%;height:160px;position:relative;overflow:hidden}.sku-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.sku-project-card:hover .sku-card-thumb img{transform:scale(1.04)}.sku-cat-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#000000a6;border-radius:6px;padding:2px 8px;font-size:11px;position:absolute;top:10px;left:10px}.sku-card-body{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex}.sku-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sku-meta-row{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.sku-channels-tag{background:var(--surface-muted);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:11px}.sku-time{align-items:center;gap:4px;display:flex}.sku-resume-action{color:var(--accent);border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:4px;margin-top:auto;padding-top:6px;font-size:12px;font-weight:600;display:flex}