.debug-env-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.debug-env-badge:before{content:"🔧";font-size:12px}.debug-model-tabs{display:flex;gap:4px;padding:4px;background:var(--color-bg-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.debug-model-tab-item{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:calc(var(--radius-lg) - 4px);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.debug-model-tab-item:hover{color:var(--color-text-primary);background:hsla(0,0%,100%,.5)}.debug-model-tab-item.active{background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.debug-model-tab-emoji{font-size:1rem}.debug-model-tab-name{font-size:var(--text-sm)}.debug-model-tab-badge{padding:1px 6px;border-radius:var(--radius-full);font-size:9px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.debug-model-tab-badge.image{background:#dbeafe;color:#1e40af}.debug-model-tab-badge.video{background:#fce7f3;color:#9d174d}.debug-layout{display:grid;grid-template-columns:420px 1fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:start}@media (max-width:1024px){.debug-layout{grid-template-columns:1fr}}.debug-create-panel{position:-webkit-sticky;position:sticky;top:var(--space-6)}.debug-model-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-surface);overflow:visible;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.debug-model-card:hover{box-shadow:var(--shadow-md)}.debug-model-card-header{padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.debug-model-icon{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;color:#fff}.debug-model-icon.gpt-image{background:linear-gradient(135deg,#10b981,#059669)}.debug-model-icon.nano-banana{background:linear-gradient(135deg,#f59e0b,#d97706)}.debug-model-icon.nano-banana2{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.debug-model-icon.veo{background:linear-gradient(135deg,#3b82f6,#2563eb)}.debug-model-icon.seedance{background:linear-gradient(135deg,#ec4899,#db2777)}.debug-model-info{flex:1 1;min-width:0}.debug-model-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.2}.debug-model-desc{font-size:11px;color:var(--color-text-secondary);margin:2px 0 0;font-family:var(--font-mono)}.debug-model-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.debug-model-badge.image{background:#dbeafe;color:#1e40af}.debug-model-badge.video{background:#fce7f3;color:#9d174d}.debug-model-card-body{padding:0 var(--space-4) var(--space-4)}.debug-mode-tabs{display:flex;gap:2px;background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:2px;margin-bottom:var(--space-3)}.debug-mode-tab{flex:1 1;padding:5px 8px;font-size:11px;font-weight:var(--font-weight-medium);text-align:center;border-radius:calc(var(--radius-md) - 2px);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.debug-mode-tab.active,.debug-mode-tab:hover{color:var(--color-text-primary)}.debug-mode-tab.active{background:var(--color-bg-surface);box-shadow:var(--shadow-xs);font-weight:var(--font-weight-semibold)}.debug-field{display:flex;flex-direction:column;gap:var(--space-1)}.debug-field-label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.debug-field-hint{margin:4px 0 0;font-size:11px;line-height:1.4;color:var(--color-text-tertiary,#8b95a1);opacity:.85}.debug-field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.debug-field-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.debug-select{width:100%;padding:6px 28px 6px 8px;font-size:var(--text-xs);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 4px center;background-repeat:no-repeat;background-size:16px}.debug-select:focus{border-color:var(--color-primary)}.debug-input{width:100%;padding:6px 8px;font-size:var(--text-xs);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast);font-family:var(--font-mono)}.debug-input:focus{border-color:var(--color-primary)}.debug-textarea{width:100%;padding:6px 8px;font-size:var(--text-xs);font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast);resize:vertical;min-height:56px;line-height:var(--leading-normal)}.debug-textarea:focus{border-color:var(--color-primary)}.debug-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;padding:2px;border-radius:var(--radius-md);background:var(--color-bg-subtle)}.debug-info-option{position:relative;min-height:30px;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;padding:5px 24px 5px 8px;font-size:11px;font-weight:var(--font-weight-medium);line-height:1.1;cursor:pointer;transition:all var(--transition-fast)}.debug-info-option.active,.debug-info-option:hover:not(.disabled){color:var(--color-text-primary)}.debug-info-option.active{background:var(--color-bg-surface);box-shadow:var(--shadow-xs);font-weight:var(--font-weight-semibold)}.debug-info-option.disabled{opacity:.55;cursor:not-allowed}.debug-info-dot{position:absolute;top:4px;right:5px;width:14px;height:14px;border:1px solid;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;line-height:1;font-weight:800;opacity:.72}.debug-info-dot:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:calc(100% + 6px);right:auto;width:220px;border-radius:var(--radius-md);background:var(--color-neutral-900);color:#fff;padding:7px 9px;font-size:11px;line-height:1.35;font-weight:var(--font-weight-medium);text-align:left;white-space:normal;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:200}.debug-info-dot:focus-visible:after,.debug-info-dot:hover:after{opacity:1;transform:translateY(0)}.debug-form-stack{display:flex;flex-direction:column;gap:var(--space-2)}.debug-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.debug-toggle-label{font-size:var(--text-xs);color:var(--color-text-primary)}.debug-toggle{position:relative;width:32px;height:18px;border-radius:9px;border:none;cursor:pointer;background:var(--color-neutral-300);transition:background var(--transition-fast);padding:0}.debug-toggle.on{background:var(--color-primary)}.debug-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform var(--transition-fast);box-shadow:0 1px 2px rgba(0,0,0,.2)}.debug-toggle.on:after{transform:translateX(14px)}.debug-submit-btn{width:100%;padding:7px 12px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);background:var(--color-primary);color:#fff;margin-top:var(--space-1)}.debug-submit-btn:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-sm)}.debug-submit-btn:disabled{opacity:.5;cursor:not-allowed}.debug-card-feedback{margin-top:var(--space-2);padding:6px 8px;border-radius:var(--radius-md);font-size:11px}.debug-card-feedback.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.debug-card-feedback.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.debug-monitor-panel{min-height:300px}.debug-job-list{display:flex;flex-direction:column;gap:var(--space-2)}.debug-job-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;transition:all var(--transition-fast)}.debug-job-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xs)}.debug-job-item.expanded{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.debug-job-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.debug-job-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-job-model{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.debug-job-time{color:var(--color-text-secondary)}.debug-job-time,.debug-status{font-size:var(--text-xs);white-space:nowrap}.debug-status{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold)}.debug-status-queued{background:#fef3c7;color:#92400e}.debug-status-running{background:#dbeafe;color:#1e40af;animation:debug-pulse 2s infinite}.debug-status-succeeded{background:#d1fae5;color:#065f46}.debug-status-failed{background:#fee2e2;color:#991b1b}.debug-status-canceled{background:var(--color-neutral-100);color:var(--color-neutral-600)}@keyframes debug-pulse{0%,to{opacity:1}50%{opacity:.7}}.debug-job-detail{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-subtle);margin-top:var(--space-1)}.debug-detail-section{margin-bottom:var(--space-4)}.debug-detail-section:last-child{margin-bottom:0}.debug-detail-title{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.debug-detail-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.debug-json{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-neutral-900);color:#a5f3fc;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-relaxed);overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.debug-result-grid{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:#000}.debug-result-grid.count-1 .debug-result-asset{width:100%;max-height:360px}.debug-result-grid.count-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2px;gap:2px;background:var(--color-border)}.debug-result-grid.count-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2px;gap:2px;background:var(--color-border)}.debug-result-grid.count-4{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2px;gap:2px;background:var(--color-border)}.debug-result-asset{display:block;width:100%;max-height:260px;object-fit:contain;background:#000}.debug-result-preview{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:#000}.debug-result-preview img,.debug-result-preview video{display:block;max-width:100%;max-height:300px;object-fit:contain;margin:0 auto}.debug-sse-panel{margin-top:var(--space-4)}.debug-sse-log{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-neutral-900);color:#86efac;font-family:var(--font-mono);font-size:11px;line-height:1.6;max-height:160px;overflow-y:auto;overflow-x:hidden}.debug-sse-log-entry{padding:1px 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.debug-sse-log-entry:last-child{border-bottom:none}.debug-sse-log-time{color:#6b7280;margin-right:8px}.debug-error-box{padding:var(--space-3);border-radius:var(--radius-md);background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:var(--text-sm)}.debug-error-code{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.debug-toolbar{justify-content:space-between;margin-bottom:var(--space-4)}.debug-toolbar,.debug-toolbar-left{display:flex;align-items:center;gap:var(--space-3)}.debug-auto-refresh{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-text-secondary)}.debug-auto-refresh-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success-500);animation:debug-pulse 2s infinite}.debug-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-secondary);gap:var(--space-2)}.debug-empty-icon{font-size:2.5rem;opacity:.5}.debug-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.debug-entry-card{border:2px dashed var(--color-warning-500);background:linear-gradient(135deg,rgba(251,191,36,.05),rgba(245,158,11,.08));cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.debug-entry-card:hover{border-color:var(--color-brand-500);background:linear-gradient(135deg,rgba(90,103,248,.05),rgba(90,103,248,.08));box-shadow:var(--shadow-md);transform:translateY(-2px)}.debug-entry-content{display:flex;align-items:center;gap:var(--space-4)}.debug-entry-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.debug-entry-info{flex:1 1}.debug-entry-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.debug-entry-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.debug-entry-arrow{font-size:1.25rem;color:var(--color-text-secondary);transition:transform var(--transition-fast)}.debug-entry-card:hover .debug-entry-arrow{transform:translateX(4px);color:var(--color-primary)}.debug-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-2)}.debug-usage-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-xs);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.debug-usage-card:hover{transform:translateY(-1px);border-color:var(--color-primary-300,#a5b4fc);box-shadow:var(--shadow-sm)}.debug-usage-label{font-size:10px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.debug-usage-label,.debug-usage-value{font-weight:var(--font-weight-semibold)}.debug-usage-value{font-size:var(--text-sm);color:var(--color-text-primary);display:flex;align-items:center;gap:6px;font-family:var(--font-mono)}.debug-usage-value.cost{color:var(--color-primary)}.debug-usage-value.reserved{color:var(--color-warning-600,#d97706)}.debug-model-tab-item.offline{opacity:.65;border:1px dashed var(--color-border)}.debug-model-tab-item.offline:hover{background:rgba(239,68,68,.05);border-color:#fca5a5;color:#ef4444}.debug-model-offline-tag{display:inline-flex;align-items:center;margin-left:6px;padding:1px 4px;border-radius:4px;background:#fee2e2;color:#ef4444;font-size:9px;font-weight:var(--font-weight-semibold);transform:scale(.9);transform-origin:left center}