#view-tool-ai-design{padding:0!important}
.aidesign-v28{--p:#2568e8;--ink:#14233b;--muted:#75859d;--line:#dde6f1;--soft:#f5f8fc;color:var(--ink)}
.aidesign-v28 *{box-sizing:border-box}
.aidesign-v28 button,.aidesign-v28 input,.aidesign-v28 select,.aidesign-v28 textarea{font:inherit}
.aidesign-v28 .ad-shell{display:flex;flex-direction:column;gap:16px;padding:2px}
.aidesign-v28 .ad-main{display:grid;grid-template-columns:minmax(380px,.95fr) minmax(0,1.05fr);align-items:start;gap:16px}
.aidesign-v28 .ad-card{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(28,48,77,.04);overflow:hidden}
.aidesign-v28 .ad-head{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.aidesign-v28 .ad-head h3{margin:0;font-size:16px}
.aidesign-v28 .ad-head p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.aidesign-v28 .ad-head .ad-btn{margin-left:auto;flex-shrink:0}
.aidesign-v28 .ad-body{padding:18px}
.aidesign-v28 .ad-btn{border:1px solid #d5e0ed;border-radius:9px;background:#fff;color:#3b526e;padding:9px 14px;font-weight:700;cursor:pointer}
.aidesign-v28 .ad-btn:hover{border-color:#9db6d3;background:#f8fbff}
.aidesign-v28 .ad-btn.primary{border-color:var(--p);background:var(--p);color:#fff}
.aidesign-v28 .ad-btn.primary:hover{background:#1d57c8}
.aidesign-v28 .ad-btn.small{padding:6px 10px;font-size:12px}
.aidesign-v28 .ad-btn.danger{border-color:#f3c0c4;color:#e0343c}
.aidesign-v28 .ad-btn.danger:hover{border-color:#e0343c;background:#fdf2f3}
.aidesign-v28 .ad-btn[disabled]{opacity:.55;cursor:not-allowed}

.aidesign-v28 .ad-mode{display:flex;gap:8px;margin-bottom:14px}
.aidesign-v28 .ad-mode-btn{flex:1;border:1px solid #d8e3f0;border-radius:10px;background:#f8fafc;color:#52677f;padding:10px 12px;font-weight:700;cursor:pointer}
.aidesign-v28 .ad-mode-btn.active{border-color:var(--p);background:var(--p);color:#fff;box-shadow:0 7px 18px rgba(37,104,232,.18)}

.aidesign-v28 .ad-upload{position:relative;display:flex;align-items:center;gap:14px;min-height:96px;padding:18px;border:2px dashed #c7d6e8;border-radius:12px;background:#fafcff;cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:14px}
.aidesign-v28 .ad-upload:hover{border-color:#7fa7e8;background:#f5f9ff}
.aidesign-v28 .ad-upload.ad-dragover{border-color:var(--p);background:#eef5ff}
.aidesign-v28 .ad-upload.ad-disabled{opacity:.5;cursor:not-allowed;background:#f5f7fa}
.aidesign-v28 .ad-upload-icon{flex-shrink:0;width:46px;height:46px;display:grid;place-items:center;border-radius:10px;background:#e8f1fd;color:#2568e8;font-size:24px;font-weight:700}
.aidesign-v28 .ad-upload-text b{display:block;color:#31496b;font-size:13px}
.aidesign-v28 .ad-upload-text span{display:block;margin-top:3px;color:#8a99ad;font-size:11px}
.aidesign-v28 .ad-product-preview{flex-shrink:0;width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}

.aidesign-v28 .ad-field{margin-bottom:13px}
.aidesign-v28 .ad-field label{display:block;margin:0 0 6px;color:#60728a;font-size:12px;font-weight:700}
.aidesign-v28 .ad-input,.aidesign-v28 .ad-select,.aidesign-v28 .ad-textarea{width:100%;border:1px solid #d7e1ed;border-radius:9px;background:#fff;color:#1d3049;padding:9px 11px;outline:none}
.aidesign-v28 .ad-input,.aidesign-v28 .ad-select{height:41px}
.aidesign-v28 .ad-textarea{min-height:96px;resize:vertical;line-height:1.6}
.aidesign-v28 .ad-input:focus,.aidesign-v28 .ad-select:focus,.aidesign-v28 .ad-textarea:focus{border-color:#6ea3ef;box-shadow:0 0 0 3px rgba(37,104,232,.08)}
.aidesign-v28 .ad-row{display:flex;gap:12px;align-items:flex-end}
.aidesign-v28 .ad-model-hint{margin:-6px 0 12px;padding:7px 11px;border-radius:8px;background:#f0f6ff;border:1px solid #dbe9fb;color:#5a7aa8;font-size:11.5px;line-height:1.5}
.aidesign-v28 .ad-model-hint:empty{display:none}
.aidesign-v28 .ad-field-half{flex:1}
.aidesign-v28 .ad-submit-field{margin-bottom:13px}
.aidesign-v28 .ad-submit-field .ad-btn{width:100%;height:41px}
.aidesign-v28 .ad-submit-row{display:flex;gap:10px}
.aidesign-v28 .ad-submit-row .ad-btn{flex:1}
.aidesign-v28 .ad-unified-params{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.aidesign-v28 .ad-ratio-note{font-size:12px;color:#8fa0b5;background:#f4f7fb;border:1px dashed #d9e2ee;border-radius:8px;padding:8px 10px;line-height:1.6}
.aidesign-v28 .ad-pool-row{display:grid;grid-template-columns:1fr 1fr 1fr 40px;gap:8px;margin-bottom:8px;align-items:center}
.aidesign-v28 .ad-pool-row .ad-btn{height:38px;padding:0}
@media(max-width:760px){
  .aidesign-v28 .ad-unified-params{grid-template-columns:1fr}
  .aidesign-v28 .ad-pool-row{grid-template-columns:1fr;grid-template-rows:auto auto auto}
  .aidesign-v28 .ad-pool-row .ad-btn{width:100%}
}
.aidesign-v28 .ad-result-zipbar{margin-bottom:12px;text-align:center}
@media(max-width:640px){
  .aidesign-v28 .ad-submit-row{flex-direction:column}
}

.aidesign-v28 .ad-result-body{min-height:320px;display:flex}
.aidesign-v28 .ad-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e7eef7;border-radius:12px;background:#fafcff;padding:18px;min-height:300px}
.aidesign-v28 .ad-result-empty{color:#8a99ad;font-size:13px;text-align:center}
.aidesign-v28 .ad-result-img{max-width:100%;max-height:440px;border-radius:10px;box-shadow:0 10px 28px rgba(28,48,77,.12)}
.aidesign-v28 .ad-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;width:100%;align-content:start}
.aidesign-v28 .ad-result-cell{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.aidesign-v28 .ad-result-cell .ad-result-img{width:100%;height:180px;object-fit:cover;border-radius:10px;box-shadow:0 6px 18px rgba(28,48,77,.10)}
.aidesign-v28 .ad-result-actions{margin-top:14px;display:flex;gap:8px}
.aidesign-v28 .ad-progress-wrap{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px;align-items:center}
.aidesign-v28 .ad-progress-track{width:100%;height:8px;border-radius:999px;background:#e8eef7;overflow:hidden}
.aidesign-v28 .ad-progress-fill{height:100%;width:36%;border-radius:999px;background:linear-gradient(90deg,#2568e8,#7fa7e8);animation:adProgress 1.4s ease-in-out infinite}
.aidesign-v28 .ad-progress-label{color:#60728a;font-size:13px;text-align:center}
@keyframes adProgress{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}

.aidesign-v28 .ad-history{display:flex;flex-direction:column;gap:10px}
.aidesign-v28 .ad-history-empty{padding:30px;text-align:center;color:#8a99ad;font-size:13px}
.aidesign-v28 .ad-history-item{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}
.aidesign-v28 .ad-history-img{flex-shrink:0;width:72px;height:72px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}
.aidesign-v28 .ad-history-info{flex:1;min-width:0}
.aidesign-v28 .ad-history-prompt{color:#24364e;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aidesign-v28 .ad-history-meta{margin-top:5px;color:#8a99ad;font-size:11px}
.aidesign-v28 .ad-history-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}

.aidesign-v28 .ad-modal{position:fixed;z-index:1700;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(11,25,44,.45)}
.aidesign-v28 .ad-modal.open{display:flex}
.aidesign-v28 .ad-dialog{width:min(520px,94vw);max-height:90vh;overflow:auto;border-radius:16px;background:#fff;box-shadow:0 26px 70px rgba(7,21,40,.28)}
.aidesign-v28 .ad-dialog-head{display:flex;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}
.aidesign-v28 .ad-dialog-head h3{margin:0;font-size:17px;flex:1}
.aidesign-v28 .ad-dialog-body{padding:18px}
.aidesign-v28 .ad-dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--line)}

@media(max-width:980px){.aidesign-v28 .ad-main{grid-template-columns:1fr}}
.aidesign-v28 .ad-batch{margin-bottom:4px}
.aidesign-v28 .ad-batch-tip{padding:12px 14px;border:1px solid #d7e6fa;border-radius:10px;background:#f3f8ff;color:#3a5a82;font-size:12px;line-height:1.7;margin-bottom:14px}
.aidesign-v28 .ad-batch-tip b{color:#2568e8}
.aidesign-v28 .ad-batch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.aidesign-v28 .ad-batch-card{border:1px solid #e4ebf4;border-radius:12px;padding:10px;background:#fbfcfe;display:flex;flex-direction:column;gap:8px}
.aidesign-v28 .ad-batch-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:110px;border:2px dashed #c7d6e8;border-radius:10px;background:#fafcff;cursor:pointer;transition:border-color .15s,background .15s;overflow:hidden}
.aidesign-v28 .ad-batch-upload:hover{border-color:#7fa7e8;background:#f5f9ff}
.aidesign-v28 .ad-batch-upload-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#e8f1fd;color:#2568e8;font-size:20px;font-weight:700}
.aidesign-v28 .ad-batch-upload-text{color:#6b7f96;font-size:11px;text-align:center;word-break:break-all;padding:0 4px}
.aidesign-v28 .ad-batch-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.aidesign-v28 .ad-batch-prompt{width:100%;border:1px solid #d7e1ed;border-radius:8px;background:#fff;color:#1d3049;padding:7px 9px;outline:none;font-size:12px;line-height:1.5;resize:vertical;min-height:52px}
.aidesign-v28 .ad-batch-prompt:focus{border-color:#6ea3ef;box-shadow:0 0 0 3px rgba(37,104,232,.08)}
.aidesign-v28 .ad-batch-foot{display:flex;justify-content:flex-end}
.aidesign-v28 .ad-batch-foot .ad-btn{padding:10px 22px}
@media(max-width:720px){.aidesign-v28 .ad-batch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ==== 提示词灵感板块 ==== */
.aidesign-v28 .ad-tabs{display:flex;gap:6px;padding:10px 18px 0;border-bottom:1px solid var(--line)}
.aidesign-v28 .ad-tab-btn{border:1px solid transparent;border-bottom:none;border-radius:10px 10px 0 0;background:transparent;color:#75859d;padding:10px 20px;font-weight:700;cursor:pointer;margin-bottom:-1px}
.aidesign-v28 .ad-tab-btn:hover{color:#3b526e;background:#f5f8fc}
.aidesign-v28 .ad-tab-btn.active{background:#fff;border-color:var(--line);color:var(--p)}
.aidesign-v28 .ad-idea-tip{padding:10px 13px;border-radius:10px;background:#f4f8ff;border:1px solid #dbe9fb;color:#5a7aa8;font-size:12px;line-height:1.6;margin-bottom:14px}
.aidesign-v28 .ad-idea-tip b{color:#3b5f92}
.aidesign-v28 .ad-idea-uploads{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.aidesign-v28 .ad-idea-upload-item{position:relative;width:88px;height:88px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fafcff}
.aidesign-v28 .ad-idea-upload-item img{width:100%;height:100%;object-fit:cover;display:block}
.aidesign-v28 .ad-idea-upload-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;display:grid;place-items:center;border:none;border-radius:50%;background:rgba(20,35,59,.72);color:#fff;font-size:13px;line-height:1;cursor:pointer}
.aidesign-v28 .ad-idea-upload-add{display:flex;align-items:center;gap:10px;width:230px;padding:12px 14px;border:2px dashed #c7d6e8;border-radius:10px;background:#fafcff;cursor:pointer}
.aidesign-v28 .ad-idea-upload-add:hover{border-color:#7fa7e8;background:#f5f9ff}
.aidesign-v28 .ad-idea-upload-add .ad-upload-icon{width:36px;height:36px;font-size:18px}
.aidesign-v28 .ad-idea-upload-add .ad-upload-text b{display:block;color:#31496b;font-size:12px}
.aidesign-v28 .ad-idea-upload-add .ad-upload-text span{display:block;margin-top:2px;color:#8a99ad;font-size:11px}
.aidesign-v28 .ad-idea-result{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.aidesign-v28 .ad-idea-loading{padding:22px;text-align:center;color:#60728a;font-size:13px;border:1px dashed #d7e1ed;border-radius:10px;background:#fafcff}
.aidesign-v28 .ad-idea-empty{padding:18px;text-align:center;color:#8a99ad;font-size:12.5px}
.aidesign-v28 .ad-idea-note{padding:8px 12px;border-radius:8px;background:#fff8e8;border:1px solid #f3e2b3;color:#8a6d2b;font-size:11.5px;line-height:1.5}
.aidesign-v28 .ad-idea-plan{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.aidesign-v28 .ad-idea-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:#f6f9fd;border-bottom:1px solid var(--line)}
.aidesign-v28 .ad-idea-plan-head b{color:#1d3049;font-size:13.5px}
.aidesign-v28 .ad-idea-headline{padding:10px 14px 0;color:#2568e8;font-size:15px;font-weight:800;line-height:1.4}
.aidesign-v28 .ad-idea-master{border-color:#c9ddfb;background:#f4f9ff;font-weight:600}
.aidesign-v28 .ad-idea-plan-actions{display:flex;gap:6px;flex-shrink:0}
.aidesign-v28 .ad-idea-points{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px 4px}
.aidesign-v28 .ad-idea-points span{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef5ff;border:1px solid #d8e7fb;color:#33588f;font-size:11.5px}
.aidesign-v28 .ad-idea-prompts{padding:6px 14px 14px}
.aidesign-v28 .ad-idea-prompts label{display:block;margin:8px 0 4px;color:#60728a;font-size:11px;font-weight:700}
.aidesign-v28 .ad-idea-prompts p{margin:0;padding:8px 11px;border-radius:8px;background:#fafcff;border:1px solid #e7eef7;color:#31496b;font-size:12px;line-height:1.65}
.aidesign-v28 .ad-config-divider{margin:16px 0 4px;padding-top:14px;border-top:1px dashed #d7e1ed;color:#2568e8;font-size:12px;font-weight:700}
.aidesign-v28 .ad-dialog-body{max-height:72vh;overflow-y:auto}
/* ==== 历史分页 ==== */
.aidesign-v28 .ad-history-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.aidesign-v28 .ad-history-pager label{display:flex;align-items:center;gap:6px;color:#75859d;font-size:11.5px}
.aidesign-v28 .ad-history-pager select{border:1px solid #d5e0ed;border-radius:7px;background:#fff;color:#3b526e;padding:5px 8px;font-size:11.5px;outline:none}
.aidesign-v28 .ad-history-pager-nav{display:flex;align-items:center;gap:10px}
.aidesign-v28 .ad-history-pager-nav span{color:#75859d;font-size:11.5px}
.aidesign-v28 .ad-idea-master-box{padding:12px 14px}
.aidesign-v28 .ad-idea-master-box p{margin:0;padding:10px 12px;border-radius:9px;background:#f4f9ff;border:1px solid #c9ddfb;color:#233a5c;font-size:13px;line-height:1.8;white-space:pre-wrap}
/* 灵感方案渲染在右侧结果卡时，改为顶部对齐堆叠布局 */
.aidesign-v28 #adResult.ad-idea-mode{justify-content:flex-start;align-items:stretch;gap:10px;overflow-y:auto}
.aidesign-v28 #adResult.ad-idea-mode .ad-idea-plan{flex-shrink:0}
.aidesign-v28 #adResult.ad-idea-mode .ad-result-empty{margin:auto}
.aidesign-v28 #adResult.ad-idea-mode .ad-idea-loading{margin:auto}
.aidesign-v28 #adResult.ad-idea-mode .ad-idea-note{margin:0}