:root{--n00: #ffffff;--n50: #f5f6f7;--n100: #eff0f1;--n200: #e4e5e7;--n300: #dee0e3;--n400: #c9cdd4;--n500: #8f959e;--n600: #646a73;--n800: #2f353e;--n900: #1f2329;--b500: #1456f0;--b600: #0e47d7;--b100: #e1ebff;--red: #f54a45;--red-dark: #e03b37;--hover-bg: rgba(31, 35, 41, .06);--press-bg: rgba(31, 35, 41, .1);--bg: var(--n00);--bg-input: var(--n00);--text-primary: var(--n900);--text-secondary: var(--n600);--text-placeholder: var(--n500);--border: var(--n400);--border-focus: var(--b500);--primary: var(--b500);--primary-hover: var(--b600);--primary-disabled: #b4cdfc;--progress-bg: var(--b100);--danger: var(--red)}[data-theme=DARK]{--n00: #1a1d23;--n50: #1f2329;--n100: #262a30;--n200: #2c3036;--n300: #35393f;--n400: #4a4e56;--n500: #737780;--n600: #9498a1;--n800: #c4c7cc;--n900: #e4e6e9;--b500: #5b8af7;--b600: #7ea3f9;--b100: #1e2d4d;--red: #f76965;--red-dark: #f54a45;--hover-bg: rgba(255, 255, 255, .06);--press-bg: rgba(255, 255, 255, .1);--bg: var(--n00);--bg-input: var(--n100);--text-primary: var(--n900);--text-secondary: var(--n600);--text-placeholder: var(--n500);--border: var(--n400);--border-focus: var(--b500);--primary: var(--b500);--primary-hover: var(--b600);--primary-disabled: #2a3555;--progress-bg: var(--b100);--danger: var(--red)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Tahoma,PingFang SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:14px;line-height:22px;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased}.app{padding:16px;display:flex;flex-direction:column;gap:12px}.section{display:flex;flex-direction:column;gap:4px}.section label{font-size:12px;font-weight:500;line-height:20px;color:var(--text-secondary)}.required{color:var(--danger);font-weight:600;margin-left:2px}.field-hint{font-size:12px;font-weight:400;color:var(--text-placeholder)}.hint{font-size:12px;line-height:18px;color:var(--danger)}input,select{width:100%;height:32px;padding:4px 10px;font-size:14px;line-height:22px;font-family:inherit;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:4px;outline:none;transition:border-color .15s,box-shadow .15s;appearance:none}select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%238f959e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}[data-theme=DARK] select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23737780' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input::placeholder,select:invalid{color:var(--text-placeholder)}input:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}input:disabled,select:disabled{opacity:.5;cursor:not-allowed}.custom-field-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.custom-field-header label{flex:1;min-width:0}.mini-btn{height:24px;padding:0 8px;color:var(--primary);background:var(--bg-input);border:1px solid var(--border);border-radius:4px;font-size:12px;line-height:22px;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s;flex-shrink:0}.mini-btn:hover:not(:disabled){border-color:var(--primary);background:var(--hover-bg)}.mini-btn:disabled{opacity:.5;cursor:not-allowed}.custom-field-list{display:flex;flex-direction:column;gap:6px}.custom-field-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) 28px;gap:6px;align-items:center}.custom-field-row input,.custom-field-row select{min-width:0}.reference-field-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;align-items:center}.reference-field-row select{min-width:0}.icon-btn{width:28px;height:32px;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);border-radius:4px;font-size:18px;line-height:30px;font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.icon-btn:hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:rgba(245,74,69,.06)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:12px}.pricing-hint{margin:-4px 0 12px;color:var(--text-secondary);font-size:11px;line-height:1.5}.cost-estimate{color:var(--text-secondary);font-size:11px;white-space:nowrap}.half{flex:1;min-width:0}.radio-group{display:flex;gap:8px;padding:2px 0}.radio-item{position:relative;display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:13px;line-height:20px;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);border-radius:4px;cursor:pointer;user-select:none;transition:border-color .15s,color .15s,background .15s}.radio-item:hover:not(.radio-disabled){border-color:var(--border-focus);color:var(--text-primary)}.radio-item.radio-checked{border-color:var(--primary);color:var(--primary);background:rgba(20,86,240,.04)}[data-theme=DARK] .radio-item.radio-checked{background:rgba(91,138,247,.1)}.radio-item.radio-disabled{opacity:.5;cursor:not-allowed}.radio-item input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:border-color .15s,background .15s}.radio-checked .radio-dot{border-color:var(--primary);background:var(--primary)}.radio-item:hover:not(.radio-disabled) .radio-dot{border-color:var(--border-focus)}.radio-checked:hover .radio-dot{border-color:var(--primary-hover);background:var(--primary-hover)}.generate-btn{width:100%;height:32px;padding:0 12px;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;line-height:32px;font-family:inherit;cursor:pointer;transition:background .15s;user-select:none}.generate-btn:hover:not(:disabled){background:var(--primary-hover)}.generate-btn:active:not(:disabled){transform:scale(.98)}.generate-btn:disabled{background:var(--primary-disabled);color:#fff9;cursor:not-allowed}.progress{padding:8px 12px;background:var(--progress-bg);border-radius:4px;font-size:13px;line-height:20px;color:var(--text-secondary);word-break:break-word;white-space:pre-line}.credits-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--progress-bg);border-radius:4px;font-size:13px;line-height:20px}.credits-label{color:var(--text-secondary);font-weight:500}.credits-value{color:var(--primary);font-weight:700;font-size:16px;margin-right:auto}.credits-refresh{width:24px;height:24px;border:none;background:none;color:var(--text-secondary);font-size:16px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.credits-refresh:hover:not(:disabled){color:var(--primary);background:var(--hover-bg)}.credits-refresh:disabled{opacity:.4;cursor:not-allowed}.btn-row{display:flex;gap:8px;margin-top:4px}.btn-row .generate-btn{flex:1}.cancel-btn{height:32px;padding:0 12px;background:var(--bg-input);color:var(--danger);border:1px solid var(--border);border-radius:4px;font-size:14px;font-weight:500;line-height:32px;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s;user-select:none;flex-shrink:0}.cancel-btn:hover{border-color:var(--danger);background:rgba(245,74,69,.06)}.progress-bar-container{width:100%;height:4px;background:var(--n200);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.progress-bar-indeterminate{width:100%!important;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}