:root{color:#111827;font-synthesis:none;-webkit-font-smoothing:antialiased;--blue:#5594f7;--blue-dark:#367df0;--blue-soft:#e9f2ff;--border:#e4e9f2;--panel:#fff;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*,:before,:after{box-sizing:border-box}body{background:#f5f7fb;min-width:1180px;height:100vh;min-height:0;margin:0;display:flex;overflow:hidden}#root{width:100%;min-width:0;min-height:0;display:flex}button,select,textarea,input{font:inherit}button{cursor:pointer;border:0}.app-shell{background:#f5f7fb;flex-direction:column;width:100%;min-width:0;height:100vh;min-height:0;padding:12px 14px 18px;display:flex;position:relative;overflow:hidden}.debug-bubble-toggle{z-index:90;color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#f97316 0%,#ec4899 46%,#8b5cf6 100%);border:1px solid #ffffffa3;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 13px;font-size:12px;font-weight:900;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;position:fixed;top:16px;right:18px;box-shadow:0 16px 36px #ec489942,inset 0 1px #ffffff59}.debug-bubble-toggle svg{flex:none}.reference-preview-layer-guard{z-index:261;pointer-events:none;position:fixed;inset:0}.app-shell:has(.reference-preview-layer-guard) .debug-bubble-toggle{z-index:1}.debug-bubble-toggle:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 20px 44px #ec489952,inset 0 1px #ffffff6b}.debug-bubble-toggle.active{background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 48%,#22c55e 100%);box-shadow:0 16px 36px #3b82f647,inset 0 1px #ffffff61}.debug-bubble-toggle em{color:#ffffffeb;background:#ffffff2e;border-radius:999px;padding:2px 6px;font-size:10px;font-style:normal}.top-config-bar{border:1px solid var(--border);background:var(--panel);border-radius:12px;flex-direction:column;gap:12px;margin-top:0;padding:16px 18px;display:flex;box-shadow:0 10px 30px #0f172a08}.top-config-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.top-config-header h3{color:#1f2937;margin:0 0 4px;font-size:15px;font-weight:700}.top-config-header p{color:#94a0b2;margin:0;font-size:12px}.top-config-form{grid-template-columns:minmax(260px,1.2fr) minmax(220px,1fr) 120px;align-items:center;gap:12px;display:grid}.top-input-shell input{height:40px}.top-fetch-button{width:100%;height:40px}.top-config-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mode-tabs{border-bottom:1px solid #dfe5ef;flex:none;align-items:center;gap:24px;height:36px;margin-top:0;display:flex}.conversation-mode-tabs{background:#ffffffc7;padding:0 16px}.mode-tab{color:#222b3a;background:0 0;align-items:center;gap:6px;height:36px;padding:0 2px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.mode-tab.active{color:var(--blue-dark)}.mode-tab.active:after{background:var(--blue-dark);content:"";border-radius:99px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.workspace{grid-template-columns:var(--sidebar-width,312px) minmax(0, 1fr);flex:1;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:14px;min-height:0;padding-top:0;display:grid;overflow:hidden}.workspace.with-utility-panel{grid-template-columns:var(--sidebar-width,312px) minmax(0, 1fr) 390px}.workspace.with-utility-panel.utility-panel-floating{grid-template-columns:var(--sidebar-width,312px) minmax(0, 1fr)}.workspace.utility-panel-floating{gap:10px}.sidebar-shell{min-width:260px;max-width:520px;min-height:0;position:relative}.workspace:not(.session-panel-collapsed) .sidebar-shell{align-self:stretch}.workspace.session-panel-collapsed .sidebar-shell{min-width:58px;max-width:58px}.session-panel-rail-button{width:58px;height:100%;min-height:220px;color:var(--blue-dark);writing-mode:vertical-rl;background:linear-gradient(#f8fbff 0%,#eef6ff 100%);border:1px solid #dbe7fb;border-radius:12px;align-content:center;place-items:center;gap:8px;font-size:12px;font-weight:900;transition:all .16s;display:grid;box-shadow:0 10px 30px #0f172a08}.session-panel-rail-button:hover{background:linear-gradient(#fff 0%,#eef6ff 100%);border-color:#bdd6ff;box-shadow:0 14px 34px #367df01f}.session-panel-rail-button svg{writing-mode:horizontal-tb}.session-panel-rail-button.collapsed span{letter-spacing:.08em}.sidebar-panel,.result-canvas{border:1px solid var(--border);background:var(--panel);border-radius:9px;box-shadow:0 10px 30px #0f172a08}.sidebar-panel{flex-direction:column;gap:14px;height:100%;min-height:0;padding:18px;display:flex;overflow:hidden}.sidebar-resizer{cursor:col-resize;z-index:5;background:0 0;border-radius:999px;width:10px;position:absolute;top:8px;bottom:8px;right:-9px}.sidebar-resizer:after{content:"";background:#c9d5e7;border-radius:999px;width:3px;height:54px;transition:all .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-resizer:hover:after,.resizing-sidebar .sidebar-resizer:after{background:var(--blue-dark);width:4px}.resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}.field-block{flex-direction:column;gap:8px;display:flex}.conversation-session-panel{background:linear-gradient(#f8fbff 0%,#eef6ff 100%);border:1px solid #dce8fb;border-radius:12px;flex-direction:column;flex:auto;gap:10px;height:100%;min-height:0;padding:12px;display:flex}.conversation-session-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.conversation-session-header-actions{flex:none;align-items:center;gap:7px;display:inline-flex}.conversation-session-header h3{color:#1e293b;margin:0 0 4px;font-size:14px}.session-message{color:#64748b;margin:0;font-size:12px;line-height:1.5}.conversation-session-header-actions button{color:#fff;background:var(--blue-dark);border-radius:999px;flex:none;place-items:center;width:30px;height:30px;display:inline-grid;box-shadow:0 8px 18px #367df038}.conversation-session-header-actions button:last-child{color:var(--blue-dark);background:#eef6ff}.session-search-box{background:#ffffffc2;border:1px solid #dbe8fb;border-radius:999px;align-items:center;display:flex;position:relative}.session-search-box svg{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.session-search-box input{color:#334155;background:0 0;border:0;outline:none;width:100%;height:32px;padding:0 34px 0 30px;font-size:12px}.session-search-box input::placeholder{color:#94a3b8}.session-search-box button{color:#64748b;background:#eef6ff;border-radius:999px;place-items:center;width:22px;height:22px;display:inline-grid;position:absolute;right:5px}.session-search-box button svg{pointer-events:auto;position:static}.conversation-session-list{flex-direction:column;flex:1 1 0;gap:8px;min-height:0;max-height:none;padding-right:2px;display:flex;overflow-y:auto}.session-empty{color:#8a94a6;align-content:center;place-items:center;gap:8px;min-height:92px;font-size:12px;display:grid}.conversation-session-card{width:100%;color:inherit;text-align:left;background:#ffffffd1;border:1px solid #e2eaf6;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:6px;padding:8px;transition:all .16s;display:grid}.session-card-main{min-width:0;color:inherit;text-align:left;background:0 0;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:0;display:grid}.session-card-actions{opacity:0;flex-direction:column;gap:4px;transition:all .16s;display:flex}.conversation-session-card:hover .session-card-actions,.conversation-session-card.active .session-card-actions,.session-card-actions:focus-within{opacity:1}.session-card-actions button{color:#64748b;background:#f1f5f9;border-radius:999px;place-items:center;width:24px;height:24px;display:inline-grid}.session-card-actions button:hover{color:var(--blue-dark);background:#eaf3ff}.conversation-session-card:hover,.conversation-session-card.active{border-color:var(--blue);background:#fff;box-shadow:0 10px 22px #2563eb1a}.conversation-session-card img,.session-cover-placeholder{border-radius:14px;width:42px;height:42px}.conversation-session-card img{object-fit:cover}.session-cover-placeholder{color:#1d4ed8;background:radial-gradient(circle at 30% 20%,#fff 0 18%,#0000 19%),linear-gradient(135deg,#dbeafe 0%,#eef2ff 48%,#f5d0fe 100%);place-items:center;font-size:20px;display:grid;box-shadow:inset 0 0 0 1px #ffffffb3,0 10px 20px #3b82f61f}.session-card-body{flex-direction:column;justify-content:center;gap:5px;min-width:0;display:flex}.session-card-body strong,.session-card-body em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-card-body strong{color:#1e293b;font-size:12px}.session-card-body em{color:#94a3b8;font-size:10px;font-style:normal}.session-title-input{color:#1e293b;background:#fff;border:1px solid #bdd6ff;border-radius:7px;outline:none;min-width:0;height:22px;padding:0 7px;font-size:12px;font-weight:800}.session-title-input:focus{box-shadow:0 0 0 3px #5594f724}.conversation-message-preview{border-top:1px solid #dbe8fb;flex-direction:column;gap:7px;padding-top:10px;display:flex}.conversation-message-preview>p{color:#8a94a6;margin:0;font-size:12px;line-height:1.5}.conversation-preview-item{background:#ffffffb3;border-radius:9px;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;padding:7px;display:grid}.conversation-preview-item span{color:#fff;background:#64748b;border-radius:999px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid}.conversation-preview-item.assistant span{background:var(--blue-dark)}.conversation-preview-item p{color:#334155;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.4;overflow:hidden}.conversation-preview-item small{color:#367df0;background:#eaf3ff;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800}.advanced-settings-panel{background:#fff;border:1px solid #e4eaf4;border-radius:12px}.composer-advanced-settings{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-color:#dbe7fb;border-radius:20px;overflow:hidden;box-shadow:0 18px 46px #0f172a14}.advanced-settings-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px;list-style:none;display:flex}.composer-advanced-settings summary{min-height:58px;padding:13px 16px}.advanced-settings-panel summary::-webkit-details-marker{display:none}.advanced-settings-panel summary span{flex-direction:column;gap:3px;min-width:0;display:flex}.advanced-settings-panel summary strong{color:#1e293b;font-size:13px}.composer-advanced-settings summary strong{font-size:14px}.advanced-settings-panel summary small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.advanced-settings-panel summary em{color:var(--blue-dark);background:#eef6ff;border-radius:999px;flex:none;padding:4px 9px;font-size:11px;font-style:normal;font-weight:900}.advanced-settings-content{border-top:1px solid #edf2f8;flex-direction:column;gap:14px;padding:14px 12px 12px;display:flex}.composer-advanced-settings .advanced-settings-content{max-height:min(56vh,560px);padding:16px;overflow-y:auto}.advanced-settings-quick-row,.advanced-settings-reference-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ratio-section-wide .ratio-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.ratio-section-wide .ratio-card{min-height:74px}.param-grid.param-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-upload-box{min-height:96px}.gateway-block{background:linear-gradient(#fbfdff 0%,#f7faff 100%);border:1px solid #e5ebf4;border-radius:10px;padding:12px}.field-row{justify-content:space-between;align-items:center;display:flex}.field-label{color:#7c8799;font-size:12px;font-weight:600}.field-value{color:var(--blue-dark);font-size:12px;font-weight:700}.gateway-status{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.gateway-status.ready{color:#16794d;background:#e9f8f0}.gateway-status.empty{color:#8b95a7;background:#eef2f7}.input-shell{align-items:center;display:flex;position:relative}.input-shell svg{color:#93a0b3;pointer-events:none;position:absolute;left:12px}.input-shell input{color:#3d4656;background:#fff;border:1px solid #dce3ee;border-radius:7px;outline:none;width:100%;height:38px;padding:0 12px 0 36px}.input-shell input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5594f71f}.input-shell-with-action input{padding-right:42px}.input-shell-action-button{color:#93a0b3;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .16s,background .16s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.input-shell-action-button:hover{color:var(--blue-dark);background:#eef6ff}.input-shell-action-button:focus-visible{color:var(--blue-dark);background:#eef6ff;outline:none;box-shadow:0 0 0 3px #5594f724}.input-shell-action-button svg{color:currentColor;pointer-events:none;position:static}.gateway-actions{align-items:center;gap:10px;display:flex}.fetch-button{color:#fff;background:var(--blue-dark);border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:88px;height:34px;font-size:12px;font-weight:700;display:inline-flex}.fetch-button:disabled{cursor:not-allowed;background:#a8cffd}.gateway-hint{color:#94a0b2;font-size:12px}.gateway-feedback{min-height:18px;margin:0;font-size:12px;line-height:1.5}.gateway-feedback.success{color:#1d7a53}.gateway-feedback.error{color:#d14343}.gateway-feedback.placeholder{color:#0000}.select-shell{align-items:center;display:flex;position:relative}.select-shell select{appearance:none;color:#3d4656;background:#fff;border:1px solid #dce3ee;border-radius:5px;outline:none;width:100%;height:38px;padding:0 36px 0 13px}.select-shell select:disabled{color:#9eabbd;cursor:not-allowed;background:#f5f7fb}.select-shell svg{color:#aab3c2;pointer-events:none;position:absolute;right:12px}.model-note,.ratio-note{color:#9aa4b4;margin:0;font-size:12px;line-height:1.6}.ratio-note code{color:var(--blue-dark);background:#edf5ff;border-radius:5px;padding:1px 5px}.ratio-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.ratio-card{color:#8b95a7;background:#fff;border:1px solid #e4e9f1;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:80px;transition:all .16s;display:flex}.ratio-card:hover{border-color:#bdd6ff;transform:translateY(-1px)}.ratio-card.selected{border-color:var(--blue);color:var(--blue-dark);box-shadow:inset 0 0 0 1px var(--blue);background:#f7fbff}.ratio-preview{background:#f0f3f8;border:1px solid #e6ebf3;border-radius:2px;display:block}.ratio-card.selected .ratio-preview{border-color:var(--blue);background:var(--blue)}.ratio-square{width:34px;height:34px}.ratio-5-4{width:36px;height:29px}.ratio-9-16{width:21px;height:37px}.ratio-21-9{width:42px;height:18px}.ratio-16-9{width:40px;height:23px}.ratio-4-3{width:36px;height:27px}.ratio-3-2{width:38px;height:25px}.ratio-4-5{width:28px;height:35px}.ratio-3-4{width:27px;height:36px}.ratio-2-3{width:24px;height:36px}.ratio-label{font-size:11px;font-weight:700}.ratio-card small{font-size:10px;font-weight:600}.count-slider{width:100%;accent-color:var(--blue)}.info-dot{color:#fff;background:#a3adbd;border-radius:50%;place-items:center;width:14px;height:14px;font-size:10px;font-weight:700;display:inline-grid}.size-tabs{border:1px solid #dce3ee;border-radius:5px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.endpoint-tabs{grid-template-columns:repeat(2,1fr)}.size-tabs button{color:#4a5567;background:#fff;height:24px;font-size:12px;font-weight:600}.size-tabs button+button{border-left:1px solid #dce3ee}.size-tabs button.active{color:#fff;background:var(--blue)}.official-params-panel{background:linear-gradient(#fbfdff 0%,#f7faff 100%);border:1px solid #e4eaf4;border-radius:10px;padding:10px}.param-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.param-grid label{flex-direction:column;gap:4px;min-width:0;display:flex}.param-grid span{color:#7c8799;font-size:11px;font-weight:700}.param-grid select{color:#334155;background:#fff;border:1px solid #dce3ee;border-radius:7px;width:100%;height:30px;padding:0 8px;font-size:12px;font-weight:700}.compression-control{grid-column:1/-1}.compression-control input{width:100%;accent-color:var(--blue-dark)}.compression-control input:disabled{opacity:.45}.prompt-block textarea{resize:none;color:#3d4656;border:1px solid #dce3ee;border-radius:5px;outline:none;min-height:106px;padding:10px;line-height:1.55}.prompt-block textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5594f724}.prompt-block textarea::placeholder{color:#a5aeba}.prompt-tags{flex-wrap:wrap;gap:7px;display:flex}.prompt-tags button{color:#4288f4;text-overflow:ellipsis;white-space:nowrap;background:#f8fbff;border:1px solid #a8ceff;border-radius:999px;max-width:100%;padding:3px 8px;font-size:12px;overflow:hidden}.upload-box{color:#1f2937;text-align:center;cursor:pointer;background:#fff;border:1px dashed #cfd8e6;border-radius:10px;place-items:center;min-height:108px;display:grid}.upload-box input{display:none}.upload-box svg{color:var(--blue)}.upload-box strong{margin-top:4px;font-size:13px;font-weight:500;display:block}.upload-box span{color:#9aa4b4;font-size:12px}.local-save-panel{background:#fbfdff;border:1px solid #e4eaf4;border-radius:10px;padding:10px}.local-save-toggle{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.local-save-toggle input{width:15px;height:15px;accent-color:var(--blue-dark)}.folder-button{width:100%;min-height:34px;color:var(--blue-dark);background:#f5f9ff;border:1px solid #cfe0fb;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.save-message{color:#64748b;margin:0;font-size:12px;line-height:1.5}.generation-log-panel{background:#0f172a;border:1px solid #e4eaf4;border-radius:10px;padding:10px}.utility-panel{border:1px solid var(--border);background:var(--panel);border-radius:9px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex;box-shadow:0 10px 30px #0f172a08}.utility-panel.maximized{z-index:30;width:min(760px,100vw - 28px);position:fixed;top:14px;bottom:14px;right:14px;box-shadow:0 24px 70px #0f172a3d}.workspace.utility-panel-floating .result-canvas{min-width:0}.workspace.utility-panel-floating .conversation-scroll-area{align-items:stretch;width:100%;padding:20px 16px 18px}.workspace.utility-panel-floating .conversation-thread{justify-items:start;gap:16px;width:100%;display:grid}.workspace.utility-panel-floating .conversation-bubble{width:fit-content;max-width:min(82%,900px)}.workspace.utility-panel-floating .conversation-bubble.user{justify-self:end;width:fit-content;max-width:min(82%,880px)}.workspace.utility-panel-floating .conversation-bubble.assistant{justify-self:start}.workspace.utility-panel-floating .conversation-bubble.assistant:has(.conversation-image-grid){width:100%;max-width:min(100%,1080px)}.workspace.utility-panel-floating .conversation-bubble.assistant:not(:has(.conversation-image-grid)){width:fit-content;max-width:min(82%,880px)}.workspace.utility-panel-floating .conversation-image-grid{display:grid}.utility-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.utility-header-actions{align-items:center;gap:8px;display:flex}.utility-panel-header h3{color:#1f2937;margin:0 0 4px;font-size:15px}.utility-panel-header p{color:#94a0b2;margin:0;font-size:12px}.utility-panel-header button,.history-actions button{color:var(--blue-dark);background:#eef6ff;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.utility-panel-header .panel-max-button{color:#4338ca;background:#eef2ff}.utility-tabs,.log-mode-tabs{border:1px solid #dce3ee;border-radius:8px;grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.utility-tabs button,.log-mode-tabs button{color:#4a5567;background:#fff;height:30px;font-size:12px;font-weight:800}.utility-tabs button+button,.log-mode-tabs button+button{border-left:1px solid #dce3ee}.utility-tabs button.active,.log-mode-tabs button.active{color:#fff;background:var(--blue)}.utility-tabs.utility-tabs-triple{grid-template-columns:repeat(3,1fr)}.utility-content-panel{flex-direction:column;flex:1;min-height:0;display:flex}.utility-actions-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.log-action-buttons{gap:8px;display:flex}.log-max-button{color:#c7d2fe;background:#818cf829;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.log-mode-tabs{width:150px}.generation-log-panel .field-label{color:#cbd5e1}.log-clear-button{color:#93c5fd;background:#3b82f61f;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.generation-log-list{color:#dbeafe;scrollbar-color:#475569 transparent;scrollbar-width:thin;background:#02061794;border-radius:8px;flex-direction:column;gap:6px;min-height:96px;max-height:188px;padding:8px;display:flex;overflow-y:auto}.generation-log-list.large{flex:1;min-height:0;max-height:none}.utility-panel.maximized .generation-log-list.large{min-height:0;max-height:none}.generation-log-item{border-left:2px solid #60a5fa;grid-template-columns:66px 1fr;gap:8px;padding-left:8px;font-size:11px;line-height:1.45;display:grid}.log-body{min-width:0}.log-detail-shell{gap:6px;margin-top:6px;display:grid}.log-detail-toolbar{justify-content:flex-end;display:flex}.log-detail-copy-button{color:#cbd5e1;background:#0f172a8f;border:1px solid #94a3b838;border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:0 9px;font-size:10px;font-weight:800;transition:all .16s;display:inline-flex}.log-detail-copy-button:hover{color:#dbeafe;background:#1e293be0;border-color:#60a5fa75}.log-detail{color:#bfdbfe;white-space:pre-wrap;background:#0f172ab8;border:1px solid #94a3b833;border-radius:8px;max-height:240px;margin:0;padding:8px;font-family:Consolas,SFMono-Regular,monospace;font-size:11px;line-height:1.5;overflow:auto}.history-panel{flex-direction:column;flex:1;min-height:0;display:flex}.history-count,.history-message{color:#64748b;font-size:12px;font-weight:700}.history-actions{gap:8px;display:flex}.history-actions .warning{color:#b45309;background:#fff7ed}.history-actions .warning:disabled{color:#cbd5e1;background:#f8fafc}.history-actions .danger{color:#be123c;background:#fff1f2}.history-list{flex-direction:column;flex:1;gap:10px;min-height:0;max-height:none;padding-right:2px;display:flex;overflow-y:auto}.utility-panel.maximized .history-list{min-height:0;max-height:none}.history-empty{color:#94a3b8;text-align:center;align-content:center;place-items:center;gap:10px;min-height:260px;display:grid}.history-empty p{margin:0;font-size:12px;line-height:1.6}.history-card{background:#fbfdff;border:1px solid #e4eaf4;border-radius:12px;padding:10px}.history-card-header{color:#94a3b8;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.history-status{border-radius:999px;padding:2px 7px;font-weight:800}.history-status.succeeded{color:#047857;background:#dff8ed}.history-status.failed{color:#be123c;background:#ffe4ea}.history-image-button{background:0 0;border-radius:10px;width:100%;padding:0;display:block;overflow:hidden}.history-card img{object-fit:cover;width:100%;max-height:170px;transition:all .16s;display:block}.history-image-button:hover img{transform:scale(1.03)}.history-card h4{color:#1e293b;margin:9px 0 5px;font-size:13px}.history-prompt{color:#475569;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 9px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.history-card dl{gap:5px;margin:0;display:grid}.history-card dl div{grid-template-columns:58px 1fr;gap:8px;font-size:11px;line-height:1.45;display:grid}.history-card dt{color:#94a3b8;font-weight:800}.history-card dd{overflow-wrap:anywhere;color:#334155;margin:0}.history-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.history-card-actions button{color:var(--blue-dark);background:#eef6ff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.history-error{color:#be123c;background:#fff1f2;border-radius:8px;margin:8px 0 0;padding:7px;font-size:11px;line-height:1.5}.history-error-block{gap:6px;margin-top:8px;display:grid}.history-error.collapsed{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.history-error.expanded{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.history-error-toggle{color:#be123c;background:#ffe4ea;border-radius:999px;justify-self:flex-start;padding:4px 10px;font-size:11px;font-weight:800}.history-pagination{border-top:1px solid #e4eaf4;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.history-pagination span{color:#64748b;font-size:12px;font-weight:800}.history-page-size-control{align-items:center;display:inline-flex}.history-page-size-control select{min-width:78px;height:30px;color:var(--blue-dark);background:#fff;border:1px solid #dce3ee;border-radius:999px;padding:0 12px;font-size:12px;font-weight:800}.history-page-size-control select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #5594f71f}.history-pagination button{color:var(--blue-dark);background:#eef6ff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.history-page-icon-button{justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.history-pagination button:disabled{cursor:not-allowed;opacity:.55}.generation-log-item.success{border-left-color:#34d399}.generation-log-item.highlight .log-message,.generation-log-item.success.highlight .log-message{color:#34d399}.generation-log-item.warning{border-left-color:#fbbf24}.generation-log-item.warning.highlight .log-message{color:#fbbf24}.generation-log-item.error{border-left-color:#fb7185}.generation-log-item.error.highlight .log-message{color:#fb7185}.log-time{color:#94a3b8;font-variant-numeric:tabular-nums}.log-message{overflow-wrap:anywhere}.log-empty{color:#94a3b8;text-align:center;margin:auto 0;font-size:12px;line-height:1.6}.preview-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;padding:10px;display:grid}.preview-grid img{aspect-ratio:1;object-fit:cover;border-radius:7px;width:100%}.generate-button{color:#fff;background:var(--blue);border-radius:18px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:38px;margin-top:auto;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 10px 20px #5594f73d}.generate-button:disabled{cursor:not-allowed;box-shadow:none;background:#a8cffd}.result-canvas{align-self:stretch;height:auto;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}.conversation-canvas{flex-direction:column;min-width:0;height:auto;min-height:0;padding:0;display:flex;overflow:hidden}.conversation-top-dock{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fffffffa 0%,#f8fbfff5 100%);border-bottom:1px solid #e8eef8;align-items:center;min-height:58px;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #0f172a0d}.generation-capability-tabs{background:#ffffffc2;border:1px solid #e4ebf7;border-radius:16px;align-items:center;gap:10px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.conversation-empty-canvas{justify-content:flex-start;gap:0}.conversation-canvas.result-filled{padding:0}.conversation-scroll-area{scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin;flex-direction:column;flex:auto;align-items:stretch;width:100%;min-height:0;padding:16px 20px 18px;display:flex;overflow-y:auto}.conversation-empty-canvas .conversation-scroll-area{justify-content:center}.conversation-page-header{background:linear-gradient(#fffffffa 0%,#f8fbff 100%);border:1px solid #e6edf8;border-radius:18px;gap:0;margin-bottom:18px;padding:16px 18px;display:grid;box-shadow:0 12px 30px #0f172a0f}.conversation-canvas-header{border-top:0;gap:6px;margin-bottom:0;padding:0;display:grid}.conversation-canvas-header h2{color:#111827;margin:0;font-size:18px;line-height:1.35}.conversation-canvas-header p{color:#8a94a6;margin:0;font-size:12px;line-height:1.6}.generation-panel-title{width:fit-content;box-shadow:none;background:0 0;border-radius:12px;align-items:center;gap:8px;margin:0;padding:8px 12px;display:flex}.generation-panel-title.active{background:linear-gradient(135deg,#eef6ff 0%,#f5f3ff 100%);box-shadow:0 8px 20px #3b82f61a}.generation-panel-title-icon{color:#4f46e5;width:20px;height:20px;box-shadow:none;background:linear-gradient(135deg,#60a5fa1f,#8b5cf624);border-radius:6px;flex:none;place-items:center;display:inline-grid}.generation-panel-title-icon.video{color:#7c3aed;background:linear-gradient(135deg,#a855f71f,#3b82f61f)}.generation-panel-title strong{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);color:#0000;letter-spacing:.01em;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:950;display:block}.video-placeholder-panel{text-align:center;background:linear-gradient(#fbfdff 0%,#f5f8ff 100%);border:1px dashed #d9e3f4;border-radius:24px;align-content:center;place-items:center;gap:14px;min-height:min(56vh,520px);padding:28px;display:grid}.video-placeholder-icon{color:#6d28d9;background:linear-gradient(135deg,#bfdbfe8c,#e9d5ffd9);border-radius:20px;place-items:center;width:64px;height:64px;display:inline-grid;box-shadow:0 16px 36px #7c3aed1f}.video-placeholder-panel h2{color:#111827;margin:0;font-size:24px;font-weight:900}.video-placeholder-panel p{color:#64748b;max-width:520px;margin:0;font-size:14px;line-height:1.7}.generation-panel-title em{color:#64748b;margin-top:1px;font-size:11px;font-style:normal;font-weight:700;display:block}.conversation-thread{flex-direction:column;flex:1;align-items:stretch;gap:14px;width:100%;min-width:0;padding-bottom:12px;display:flex}.conversation-bubble{background:#fff;border:1px solid #e4eaf4;border-radius:18px;flex-direction:column;gap:10px;width:fit-content;max-width:min(82%,860px);padding:14px;display:flex;box-shadow:0 10px 30px #0f172a0d}.conversation-bubble.user{background:linear-gradient(#eef6ff 0%,#f8fbff 100%);align-self:flex-end}.conversation-bubble.assistant{align-self:flex-start}.conversation-bubble.assistant:has(.conversation-image-grid){width:100%;max-width:min(100%,1180px)}.conversation-thread>.conversation-bubble.user{margin-left:auto}.conversation-thread>.conversation-bubble.assistant{margin-right:auto}.conversation-bubble-head{color:#94a3b8;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.conversation-bubble-head-main{align-items:center;gap:12px;min-width:0;display:flex}.conversation-message-delete{color:#94a3b8;background:#fff;border:1px solid #e5e7eb;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.conversation-message-delete:hover{color:#be123c;background:#fff1f2;border-color:#fecdd3}.conversation-role{color:#1f2937;font-weight:800}.conversation-prompt{color:#334155;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.7}.conversation-status{border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.conversation-status.processing{color:#2563eb;background:#eaf3ff}.generation-progress-panel{background:linear-gradient(135deg,#f7fbff 0%,#eef6ff 48%,#f6f2ff 100%);border:1px solid #cfe0ff;border-radius:18px;gap:12px;width:min(100%,720px);padding:13px;display:grid;box-shadow:0 14px 34px #3b82f61c,inset 0 1px #ffffffc7}.generation-progress-head{align-items:center;gap:10px;display:flex}.generation-progress-icon{color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6 52%,#8b5cf6);border-radius:999px;flex:none;place-items:center;width:34px;height:34px;display:inline-grid;box-shadow:0 10px 22px #3b82f640}.generation-progress-head strong,.generation-thread-item strong{color:#1e293b;font-size:13px;font-weight:950;display:block}.generation-progress-head em,.generation-thread-item em{color:#64748b;margin-top:2px;font-size:12px;font-style:normal;font-weight:800;display:block}.generation-thread-list{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.generation-thread-item{background:#ffffffc7;border:1px solid #dbe7fb;border-radius:12px;flex:0 196px;align-items:flex-start;gap:7px;min-width:0;max-width:100%;padding:8px;display:flex}.generation-thread-stop-button{color:#dc2626;background:#fff5f5;border:1px solid #fecaca;border-radius:999px;flex:none;align-self:center;place-items:center;width:26px;height:26px;display:inline-grid}.generation-thread-stop-button:hover{background:#fee2e2;border-color:#f87171}.generation-thread-stop-icon{background:currentColor;border-radius:2px;width:10px;height:10px;display:block}.generation-thread-item>div{flex:auto;min-width:0}.generation-thread-badge{color:#fff;background:linear-gradient(135deg,#60a5fa,#7c3aed);border-radius:999px;flex:none;place-items:center;width:26px;height:26px;font-size:11px;font-weight:950;display:inline-grid;box-shadow:0 8px 18px #3b82f633}.generation-thread-item.succeeded{background:#f0fdf4;border-color:#bbf7d0}.generation-thread-item.succeeded .generation-thread-badge{background:linear-gradient(135deg,#22c55e,#14b8a6)}.generation-thread-item.receiving{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fde68a;box-shadow:inset 0 1px #ffffffad}.generation-thread-item.receiving .generation-thread-badge{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 8px 18px #f59e0b38}.generation-thread-item.receiving em{color:#b45309}.generation-thread-item.failed{background:#fff1f2;border-color:#fecdd3}.generation-thread-item.failed .generation-thread-badge{background:linear-gradient(135deg,#fb7185,#ef4444)}.generation-thread-item.cancelled{background:#fffbeb;border-color:#fde68a}.generation-thread-item.cancelled .generation-thread-badge{background:linear-gradient(135deg,#f59e0b,#f97316)}.generation-thread-item small{color:#be123c;overflow-wrap:anywhere;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:10px;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.conversation-error{color:#be123c;background:#fff1f2;border-radius:12px;margin:0;padding:10px 12px;font-size:12px;line-height:1.6}.conversation-image-grid{scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(190px,220px));justify-content:start;gap:12px;padding-bottom:4px;display:grid;overflow-x:visible}.conversation-image-card.compact{background:linear-gradient(#fbfdff 0%,#f5f9ff 100%);border:1px solid #e2eaf6;border-radius:16px;gap:8px;width:100%;min-width:0;max-width:220px;padding:10px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 14px 34px #0f172a14}.conversation-image-card-header{align-items:center;min-height:22px;padding-bottom:6px;display:flex;position:relative}.conversation-image-card-header:after{content:"";background:linear-gradient(90deg,#3b82f62e 0%,#94a3b83d 50%,#3b82f62e 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.conversation-image-index-label{color:#334155;letter-spacing:.02em;align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.conversation-image-index-label:before{content:"";background:linear-gradient(135deg,#60a5fa,#8b5cf6);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 3px #60a5fa1a}.conversation-image-file-label{color:#64748b;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dbe7fb;border-radius:999px;justify-content:center;align-items:center;min-width:0;max-width:122px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:900;line-height:1.2;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.conversation-image-card.compact:hover{border-color:#cdddf8;transform:translateY(-2px);box-shadow:0 18px 38px #0f172a1f}.conversation-image-thumb{background:#fff;border-radius:12px;padding:0;position:relative;overflow:hidden}.conversation-image-thumb:after{opacity:0;content:"";background:linear-gradient(#fff0 40%,#0f172a14 100%);transition:opacity .18s;position:absolute;inset:0}.conversation-image-zoom-button{z-index:2;color:#fff;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a94;border:1px solid #ffffffb8;border-radius:999px;place-items:center;width:34px;height:34px;transition:opacity .18s,transform .18s,background .18s;display:inline-grid;position:absolute;top:10px;right:10px;transform:translateY(-4px)scale(.96);box-shadow:0 10px 24px #0f172a38}.conversation-image-thumb:hover .conversation-image-zoom-button,.conversation-image-thumb:focus-visible .conversation-image-zoom-button{opacity:1;transform:translateY(0)scale(1)}.conversation-image-zoom-button:hover{background:#2563ebc7}.conversation-image-card.compact img{aspect-ratio:1;object-fit:cover;width:100%;min-height:0;transition:transform .22s;display:block}.conversation-image-card.compact:hover .conversation-image-thumb:after{opacity:1}.conversation-image-card.compact:hover img{transform:scale(1.045)}.conversation-image-actions.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.conversation-image-actions.compact button{min-height:32px;color:var(--blue-dark);background:#eef6ff;border:1px solid #dbe7fb;border-radius:999px;font-size:12px;font-weight:800}.conversation-image-actions.compact button:last-child{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.conversation-meta-row{flex-wrap:wrap;gap:8px;display:flex}.conversation-meta-row span,.conversation-footer-hint{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.conversation-meta-row span{color:#64748b;background:#f5f7fb}.conversation-footer-hint{margin-top:14px}.conversation-footer-hint.success{color:#047857;background:#dff8ed}.conversation-footer-hint.error{color:#be123c;background:#ffe4ea}.composer-dock,.composer-stack{z-index:50;background:linear-gradient(#f5f7fb00 0%,#f5f7fbf5 22%,#f5f7fb 100%);border-top:1px solid #edf2f8;flex:none;width:100%;min-height:0;padding:10px 0 14px;display:grid;position:relative}.conversation-canvas .composer-dock{position:sticky;bottom:0}.composer-resize-handle{z-index:0;cursor:ns-resize;background:0 0;border-radius:999px;width:128px;height:10px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.composer-resize-handle:before{content:"";background:#cbd5e1;border-radius:999px;width:72px;height:3px;position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:0 1px #fffc}.composer-resize-handle:hover:before,body.resizing-composer .composer-resize-handle:before{background:var(--blue)}body.resizing-composer{cursor:ns-resize;-webkit-user-select:none;user-select:none}.conversation-composer{z-index:1;width:100%;height:var(--composer-height,246px);min-height:var(--composer-height,246px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #dbe7fb;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;justify-self:stretch;gap:7px;max-height:100%;margin:0;padding:9px 10px;display:grid;position:relative;overflow:visible;box-shadow:0 18px 46px #0f172a1f}.conversation-composer-mobile{display:none}.composer-toolbar{border-bottom:1px solid #edf2f8;flex-wrap:wrap;align-items:center;gap:7px;padding:0 0 7px;display:flex;position:relative}.composer-mode-select{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0;display:inline-flex}.composer-mode-select span{color:#64748b;white-space:nowrap;font-size:13px;font-weight:950}.composer-tool-popover.composer-mode-select summary strong{color:#4aa35f;font-size:13px;font-weight:950}.composer-tool-popover.composer-mode-select summary:after{font-weight:950}.composer-mode-select select{color:#4aa35f;min-width:112px;height:28px;box-shadow:none;background:#fff;border:0;border-radius:999px;outline:none;padding:0 26px 0 10px;font-size:12px;font-weight:900}.composer-tool-popover{position:relative}.endpoint-popover-menu{min-width:330px}.composer-reset-params-button{color:#64748b;background:#fff;border:1px solid #dbe7fb;border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:0 12px;font-size:12px;font-weight:800;transition:all .16s;display:inline-flex}.composer-reset-params-button:hover{border-color:var(--blue);color:var(--blue-dark);background:#f3f8ff}.composer-tool-popover[open],.gateway-config-popover[open]{z-index:420}.composer-tool-popover summary{color:#64748b;cursor:pointer;background:#f8fbff;border:1px solid #dbe7fb;border-radius:999px;align-items:center;gap:5px;min-height:27px;padding:0 10px;font-size:12px;font-weight:800;list-style:none;display:inline-flex}.composer-tool-popover summary::-webkit-details-marker{display:none}.composer-tool-popover summary:after{color:#94a3b8;content:"⌄";font-size:12px}.composer-tool-popover[open] summary{border-color:var(--blue);color:var(--blue-dark);background:#eef6ff}.composer-tool-popover summary strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.composer-submit-endpoint-select summary{color:#64748b;background:#f8fbff;border-color:#dbe7fb;justify-content:space-between;gap:8px;width:fit-content;min-width:0;max-width:262px;min-height:34px;padding:4px 8px 4px 10px;box-shadow:0 6px 18px #3b82f614}.composer-submit-endpoint-select summary strong{color:#4aa35f;text-overflow:clip;flex:1;max-width:none;font-size:12px;font-weight:900}.composer-submit-endpoint-select summary>span{color:#64748b}.composer-tool-popover.composer-submit-endpoint-select[open] summary{color:#64748b;background:#f8fbff;border-color:#cdddf8}.composer-tool-popover.composer-submit-endpoint-select[open] summary:after,.composer-submit-endpoint-select summary:after{color:#94a3b8}.composer-submit-endpoint-select .endpoint-popover-menu button.selected{color:#4aa35f;background:#f7fcf8;border-color:#d6f0dd}.composer-popover-menu{z-index:430;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #dbe7fb;border-radius:14px;min-width:220px;padding:10px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 18px 44px #0f172a29}.wide-tool-popover .composer-popover-menu{min-width:340px}.compact-popover-menu{gap:7px;display:grid}.count-popover-menu{background:#fffffff5;border-radius:18px;gap:10px;min-width:276px;padding:14px;box-shadow:0 22px 56px #3b82f62e,0 8px 20px #0f172a1a}.count-mode-panel{background:linear-gradient(#f8fbff 0%,#fff 100%);border:1px solid #dbe7fb;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffe6}.count-input-row{gap:6px;display:grid}.count-input-row span{color:#64748b;font-size:11px;font-weight:900}.count-input-row input{color:#1e293b;background:#fff;border:1px solid #dbe7fb;border-radius:10px;outline:none;width:100%;height:36px;padding:0 10px;font-size:14px;font-weight:800}.count-input-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5594f71f}.count-input-row em{color:#94a3b8;font-size:10px;font-style:normal;font-weight:800}.compact-popover-menu button,.mini-ratio-option{color:#334155;background:#fff;border:1px solid #e4eaf4;border-radius:10px;font-size:12px;font-weight:800;transition:all .16s}.compact-popover-menu button{text-align:left;min-height:32px;padding:0 10px}.compact-popover-menu button:hover,.compact-popover-menu button.selected,.mini-ratio-option:hover,.mini-ratio-option.selected{border-color:var(--blue);color:var(--blue-dark);background:#f3f8ff}.count-popover-menu .count-mode-panel button{color:#334155;text-align:center;background:0 0;border:0;border-radius:10px;min-height:36px;padding:0 10px;font-size:13px;font-weight:900}.count-popover-menu .count-mode-panel button:disabled{cursor:not-allowed;color:#94a3b8;box-shadow:none;opacity:1;background:#f1f5f9}.count-popover-menu .count-mode-panel button:hover{color:var(--blue-dark);background:#eef6ff;border-color:#0000}.count-popover-menu .count-mode-panel button:disabled:hover{color:#94a3b8;background:#f1f5f9}.count-popover-menu .count-mode-panel button.active{color:#fff;background:linear-gradient(135deg,#5b91f0,#367df0);box-shadow:0 10px 22px #367df03d}.composer-inline-tip.compact-warning-tip{color:#d97706;align-items:center;gap:6px;margin:0;font-size:10px;font-weight:800;line-height:1.45;display:inline-flex}.composer-inline-tip.compact-warning-tip svg{color:#f59e0b;flex:none}.ratio-popover-menu{grid-template-columns:repeat(5,1fr);gap:7px;width:430px;display:grid}.mini-ratio-option{place-items:center;gap:2px;min-height:68px;padding:7px 5px;display:grid}.mini-ratio-option em{color:inherit;font-size:11px;font-style:normal}.mini-ratio-option small{color:#94a3b8;font-size:10px}.reference-popover-menu{gap:10px;display:grid}.composer-reference-upload-mode-popover{flex:none}.composer-reference-upload-mode-popover[open],.composer-reference-upload-mode-popover.open{z-index:440}.composer-reference-upload-mode-popover summary,.composer-reference-upload-mode-trigger{color:#64748b;background:#fff;border:1px solid #dbe7fb;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;display:inline-flex}.composer-reference-upload-mode-trigger{font-size:12px;font-weight:800}.composer-reference-upload-mode-popover summary:after{display:none}.composer-reference-upload-mode-popover summary span,.composer-reference-upload-mode-trigger span{color:#64748b;white-space:nowrap;font-size:12px;font-weight:800}.composer-reference-upload-mode-popover summary strong,.composer-reference-upload-mode-trigger strong{color:#1e293b;max-width:72px;font-size:12px;font-weight:900}.composer-reference-upload-mode-popover summary svg,.composer-reference-upload-mode-trigger svg{color:#94a3b8;flex:none;transition:transform .16s}.composer-reference-upload-mode-popover[open] summary svg,.composer-reference-upload-mode-popover.open .composer-reference-upload-mode-trigger svg{transform:rotate(180deg)}.reference-upload-mode-menu{min-width:270px;top:calc(100% + 8px);bottom:auto;left:0}.reference-upload-mode-menu-portal{z-index:260;min-width:270px;position:fixed}.composer-param-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.composer-param-menu label{gap:4px;display:grid}.composer-param-menu span{color:#7c8799;font-size:11px;font-weight:800}.composer-param-menu select{color:#334155;background:#fff;border:1px solid #dce3ee;border-radius:8px;width:100%;height:32px;padding:0 8px;font-size:12px;font-weight:800}.composer-param-warning-tip{color:#d97706;grid-column:1/-1;align-items:flex-start;gap:6px;margin:0;font-size:11px;font-weight:800;line-height:1.5;display:inline-flex}.composer-param-warning-tip svg{color:#f59e0b;flex:none;margin-top:2px}.composer-param-warning-tip span{color:inherit;font-size:inherit;font-weight:inherit}.composer-param-confirm{color:#fff;text-align:center;background:linear-gradient(135deg,#367df0,#7c3aed);border-radius:12px;grid-column:1/-1;min-height:43px;font-size:13px;font-weight:900;box-shadow:0 13px 28px #367df038}.composer-param-confirm:hover{filter:brightness(1.03);transform:translateY(-1px)}.compact-popover-menu .composer-param-confirm,.composer-param-menu .composer-param-confirm{color:#fff;text-align:center;background:linear-gradient(135deg,#367df0,#7c3aed);border:0;border-radius:12px;min-height:43px;font-size:13px;font-weight:900;box-shadow:0 13px 28px #367df038}.compact-popover-menu .composer-param-confirm:hover,.composer-param-menu .composer-param-confirm:hover{color:#fff;filter:brightness(1.03);background:linear-gradient(135deg,#367df0,#7c3aed);transform:translateY(-1px)}.composer-input-area{grid-template-rows:minmax(0,1fr);align-content:start;align-items:stretch;gap:7px;min-height:0;display:grid;overflow:hidden}.composer-input-area.with-reference-strip{grid-template-rows:auto minmax(0,1fr)}.composer-reference-strip{scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin;background:linear-gradient(135deg,#f8fbff,#fff);border:1px dashed #c9daf4;border-radius:13px;align-items:center;gap:7px;min-height:42px;padding:5px 7px;display:flex;overflow-x:auto}.composer-reference-upload{height:32px;color:var(--blue-dark);cursor:pointer;background:#eef6ff;border:1px solid #bfd6fb;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.composer-reference-upload.disabled{cursor:not-allowed;opacity:.55}.composer-reference-upload input{display:none}.composer-reference-url-input{color:#64748b;background:#fff;border:1px solid #dbe7fb;border-radius:999px;flex:0 0 260px;align-items:center;gap:6px;min-width:220px;height:32px;padding:0 5px 0 10px;display:inline-flex}.composer-reference-url-input.disabled{opacity:.55}.composer-reference-url-input input{color:#1e293b;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:12px;font-weight:700}.composer-reference-url-input button{color:#fff;background:var(--blue-dark);border-radius:999px;height:24px;padding:0 8px;font-size:11px;font-weight:900}.composer-reference-url-input button:disabled{cursor:not-allowed;background:#cbd5e1}.composer-mask-button{color:#475569;background:#fff;border:1px solid #dbe7fb;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.composer-mask-button.active{color:#92400e;background:#fff7ed;border-color:#f59e0b}.composer-mask-button.disabled{cursor:not-allowed;opacity:.55}.composer-reference-thumb{aspect-ratio:1;background:#eef4ff;border:1px solid #dbe7fb;border-radius:10px;flex:none;width:38px;height:38px;display:inline-flex;position:relative;overflow:visible;box-shadow:0 7px 16px #0f172a1a}.composer-reference-preview-button{aspect-ratio:1;border-radius:inherit;cursor:zoom-in;background:0 0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:relative;overflow:hidden}.composer-reference-preview-button:after{content:"";opacity:0;background:linear-gradient(#0f172a00 0%,#0f172a29 100%);transition:opacity .18s;position:absolute;inset:0}.composer-reference-thumb img{object-fit:cover;object-position:center;border-radius:10px;width:100%;min-width:100%;height:100%;min-height:100%;display:block}.composer-reference-thumb.external-url{background:linear-gradient(135deg,#eef6ff,#fff);border-color:#bfd6fb}.composer-reference-thumb.external-url img{background:#eaf2ff}.composer-reference-url-badge{color:#fff;background:#3157b7db;border:1px solid #ffffffd1;border-radius:999px;place-items:center;width:16px;height:16px;display:inline-grid;position:absolute;bottom:2px;right:2px;box-shadow:0 6px 14px #0f172a33}.composer-reference-remove-button{z-index:2;color:#fff;opacity:0;background:#0f172ab8;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .18s,transform .18s,background .18s,box-shadow .18s;display:inline-flex;position:absolute;top:-6px;right:-6px;transform:scale(.92);box-shadow:0 8px 16px #0f172a3d}.composer-reference-remove-button:hover{background:#0f172adb;box-shadow:0 10px 18px #0f172a47}.composer-reference-url-chip{max-width:240px;height:32px;color:var(--blue-dark);background:#eef6ff;border:1px solid #cfe0fb;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 6px 0 10px;font-size:11px;font-weight:900;display:inline-flex}.composer-reference-url-chip em{color:#3157b7;text-overflow:ellipsis;white-space:nowrap;max-width:172px;font-style:normal;overflow:hidden}.composer-reference-url-chip button{color:#fff;background:#0f172a9e;border-radius:999px;place-items:center;width:18px;height:18px;display:inline-grid}.composer-reference-thumb:hover .composer-reference-remove-button,.composer-reference-thumb:focus-within .composer-reference-remove-button,.composer-reference-thumb:hover .composer-reference-preview-button:after,.composer-reference-thumb:focus-within .composer-reference-preview-button:after{opacity:1}.composer-reference-thumb:hover .composer-reference-remove-button,.composer-reference-thumb:focus-within .composer-reference-remove-button{transform:translateY(0)scale(1)}.composer-reference-hint{color:#94a3b8;white-space:nowrap;flex:none;font-size:11px;font-weight:800}.conversation-composer textarea{box-sizing:border-box;resize:none;color:#1f2937;scrollbar-gutter:stable;vertical-align:top;scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin;background:0 0;border:0;outline:none;align-self:stretch;width:100%;height:100%;min-height:0;padding:10px 10px 6px 4px;font-size:14px;line-height:1.55;overflow-y:scroll}.conversation-composer textarea::placeholder{color:#a5aeba}.composer-generate-button{color:#fff;background:linear-gradient(135deg,#367df0,#7c3aed);border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:118px;min-height:34px;margin-left:auto;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 12px 26px #367df038}.composer-generate-button:disabled{cursor:not-allowed;box-shadow:none;background:#a8cffd}.composer-bottom-settings{z-index:1;border-top:1px solid #edf2f8;flex-wrap:wrap;flex:none;align-items:center;gap:8px;min-height:34px;padding-top:7px;display:flex;position:relative;bottom:0}.composer-action-group{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.composer-submit-endpoint-select{position:relative}.composer-submit-endpoint-select summary>span{color:#64748b;flex:none;font-size:11px;font-weight:900}.composer-submit-endpoint-select .endpoint-popover-menu button{color:#475569;justify-content:flex-start;min-height:34px}.composer-submit-endpoint-select .endpoint-popover-menu button.selected{color:#4aa35f;font-weight:900}.mode-popover-menu button.selected{color:#4aa35f;background:#f7fcf8;border-color:#d6f0dd}.gateway-config-popover{position:relative}.gateway-config-popover summary{min-width:34px;height:34px;min-height:34px;color:var(--blue-dark);cursor:pointer;background:#f5f9ff;border:1px solid #dbe7fb;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px 0 10px;list-style:none;display:inline-flex}.gateway-config-summary-label{color:#3157b7;white-space:nowrap;font-size:12px;font-weight:900;line-height:1}.gateway-config-popover summary::-webkit-details-marker{display:none}.gateway-config-popover[open] summary{border-color:var(--blue);background:#eef6ff}.gateway-config-popover[open]{z-index:440}.gateway-config-popover summary em{border:2px solid #fff;border-radius:999px;width:8px;height:8px;position:absolute;bottom:2px;right:2px}.gateway-config-popover summary em.ready{background:#22c55e}.gateway-config-popover summary em.empty{background:#cbd5e1}.gateway-config-menu{z-index:450;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #dbe7fb;border-radius:16px;gap:10px;width:min(560px,100vw - 36px);padding:14px;display:grid;position:fixed;bottom:118px;left:50%;right:0;transform:translate(-50%);box-shadow:0 22px 54px #0f172a2e}.gateway-config-section{background:linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #e7eef9;border-radius:14px;gap:10px;padding:12px;display:grid}.gateway-config-section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.gateway-config-section-head-copy{text-align:right;justify-items:end;gap:2px;display:grid}.gateway-config-section-head strong{color:#0f172a;font-size:12px}.gateway-config-section-head>span{color:#94a3b8;text-align:right;font-size:10px;line-height:1.5}.gateway-config-feedback span{color:#94a3b8;font-size:11px;line-height:1.5}.gateway-config-field{gap:5px;display:grid}.gateway-config-field>span{color:#64748b;font-size:10px;font-weight:900}.gateway-config-field .input-shell input{height:36px;font-size:11px;font-weight:600}.gateway-config-generation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.gateway-config-inline-control{justify-content:center;width:100%;min-width:0}.gateway-config-inline-control.composer-folder-button{max-width:none}.gateway-timeout-control-wide{justify-content:center}.gateway-history-field select{color:#334155;background:#fff;border:1px solid #dce3ee;border-radius:8px;outline:none;width:100%;height:36px;padding:0 10px;font-size:11px;font-weight:800}.gateway-history-field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5594f71f}.gateway-history-row{grid-template-columns:minmax(0,1fr) 36px 36px;align-items:center;gap:8px;display:grid}.gateway-history-create-button,.gateway-history-create-full-button{min-height:36px;color:var(--blue-dark);background:#eef6ff;border:1px solid #bfd6fb;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:900;display:inline-flex}.gateway-history-create-button{width:36px;padding:0}.gateway-history-create-button.active{color:#6d28d9;background:#f5f3ff;border-color:#8b5cf6}.gateway-history-create-full-button{width:fit-content;padding:0 12px}.empty-history-field{align-items:start}.gateway-history-delete-button{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;place-items:center;width:36px;height:36px;display:inline-grid}.gateway-history-delete-button:hover{background:#ffe4e6;border-color:#fb7185}.gateway-retry-button{color:#fff;background:#16a34a;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:36px;font-size:11px;font-weight:900;display:inline-flex}.gateway-image-deals-button{color:#fff;background:#f3390f;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:36px;font-size:11px;font-weight:900;display:inline-flex}.gateway-image-deals-button:hover{background:#f3390f}.gateway-retry-button:disabled{cursor:not-allowed;background:#a8cffd}.gateway-config-feedback{gap:4px;min-height:20px;display:grid}.gateway-config-warning{color:#dc2626;margin:0;font-size:11px;font-weight:800;line-height:1.5}.gateway-config-warning-inline{max-width:260px;font-size:10px;line-height:1.45}.composer-model-select{background:#f8fbff;border:1px solid #dbe7fb;border-radius:999px;flex:0 230px;align-items:center;gap:7px;width:min(230px,100%);padding:4px 8px 4px 10px;display:inline-flex}.composer-model-select span,.composer-timeout-control span,.composer-save-toggle span{color:#64748b;flex:none;font-size:11px;font-weight:900}.composer-model-select select{color:#1e293b;background:0 0;border:0;outline:none;flex:1;min-width:0;height:26px;font-size:12px;font-weight:800}.composer-save-toggle,.composer-folder-button,.composer-timeout-control{background:#fff;border:1px solid #dbe7fb;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 10px;display:inline-flex}.composer-save-toggle input{width:14px;height:14px;accent-color:var(--blue-dark)}.composer-folder-button{max-width:180px;color:var(--blue-dark);text-overflow:ellipsis;white-space:nowrap;background:#f5f9ff;font-size:12px;font-weight:900;overflow:hidden}.gateway-config-inline-control.composer-folder-button,.gateway-config-inline-control.composer-timeout-control,.gateway-config-inline-control.composer-save-toggle{border-radius:12px;min-height:38px}.composer-timeout-control input{color:#1e293b;text-align:right;background:0 0;border:0;outline:none;width:70px;height:26px;font-size:12px;font-weight:900}.composer-timeout-control em{color:#94a3b8;font-size:11px;font-style:normal;font-weight:900}.composer-inline-error{text-overflow:ellipsis;white-space:nowrap;color:#d14343;flex:100%;font-size:11px;line-height:1.4;overflow:hidden}.selected-image-panel{gap:12px;display:flex}.selected-image-preview-shell{background:#f8fbff;border:1px solid #e4eaf4;border-radius:14px;overflow:hidden}.selected-image-preview{object-fit:cover;width:100%;max-height:280px;display:block}.selected-image-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.selected-image-actions button{color:#fff;background:linear-gradient(135deg,#367df0,#7c3aed);border-radius:999px;min-height:36px;font-size:13px;font-weight:800;box-shadow:0 12px 26px #367df033}.gateway-config-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.gateway-config-actions.no-image-deals .gateway-save-button{grid-column:2}.gateway-config-actions.no-image-deals .gateway-retry-button{grid-column:3}.gateway-save-button,.gateway-retry-button,.gateway-image-deals-button{width:100%;min-width:0;min-height:40px}.gateway-save-button{min-height:36px;color:var(--blue-dark);background:linear-gradient(#f7fbff 0%,#eef6ff 100%);border:1px solid #bfd6fb;border-radius:10px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:inline-flex}.gateway-save-button:hover{background:linear-gradient(#f3f8ff 0%,#e5f0ff 100%);border-color:#8db8fb}.gateway-retry-button{background:#16a34a}.gateway-save-button:disabled,.gateway-retry-button:disabled{cursor:not-allowed;background:#a8cffd}.gateway-save-button:disabled{color:#94a3b8;background:#f8fbff;border-color:#dbe7fb}.selected-image-meta{gap:8px;margin:0;display:grid}.selected-image-meta div{grid-template-columns:64px 1fr;gap:8px;font-size:12px;display:grid}.selected-image-meta dt{color:#94a3b8;font-weight:800}.selected-image-meta dd{overflow-wrap:anywhere;color:#334155;margin:0}.selected-image-prompt-block{background:#fbfdff;border:1px solid #e4eaf4;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.selected-image-prompt-block p{color:#334155;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.7}.history-empty.compact{min-height:220px}.image-viewer-backdrop{z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mask-editor-backdrop{z-index:170}.mask-editor-modal{background:#fffffffa;border:1px solid #dbe7fb;border-radius:22px;gap:12px;width:min(980px,100vw - 32px);max-height:calc(100vh - 32px);padding:16px;display:grid;overflow:hidden;box-shadow:0 28px 80px #0f172a47}.mask-editor-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mask-editor-header h3{color:#111827;margin:0 0 4px;font-size:20px}.mask-editor-header p{color:#8a94a6;margin:0;font-size:12px}.mask-editor-header button{color:#64748b;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.mask-editor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mask-editor-toolbar label{color:#334155;align-items:center;gap:10px;font-size:12px;font-weight:900;display:inline-flex}.mask-editor-toolbar input{width:220px}.mask-editor-hint{color:#94a3b8;font-size:11px;font-weight:800}.mask-editor-stage{background:#f8fbff;border:1px solid #e2eaf6;border-radius:18px;place-items:center;min-height:360px;padding:12px;display:grid;position:relative;overflow:auto}.mask-editor-image{object-fit:contain;border-radius:14px;max-width:100%;max-height:calc(100vh - 280px);display:block}.mask-editor-canvas{cursor:crosshair;touch-action:none;border-radius:14px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 280px);position:absolute}.mask-editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.mask-editor-actions button{color:#475569;background:#f8fafc;border-radius:999px;min-height:36px;padding:0 14px;font-size:12px;font-weight:900}.mask-editor-actions button.primary{color:#fff;background:linear-gradient(135deg,#367df0,#7c3aed)}.mask-editor-message{color:#b45309;text-align:right;margin:-4px 0 0;font-size:12px;font-weight:800}.confirm-delete-backdrop{z-index:190}.confirm-delete-modal{background:#fffffffa;border:1px solid #dbe7fb;border-radius:24px;gap:18px;width:min(460px,100vw - 32px);padding:18px;display:grid;box-shadow:0 28px 80px #0f172a3d}.confirm-delete-header{grid-template-columns:auto 1fr auto;align-items:start;gap:14px;display:grid}.confirm-delete-icon{color:#be123c;background:linear-gradient(135deg,#ffe4e6 0%,#fff1f2 100%);border-radius:14px;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:inset 0 1px #ffffffbf}.confirm-delete-header h3{color:#111827;margin:0 0 6px;font-size:20px;font-weight:900}.confirm-delete-header p{color:#64748b;margin:0;font-size:13px;line-height:1.7}.confirm-delete-header>button{color:#64748b;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.confirm-delete-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-delete-actions button{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:118px;min-height:40px;padding:0 16px;font-size:13px;font-weight:900;display:inline-flex}.confirm-delete-actions .ghost{color:#475569;background:#fff;border:1px solid #dbe7fb}.confirm-delete-actions .ghost:hover{background:#f8fbff;border-color:#bfd6fb}.confirm-delete-actions .danger{color:#fff;background:linear-gradient(135deg,#ef4444,#e11d48);box-shadow:0 14px 30px #e11d483d}.confirm-delete-actions .danger:hover{filter:brightness(1.03);transform:translateY(-1px)}.confirm-delete-actions button:disabled,.confirm-delete-header>button:disabled{cursor:not-allowed;opacity:.7}.image-viewer-modal{background:#fffffffa;border:1px solid #dbe7fb;border-radius:22px;gap:14px;width:min(1180px,100vw - 32px);max-height:calc(100vh - 32px);padding:16px;display:grid;overflow:hidden;box-shadow:0 28px 80px #0f172a47}.image-viewer-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.image-viewer-header h3{color:#111827;margin:0 0 4px;font-size:20px}.image-viewer-header p{color:#8a94a6;margin:0;font-size:12px}.image-viewer-header button{color:#64748b;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.image-viewer-body{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;min-height:0;display:grid}.image-viewer-preview-shell{background:#f8fbff;border:1px solid #e2eaf6;border-radius:18px;place-items:center;min-height:0;padding:12px;display:grid;position:relative;overflow:auto}.image-viewer-preview-button{cursor:zoom-in;background:0 0;border-radius:14px;place-items:center;max-width:100%;max-height:calc(100vh - 180px);padding:0;display:grid}.image-viewer-preview{object-fit:contain;transform-origin:50%;border-radius:14px;max-width:100%;max-height:calc(100vh - 180px);transition:transform .2s;display:block}.image-viewer-preview-button:hover .image-viewer-preview{transform:scale(1.01)}.image-viewer-nav{z-index:2;color:#0f172a;background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:28px;line-height:1;transition:transform .16s,background .16s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 28px #0f172a29}.image-viewer-nav:hover{background:#fff;transform:translateY(-50%)scale(1.04)}.image-viewer-nav.prev{left:18px}.image-viewer-nav.next{right:18px}.image-viewer-side-panel{align-content:start;gap:12px;min-height:0;display:grid;overflow:auto}.image-viewer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:-2px;display:grid}.image-viewer-actions button{border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:38px;font-size:12px;font-weight:900;display:inline-flex}.image-viewer-actions button:first-child{color:var(--blue-dark);background:#eef6ff}.image-viewer-actions button:last-child{color:#fff;background:linear-gradient(135deg,#367df0,#7c3aed)}.image-viewer-meta{background:#fbfdff;border:1px solid #e4eaf4;border-radius:14px;padding:12px}.immersive-preview-layer{z-index:260;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 45%,#1e1e1eb3 0%,#161616d1 58%,#0a0a0adb 100%);position:fixed;inset:0;overflow:hidden}.immersive-preview-stage{cursor:grab;touch-action:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.immersive-preview-stage.panning{cursor:grabbing}.immersive-preview-image{object-fit:contain;transform-origin:50%;pointer-events:auto;will-change:transform;max-width:calc(100vw - 120px);max-height:calc(100vh - 88px);transition:none;display:block}.immersive-preview-close,.immersive-preview-nav,.immersive-preview-count,.immersive-preview-zoom,.immersive-preview-tip{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f0f7a;position:absolute;box-shadow:0 14px 34px #0000002e}.immersive-preview-close,.immersive-preview-nav{border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.immersive-preview-close{width:42px;height:42px;top:24px;right:24px}.immersive-preview-count{border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900;top:24px;left:24px}.immersive-preview-nav{width:46px;height:46px;font-size:32px;line-height:1;transition:transform .16s,background .16s;top:50%;transform:translateY(-50%)}.immersive-preview-nav:hover,.immersive-preview-close:hover,.immersive-preview-zoom button:hover{background:#0f0f0fad}.immersive-preview-nav:hover{transform:translateY(-50%)scale(1.05)}.immersive-preview-nav.prev{left:28px}.immersive-preview-nav.next{right:28px}.immersive-preview-zoom{border-radius:999px;align-items:center;gap:12px;padding:8px 12px;display:inline-flex;bottom:30px;left:50%;transform:translate(-50%)}.immersive-preview-zoom button{color:#fff;background:0 0;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 8px;font-size:20px;font-weight:900;display:inline-flex}.immersive-preview-zoom button.reset{font-size:12px}.immersive-preview-zoom span{color:#fff;text-align:center;min-width:44px;font-size:13px;font-weight:900}.immersive-preview-tip{color:#ffffffdb;border-radius:999px;margin:0;padding:9px 13px;font-size:12px;font-weight:800;bottom:30px;right:24px}.empty-state{color:#111827;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-illustration{place-items:center;width:74px;height:74px;margin-bottom:10px;display:grid}.empty-illustration.picture{color:#d0a27d}.empty-illustration.palette{color:#f2b6a1}.empty-state h2{margin:0 0 8px;font-size:18px;font-weight:800}.empty-state p{color:#8f98a8;margin:0;font-size:13px}.loading-icon{color:var(--blue);margin-bottom:14px}.spin{animation:.9s linear infinite spin}.result-filled{align-items:start;padding:0 20px 18px}.result-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;width:min(920px,100%);display:grid}.mock-result{background:linear-gradient(#a7d8ff 0%,#d4f1d1 100%);border-radius:16px;min-height:230px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a1a}.real-result-card{background:#eef4ff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a1a}.real-result-card img{width:calc(100% * var(--image-zoom,1));object-fit:cover;transform-origin:50%;max-width:none;min-height:230px;display:block}.mock-sky{background:radial-gradient(circle at 35% 25%,#fff8ce 0 6%,#0000 7%),linear-gradient(#99cdfd,#d7f7df);position:absolute;inset:0}.mock-sun{background:#ffd66d;border-radius:50%;width:34px;height:34px;position:absolute;top:34px;right:52px}.mock-mountain{clip-path:polygon(0 100%,34% 20%,58% 70%,78% 38%,100% 100%);background:#71b982;height:110px;position:absolute;bottom:34px;left:30px;right:-24px}.mock-mountain.two{opacity:.75;background:#4ca36f;bottom:34px;left:-20px;right:25px}.mock-caption{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a61;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;position:absolute;bottom:12px;left:12px;right:12px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){body{min-width:auto;overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.top-config-form{grid-template-columns:1fr}.top-config-header,.top-config-meta{flex-direction:column;align-items:stretch}.workspace{grid-template-rows:none;grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}.workspace.with-utility-panel{grid-template-columns:1fr}.sidebar-shell{min-width:0;max-width:none;min-height:calc(100vh - 112px)}.workspace.session-panel-collapsed .sidebar-shell{min-width:0;max-width:none;min-height:auto}.session-panel-rail-button{writing-mode:horizontal-tb;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:fit-content;height:34px;min-height:0;padding:0 12px;display:inline-flex}.session-panel-rail-button svg{writing-mode:horizontal-tb}.sidebar-resizer{display:none}.result-canvas{min-height:420px}.conversation-canvas{min-height:calc(100vh - 112px)}.conversation-canvas-header{flex-direction:column;align-items:stretch}.image-viewer-body,.image-viewer-actions{grid-template-columns:1fr}.image-viewer-nav.prev{left:12px}.image-viewer-nav.next{right:12px}.generation-log-list.large,.history-list{flex:none;min-height:200px;max-height:420px}.utility-panel.maximized{width:auto;left:14px}.gateway-config-generation-grid{grid-template-columns:1fr}}@media (width<=760px){.app-shell{padding:10px}.workspace{gap:10px}.conversation-canvas{border-radius:20px;height:calc(100dvh - 78px);min-height:calc(100vh - 78px);max-height:calc(100dvh - 78px)}.conversation-scroll-area{background:linear-gradient(#fff 0%,#fbfdff 100%);border-bottom:1px solid #edf2f8;flex:auto;min-height:0;margin-bottom:10px;padding:12px}.conversation-canvas .composer-dock{--mobile-composer-live-height:clamp(340px, var(--composer-height,340px), min(560px, 72vh));background:linear-gradient(#f8fbff 0%,#f5f7fb 100%);border-top:1px solid #dbe7fb;flex:none;width:calc(100% - 20px);height:auto;max-height:72vh;padding:18px 0 0;position:relative;bottom:auto;left:10px;right:10px}.conversation-canvas .composer-dock.manually-resized{--mobile-composer-live-height:clamp(220px, var(--composer-height,340px), min(560px, 72vh))}.composer-resize-handle{z-index:4;touch-action:none;width:104px;height:20px;display:block;top:-10px}.composer-resize-handle:before{background:#94a3b8;width:52px;height:4px;top:8px;box-shadow:0 1px #ffffffe6}.conversation-composer-desktop{display:none}.conversation-composer-mobile{height:var(--mobile-composer-live-height);border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;gap:7px;min-height:min(220px,72vh);padding:8px;display:grid}.mobile-composer-toolbar{scrollbar-width:none;border-bottom:1px solid #edf2f8;align-items:center;gap:6px;min-height:38px;padding:0 0 8px;display:flex;overflow:visible}.mobile-tool-popover[open],.mobile-reference-url-popover[open],.mobile-submit-endpoint-select[open],.mobile-gateway-config-popover[open]{z-index:520}.mobile-composer-toolbar::-webkit-scrollbar{display:none}.mobile-composer-reference-strip::-webkit-scrollbar{display:none}.mobile-tool-popover summary,.mobile-tool-icon-button,.mobile-reference-url-popover summary,.mobile-composer-icon-button,.mobile-gateway-config-popover summary,.mobile-submit-endpoint-select summary{width:38px;min-width:38px;height:38px;min-height:38px;color:var(--blue-dark);background:#f8fbff;border:1px solid #dbe7fb;border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:0;display:inline-flex}.mobile-tool-popover summary:after,.mobile-reference-url-popover summary:after,.mobile-submit-endpoint-select summary:after{display:none}.mobile-tool-popover summary strong{color:#22c55e;max-width:32px;font-size:10px;font-weight:950;line-height:1}.mobile-tool-popover[open] summary,.mobile-reference-url-popover[open] summary,.mobile-submit-endpoint-select[open] summary,.mobile-gateway-config-popover[open] summary{color:#15803d;background:#f0fdf4;border-color:#86efac}.mobile-composer-input-area{grid-template-rows:minmax(0,1fr);gap:8px;min-height:0;display:grid}.mobile-composer-input-area.with-reference-strip{grid-template-rows:auto minmax(0,1fr)}.mobile-composer-reference-strip{scrollbar-width:none;background:linear-gradient(135deg,#f8fbff,#fff);border:1px dashed #c9daf4;border-radius:16px;align-items:center;gap:7px;min-height:50px;padding:6px;display:flex;overflow-x:auto}.mobile-composer-reference-strip .composer-reference-upload,.mobile-composer-reference-strip .composer-mask-button{flex:none;padding:0}.mobile-composer-reference-strip .composer-reference-thumb{flex-basis:40px;width:40px;height:40px}.mobile-reference-url-popover.disabled summary,.mobile-composer-icon-button.disabled{cursor:not-allowed;opacity:.55}.mobile-reference-url-menu{width:min(330px,100vw - 36px);min-width:0;bottom:calc(100% + 10px);left:auto;right:0}.mobile-reference-url-menu .composer-reference-url-input{flex-basis:auto;width:100%;min-width:0}.mobile-reference-count{color:#64748b;background:#f1f5f9;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:38px;height:26px;font-size:11px;font-weight:900;display:inline-flex}.conversation-composer textarea.mobile-composer-textarea{background:#fbfdff;border:1px solid #edf2f8;border-radius:16px;min-height:96px;padding:10px 12px;font-size:15px;line-height:1.55}.mobile-composer-bottom-settings{border-top:1px solid #edf2f8;grid-template-columns:minmax(0,1fr) 38px 38px auto;align-items:center;gap:7px;padding-top:8px;display:grid}.mobile-composer-model-select{flex:auto;width:100%;min-width:0;padding:4px 9px}.mobile-composer-model-select select{height:30px;font-size:12px}.mobile-gateway-config-popover,.mobile-submit-endpoint-select,.mobile-tool-popover,.mobile-reference-url-popover{position:relative}.mobile-gateway-config-popover .gateway-config-menu{width:min(420px,100vw - 24px);bottom:86px;left:50%;right:auto;transform:translate(-50%)}.mobile-submit-endpoint-select .endpoint-popover-menu,.mobile-tool-popover .composer-popover-menu{right:auto;bottom:calc(var(--mobile-composer-live-height) + 18px);max-width:calc(100vw - 28px);position:fixed;left:50%;transform:translate(-50%)}.mobile-tool-popover .ratio-popover-menu{grid-template-columns:repeat(3,minmax(0,1fr));width:min(430px,100vw - 28px)}.mobile-tool-popover .composer-param-menu{grid-template-columns:1fr;width:min(340px,100vw - 28px);min-width:0}.mobile-generate-button{white-space:nowrap;min-width:104px;min-height:38px;margin-left:0;padding:0 13px}.debug-bubble-toggle{top:auto;right:10px;bottom:calc(var(--mobile-composer-live-height) + 18px);border-radius:14px;justify-content:center;gap:0;min-width:42px;min-height:42px;padding:0;box-shadow:0 12px 28px #8b5cf638,inset 0 1px #ffffff47}.debug-bubble-toggle span,.debug-bubble-toggle em{display:none}}@media (width<=430px){.mobile-composer-bottom-settings{grid-template-columns:minmax(0,1fr) 36px 36px auto;gap:5px}.mobile-tool-popover summary,.mobile-tool-icon-button,.mobile-reference-url-popover summary,.mobile-composer-icon-button,.mobile-gateway-config-popover summary,.mobile-submit-endpoint-select summary{width:36px;min-width:36px;height:36px;min-height:36px}.mobile-generate-button{min-width:96px;padding:0 10px;font-size:12px}}