*,*:before,*:after{box-sizing:border-box}:root{--primary-color: #1e293b;--primary-gradient: linear-gradient(135deg, #0f172a 0%, #334155 100%);--accent-color: #3b82f6;--accent-bg: #eff6ff;--accent-border: #dbeafe;--background-rgb: 241, 245, 249;--app-background: #ffffff;--user-message-bg: #1e293b;--user-message-text: #ffffff;--model-message-bg: #f8fafc;--model-message-border: #e2e8f0;--model-message-text: #0f172a;--input-background: #ffffff;--input-border: #cbd5e1;--input-focus-ring: #94a3b8;--text-primary: #0f172a;--text-secondary: #64748b;--success-color: #10b981;--success-bg: #f0fdf4;--success-border: #bbf7d0;--success-text: #22a15a;--error-color: #ef4444;--error-bg: #fef2f2;--error-border: #fecaca;--error-text: #991b1b;--warning-color: #f59e0b;--warning-bg: #fffdf5;--warning-text: #92400e;--warning-dark: #9a3412;--warning-light: #fff7ed;--accent-text: #1e40af;--hover-brightness: brightness(.9);--hover-scale: scale(1.02);--active-scale: scale(.98);--transition-standard: all .2s cubic-bezier(.4, 0, .2, 1);--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-quaternary: #ececec;--bg-card: #ffffff;--btn-secondary-color: #fff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--white-fixed: #ffffff;--black-fixed: #000000;--bg-glass: rgba(255, 255, 255, .8);--bg-overlay: rgba(0, 0, 0, .7);--focus-ring: rgba(15, 23, 42, .1);--white-10: rgba(255, 255, 255, .1);--white-20: rgba(255, 255, 255, .2);--white-50: rgba(255, 255, 255, .5);--white-90: rgba(255, 255, 255, .9);--black-05: rgba(0, 0, 0, .05);--black-10: rgba(0, 0, 0, .1);--black-30: rgba(0, 0, 0, .3);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--code-font-family: "Fira Code", "Courier New", Courier, monospace;--toast-bg: var(--bg-card);--toast-info-edge: var(--accent-color);--toast-info-bg: var(--accent-bg);--toast-info-text: var(--accent-text);--toast-warning-edge: var(--warning-color);--toast-warning-bg: var(--warning-bg);--toast-warning-text: var(--warning-text);--toast-error-edge: var(--error-color);--toast-error-bg: var(--error-bg);--toast-error-text: var(--error-text);--toast-success-edge: var(--success-color);--toast-success-bg: var(--success-bg);--toast-success-text: var(--success-text);--radius-3xs: 2px;--radius-2xs: 3px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-ml: 10px;--radius-ml-inner: 9px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-4xl: 28px;--radius-full: 9999px;--input-height-desktop: 42px;--input-height-stepper: 35px;--input-height-mobile: 36px;--text-2xs: .7rem;--text-xs: .75rem;--text-sm: .85rem;--text-base: .9rem;--text-md: .95rem;--text-lg: 1rem;--text-xl: 1.1rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 1.875rem;--text-5xl: 2.25rem;--text-mobile-2xs: .65rem;--text-mobile-xs: .7rem;--text-mobile-sm: .75rem;--text-mobile-base: .8rem;--text-mobile-md: .85rem;--text-mobile-lg: .9rem;--text-mobile-xl: .95rem;--text-mobile-2xl: 1.1rem;--text-mobile-3xl: 1.25rem;--text-mobile-4xl: 1.5rem;--text-mobile-5xl: 1.75rem;--space-xs: .25rem;--space-sm: .4rem;--space-md: .5rem;--space-lg: .6rem;--space-xl: .75rem;--space-2xl: 1rem;--space-3xl: 1.25rem;--modal-group-padding-mobile: var(--space-xl);--modal-header-padding-y: var(--space-xl);--modal-help-text-padding: .28rem;--modal-label-padding: var(--space-md);--modal-group-padding: var(--space-2xl);--dropdown-easing: cubic-bezier(.34, 1.56, .64, 1);--dropdown-duration: .3s;--dropdown-exit-easing: cubic-bezier(.4, 0, 1, 1);--dropdown-exit-duration: .2s;--anim-dropdown-appear: dropdown-appear var(--dropdown-duration) var(--dropdown-easing);--anim-dropdown-disappear: dropdown-disappear var(--dropdown-exit-duration) var(--dropdown-exit-easing) forwards}body{margin:0;font-family:var(--font-family);background-color:rgb(var(--background-rgb));color:var(--text-primary);display:flex;justify-content:center;align-items:center;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:1rem}.chat-container{width:100%;max-width:950px;height:95vh;max-height:1100px;background-color:var(--app-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;position:relative}h2,h3,h4{margin-bottom:.45rem}header{padding:1.25rem 2rem;border-bottom:1px solid var(--model-message-border);background-color:var(--bg-card);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-primary);z-index:10}.header-logo{color:var(--primary-color);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:6px;flex-shrink:0}.header-logo svg,.header-logo img{width:100%;height:100%;object-fit:contain}header h1{margin:0;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-button{background:transparent;border:none;cursor:pointer;color:var(--input-focus-ring);padding:8px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-standard);flex-shrink:0}.settings-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.settings-button svg{width:24px;height:24px}.message-list{flex-grow:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2.5rem;scroll-behavior:smooth;background-color:var(--bg-card)}.message-wrapper{display:flex;gap:1.25rem;max-width:92%}.message-wrapper.user{align-self:flex-end;flex-direction:row-reverse}.message-wrapper.model{align-self:flex-start}.message{padding:0;word-wrap:break-word;white-space:pre-wrap;line-height:1.7;display:flex;flex-direction:column;animation:message-pop .3s cubic-bezier(.34,1.56,.64,1);font-size:1rem;min-width:0;max-width:100%}@keyframes message-pop{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message.user{background:var(--user-message-bg);color:var(--user-message-text);padding:1rem 1.5rem;border-radius:var(--radius-lg);border-top-right-radius:var(--radius-3xs);box-shadow:var(--shadow-md)}.message.model{background-color:transparent;color:var(--model-message-text);gap:.75rem;white-space:normal}.message-image{max-width:100%;max-height:400px;border-radius:var(--radius-md);margin-bottom:1rem;object-fit:contain;align-self:flex-start;border:1px solid var(--model-message-border);box-shadow:var(--shadow-sm)}.input-container{border-top:1px solid var(--model-message-border);background-color:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem 2rem;flex-shrink:0;z-index:10}.input-area{display:flex;align-items:center;gap:1rem;position:relative;max-width:850px;margin:0 auto}.input-area input[type=text]{flex-grow:1;border:1px solid var(--input-border);background:var(--input-background);padding:1rem 1.5rem;font-size:1rem;font-family:var(--font-family);color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition-standard);box-shadow:var(--shadow-sm)}.input-area input[type=text]:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 2px var(--focus-ring)}.input-area input[type=text]::placeholder{color:var(--input-focus-ring)}.input-area button{border:none;border-radius:var(--radius-md);width:52px;height:52px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-shrink:0}.send-button{background:var(--primary-color);color:var(--white-fixed);box-shadow:var(--shadow-md)}.send-button:hover:not(:disabled){background:var(--text-primary);transform:scale(1.05);transition:all .1s cubic-bezier(.45,.05,.55,.95);box-shadow:var(--shadow-md)}.send-button:disabled{background:var(--model-message-border);cursor:not-allowed;color:var(--input-focus-ring);box-shadow:none}.send-button svg{width:22px;height:22px;transform:translate(2px)}.attach-button{background-color:var(--bg-tertiary);color:var(--text-secondary);width:48px;height:48px;border:1px solid transparent}.attach-button:hover:not(:disabled){background-color:var(--model-message-border);color:var(--text-primary);border-color:var(--input-border);transition:all .1s cubic-bezier(.45,.05,.55,.95);box-shadow:var(--shadow-md)}.attach-button svg{width:24px;height:24px}.image-preview{position:relative;width:fit-content;max-width:120px;margin:0 auto 1rem;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--bg-card);box-shadow:var(--shadow-md)}.preview-img{display:block;width:100%;height:auto}.remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:var(--bg-overlay);color:var(--white-fixed);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--transition-standard);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.remove-image-btn:hover{background:var(--text-primary);transform:var(--hover-scale)}.stop-button{background:var(--error-color);color:var(--white-fixed);box-shadow:var(--shadow-md)}.stop-button:hover{background:var(--error-text);transform:var(--hover-scale);box-shadow:var(--shadow-md)}.stop-button svg{width:22px;height:22px}.scroll-to-bottom-btn{position:absolute;bottom:150px;right:2rem;width:40px;height:40px;border-radius:50%;background-color:var(--bg-card);border:1px solid var(--model-message-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition-standard);z-index:20;opacity:0;animation:fade-in-up .3s forwards}.scroll-to-bottom-btn:hover{background-color:var(--bg-secondary);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.scroll-to-bottom-btn svg{width:24px;height:24px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-12px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes dropdown-disappear{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-8px) scale(.98);filter:blur(4px)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.header-content{display:flex;align-items:center;gap:1rem}.header-actions{display:flex;gap:.5rem}.hidden-input{display:none}.font-semibold{font-weight:600}@media(max-width:768px){body{align-items:flex-start;min-height:100dvh}#root{padding:0;height:100dvh;align-items:flex-start}.chat-container{height:100dvh;max-height:none;border-radius:0;border:none}header{padding:.5rem .75rem;gap:.5rem}.header-content{flex:1;min-width:0;gap:.5rem}.header-actions{flex-shrink:0;gap:.25rem}.header-logo{width:28px;height:28px}header h1{font-size:var(--text-mobile-xl);max-width:100%}.message-list{padding:.25rem 1rem 1rem;gap:1.5rem}.message-wrapper{max-width:100%;gap:.75rem}.message{font-size:var(--text-mobile-md);padding:0}.message.user{padding:.75rem 1rem}.input-container{padding:.6rem}.input-area{gap:.75rem}.input-area input[type=text]{padding:.75rem 1rem;font-size:var(--text-mobile-base);min-width:0}.input-area button{width:38px;height:38px;flex-shrink:0}.attach-button{width:40px;height:40px}.attach-button svg{width:20px;height:20px}.settings-button{padding:4px}.settings-button svg{width:20px;height:20px}.message-wrapper.model{display:flex;flex-direction:column}.message-wrapper.model .message{margin-left:0}.scroll-to-bottom-btn{bottom:90px;right:1rem;width:44px;height:44px}}.toast-overlay{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;display:flex;justify-content:center;width:100%;padding:0 20px}.toast-message{display:flex;align-items:center;gap:.75rem;padding:.85rem .75rem .85rem 1.25rem;border-radius:var(--radius-lg);background-color:var(--toast-bg);box-shadow:var(--shadow-lg);min-width:320px;max-width:90%;transform:translateY(-20px);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);pointer-events:auto;cursor:pointer;border-left:4px solid var(--input-border);overflow:hidden;position:relative}.toast-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background-color:currentColor;opacity:.2;transform-origin:left;animation:shrink linear forwards}@keyframes shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-message.active{transform:translateY(0);opacity:1}.toast-message.error{border-left-color:var(--toast-error-edge);background-color:var(--toast-error-bg);color:var(--toast-error-text)}.toast-message.warning{border-left-color:var(--toast-warning-edge);background-color:var(--toast-warning-bg);color:var(--toast-warning-text)}.toast-message.info{border-left-color:var(--toast-info-edge);background-color:var(--toast-info-bg);color:var(--toast-info-text)}.toast-message.success{border-left-color:var(--toast-success-edge);background-color:var(--toast-success-bg);color:var(--toast-success-text)}.toast-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-icon svg{width:100%;height:100%}.toast-text{flex-grow:1;font-size:.95rem;font-weight:600;line-height:1.4}.toast-close{background:transparent;border:none;cursor:pointer;padding:6px;color:currentColor;opacity:.4;transition:var(--transition-standard);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-left:4px}.toast-close:hover{opacity:1;background-color:var(--black-10)}.toast-close svg{width:16px;height:16px}@media(max-width:768px){.toast-overlay{top:auto;bottom:32px}.toast-message{min-width:280px;width:auto;transform:translateY(20px)}}.avatar{width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:4px}.avatar svg,.avatar img{width:24px;height:24px;object-fit:contain}.message-wrapper.user .avatar{background:var(--primary-color);color:var(--white-fixed)}.message-wrapper.model .avatar{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--model-message-border)}@media(max-width:768px){.avatar{width:32px;height:32px;margin-top:2px;min-width:32px}.avatar svg,.avatar img{width:20px;height:20px}}.agent-label-header{margin-top:8px;display:flex;align-items:center;justify-content:space-between;width:100%}.agent-label{font-weight:700;font-size:.7rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);padding:.3rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--model-message-border);box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;gap:6px}.message-actions-group{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--transition-normal);padding:2px;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--model-message-border);box-shadow:var(--shadow-sm)}.message-wrapper:hover .message-actions-group{opacity:1}.message-action-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);padding:4px;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast)}.message-action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.message-action-btn:active{opacity:.7}.message-action-btn.complete{color:#10b981}@keyframes bounce-in{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.message-action-btn.complete svg{animation:bounce-in .3s ease-out forwards}.message-action-btn svg{width:14px;height:14px}@media(max-width:768px){.agent-label-header{margin-top:0;margin-left:0;margin-bottom:.5rem}}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem}.empty-state-icon{width:105px;height:105px;margin-bottom:2.6rem;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:var(--radius-4xl);padding:18px;box-shadow:0 20px 40px -15px #00000014,inset 0 0 0 1px #fff9;border:1px solid rgba(0,0,0,.03);animation:hero-floating 6s infinite ease-in-out;z-index:1}@keyframes hero-floating{0%,to{transform:translateY(0) rotate(-1.5deg);box-shadow:0 15px 35px -10px #0000001a,inset 0 0 0 1px #fff9}50%{transform:translateY(-16px) rotate(1.5deg);box-shadow:0 35px 65px -15px #00000026,inset 0 0 0 1px #fffc}}@keyframes hero-pulse{0%{opacity:.4;transform:scale(.92)}to{opacity:.9;transform:scale(1.08)}}@keyframes hero-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state-icon img{width:100%;height:100%;object-fit:contain}.welcome-title{font-size:var(--text-5xl);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin:0}.welcome-subtitle{font-size:var(--text-2xl);color:var(--text-secondary);margin:.35rem 0 .5rem}.creator-credit{font-size:var(--text-base);color:var(--accent-color);text-decoration:none;margin-bottom:1.6rem;font-weight:500;opacity:.9;transition:opacity .2s}.creator-credit:hover{opacity:1;text-decoration:underline}.example-prompts{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:500px}.prompt-button{background-color:var(--bg-card);border:1px solid var(--model-message-border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;font-family:var(--font-family);font-size:var(--text-md);text-align:left;cursor:pointer;transition:all .2s ease;width:100%;color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:500}.prompt-button:hover{border-color:var(--accent-color);background-color:var(--bg-secondary);transform:var(--hover-scale);box-shadow:var(--shadow-md)}@media(max-width:768px){.welcome-title{font-size:var(--text-mobile-3xl)}.welcome-subtitle{font-size:var(--text-mobile-base)}.empty-state-container{padding:1.05rem 1rem 1rem;justify-content:flex-start}.empty-state-icon{width:55px;height:55px;margin-bottom:.5rem;padding:8px;animation:none;border:none}.example-prompts{max-width:100%}.prompt-button{padding:.7rem;font-size:var(--text-mobile-base)}.creator-credit{font-size:var(--text-mobile-2xs);margin-bottom:1.4rem}}.code-block-wrapper{display:grid;position:relative;margin:1.25rem 0;background-color:var(--primary-color);border-radius:var(--radius-md);overflow:hidden;white-space:pre;border:1px solid var(--model-message-border);box-shadow:var(--shadow-md)}.code-block-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--text-primary);padding:.5rem 1rem;color:var(--model-message-border);font-size:.8rem;border-bottom:1px solid var(--model-message-border)}.code-block-header span{font-family:var(--code-font-family);font-weight:500;text-transform:lowercase}.code-block-wrapper pre{margin:0!important;padding:1.25rem!important;background-color:transparent!important;border:none!important;box-shadow:none!important}.message .code-block-wrapper code{color:var(--model-message-border);background-color:transparent;border:none;padding:0}.copy-button{background-color:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:var(--radius-xs);padding:.25rem .6rem;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s;font-weight:500}.copy-button:hover{background-color:var(--model-message-border);color:var(--text-primary)}@media(max-width:768px){.code-block-wrapper pre{padding:1rem!important}}.custom-select-container{width:100%;position:relative}.custom-select-trigger{width:100%;height:var(--input-height-desktop);padding:0 .75rem;background:var(--bg-card);border:1px solid var(--model-message-border);border-radius:var(--radius-md);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:all .2s;font-family:var(--font-family);font-size:var(--text-base)}.custom-select-trigger:hover:not(:disabled){border-color:var(--accent-color);background:var(--bg-secondary)}.custom-select-trigger:focus:not(:disabled){outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-ring)}.custom-select-trigger:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary)}.custom-select-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.custom-select-chevron{margin-left:8px;transition:transform .2s;opacity:.5;color:var(--text-secondary);flex-shrink:0}.custom-select-chevron.open{transform:rotate(180deg)}.custom-select-dropdown{background:var(--bg-card);border:1px solid var(--model-message-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:var(--anim-dropdown-appear);transform-origin:top center;max-height:400px;min-width:220px}.custom-select-search-input{width:100%;padding:.5rem;background-color:var(--bg-secondary);border:1px solid var(--model-message-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);transition:var(--transition-standard)}.custom-select-search-input:focus{outline:none;border-color:var(--accent-color);background-color:var(--bg-card)}.custom-select-options-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;padding:0}.custom-select-option{width:100%;padding:.75rem .8rem;background:transparent;border:none;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:all .1s;display:flex;align-items:center}.custom-select-option:hover{background:var(--bg-tertiary)}.custom-select-option.selected{background:var(--accent-bg);color:var(--accent-color);font-weight:600}.custom-select-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base)}.custom-select-header{font-size:var(--text-2xs);font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.75rem .5rem .25rem;opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.custom-select-no-results{padding:2rem;text-align:center;color:var(--text-secondary);font-size:var(--text-mobile-md)}@media(max-width:768px){.custom-select-trigger{height:var(--input-height-mobile);padding:0 .75rem;font-size:var(--text-mobile-md)}.custom-select-option{padding:.6rem .75rem}.custom-select-option-label{font-size:var(--text-mobile-md)}.custom-select-dropdown{min-width:200px;max-height:350px}}.loading-animation{padding:1.5rem;border:1px solid var(--model-message-border);border-radius:var(--radius-lg);background-color:var(--bg-secondary);width:445px}.loading-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.loading-status{font-size:.95rem;color:var(--text-primary);font-weight:600}.timer-display{font-family:var(--code-font-family);font-weight:600;color:var(--text-primary);font-size:.85rem;background:var(--model-message-border);padding:.25rem .6rem;border-radius:var(--radius-xs)}.agent-progress-list{display:flex;flex-direction:column;gap:1rem}.agent-progress-item{display:flex;align-items:center;gap:1rem;font-size:.9rem}.agent-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--model-message-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0;transition:var(--transition-standard);min-width:32px}.agent-icon.working{background:var(--text-primary);color:var(--white-fixed)}.agent-icon.done{background:var(--success-color);color:var(--white-fixed)}.agent-icon.error{background:var(--error-color);color:var(--white-fixed)}.agent-icon svg{width:18px;height:18px}.agent-details{flex-grow:1;display:flex;flex-direction:column;gap:8px}.agent-header{display:flex;justify-content:space-between;align-items:center}.agent-name{font-weight:600;color:var(--text-primary);font-size:.79rem;padding-right:1rem}.agent-status-text{color:var(--text-secondary);font-size:.75rem}.agent-progress-track{height:6px;background-color:var(--model-message-border);border-radius:var(--radius-2xs);width:100%;overflow:hidden;position:relative}.agent-progress-fill{height:100%;border-radius:var(--radius-2xs);transition:width .3s ease,background-color .3s ease}.agent-progress-fill.done{width:100%;background-color:var(--success-color)}.agent-progress-fill.waiting{width:0%;background-color:var(--input-border)}.agent-progress-fill.error{width:100%;background-color:var(--error-color)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.agent-progress-fill.working{position:absolute;width:100%;height:100%;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--text-primary) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-container-wrapper{width:100%;max-width:800px}.loading-header-content{display:flex;align-items:center;gap:1rem}.continue-button{padding:.25rem .75rem;font-size:.8rem;background-color:var(--success-color);color:var(--white-fixed);border:none;border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition-standard)}.continue-button:hover{filter:var(--hover-brightness);transform:var(--hover-scale)}.continue-button:active{transform:var(--active-scale)}.show-work-wrapper{margin-top:1rem}@media(max-width:768px){.loading-status{font-size:.85rem}.loading-animation{padding:1rem;width:100%}.timer-display{font-size:.75rem}.agent-name{font-size:.85rem}}.loading-header.controls-only{justify-content:flex-end}.loading-error-banner{display:flex;gap:.75rem;background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem;align-items:flex-start}.error-icon-svg{width:20px;height:20px;color:var(--error-color);flex-shrink:0;margin-top:2px}.error-content{display:flex;flex-direction:column;gap:.25rem}.error-title{font-weight:600;color:var(--error-text);font-size:.9rem}.error-message{font-size:.85rem;color:var(--error-text);line-height:1.4;word-break:break-word}.markdown-content{color:var(--model-message-text);overflow-wrap:break-word;white-space:normal}.markdown-content>*:first-child{margin-top:0}.markdown-content>*:last-child{margin-bottom:0}.markdown-content{line-height:1.6}.markdown-content p{margin:0 0 .8rem}.markdown-content ul,.markdown-content ol{padding-inline-start:1.25rem;margin-block:.25rem}.markdown-content li{margin-bottom:.25rem}.markdown-content li>p{margin-bottom:.25rem}.markdown-content li>ul,.markdown-content li>ol{margin-block:.25rem}.markdown-content code{font-family:var(--code-font-family);background-color:var(--focus-ring);padding:.2em .4em;font-size:.85em;color:inherit}.message.user .markdown-content code{background-color:var(--white-20);color:var(--user-message-text);border-color:transparent}.markdown-content pre{margin:1.25rem 0;background-color:var(--primary-color);color:var(--bg-secondary);border-radius:var(--radius-md);overflow-x:auto;white-space:pre;border:1px solid var(--model-message-border);box-shadow:var(--shadow-md)}.message.user .markdown-content pre{background-color:var(--black-30);border-color:var(--white-10)}.markdown-content blockquote{border-left:4px solid var(--primary-color);padding-left:1.25rem;margin:1rem 0;color:var(--text-primary);font-style:italic;background:var(--bg-secondary);padding:.5rem 1rem;border-radius:0 var(--radius-xs) var(--radius-xs) 0}.message.user .markdown-content blockquote{border-left-color:var(--white-50);color:var(--white-90);background:var(--black-10)}.markdown-content a{color:var(--accent-color);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s}.markdown-content a:hover{border-bottom-color:currentColor}.message.user .markdown-content a{color:var(--user-message-text);text-decoration:underline}.table-wrapper{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--model-message-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.markdown-content table{width:100%;border-collapse:collapse;font-size:.95em}.markdown-content th,.markdown-content td{padding:.85rem 1.25rem;border:1px solid var(--model-message-border);text-align:left}.markdown-content th{background-color:var(--bg-secondary);font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--model-message-border)}.markdown-content tr:nth-child(2n){background-color:var(--bg-secondary)}.markdown-content tr:hover{background-color:var(--bg-tertiary)}@media(max-width:768px){.message pre{font-size:var(--text-mobile-md)}.message ul,.message ol{padding-inline-start:1.2rem}}.model-selector-container{width:100%;position:relative}.model-selector-trigger{width:100%;padding:.75rem;background:var(--bg-card);border:1px solid var(--model-message-border);border-radius:var(--radius-md);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:all .2s;font-family:var(--font-family);font-size:var(--text-base)}.model-selector-trigger:hover:not(.disabled){border-color:var(--accent-color);background:var(--bg-secondary)}.model-selector-trigger:focus:not(.disabled){outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-ring)}.model-selector-trigger.disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary)}.selected-model-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.model-selector-dropdown{background:var(--bg-card);border:1px solid var(--model-message-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:450px;overflow:hidden;animation:var(--anim-dropdown-appear);transform-origin:top center}.model-search-wrapper{padding:.75rem;border-bottom:1px solid var(--model-message-border);background:var(--bg-secondary);display:flex;flex-direction:column;gap:.5rem}.model-search-wrapper .custom-select-search-input{width:100%;padding:.6rem .8rem;background:var(--bg-card);border:1px solid var(--model-message-border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;font-family:var(--font-family);font-size:var(--text-base);transition:var(--transition-standard)}.model-search-wrapper .custom-select-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-ring)}.model-sort-row{display:flex;align-items:center;gap:.5rem;padding:0 .25rem}.sort-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.sort-btn{background:var(--bg-card);border:1px solid var(--model-message-border);padding:.2rem .5rem;border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition-standard);display:flex;align-items:center;gap:4px}.sort-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sort-btn.active{background:var(--accent-color);color:var(--white-fixed);border-color:var(--accent-color)}.model-options-list{overflow-y:auto;padding:0rem .4rem;flex:1}.model-option-wrapper{width:100%;display:flex;flex-direction:column}.model-option-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.model-option-label{font-weight:600;font-size:var(--text-xs);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.model-price-tag{font-size:var(--text-2xs);font-weight:700;color:var(--text-primary);background:var(--bg-tertiary);padding:.2rem .3rem;border-radius:var(--radius-xs)}.custom-select-option.selected .model-price-tag{background:var(--bg-card);color:var(--accent-color)}.model-option-value{font-size:var(--text-xs);color:var(--text-secondary)}.custom-select-option.selected .model-option-value{color:var(--accent-color);opacity:.8}.model-list-section-header{font-size:var(--text-2xs);font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.75rem .5rem .25rem;opacity:.7}.star-icon{color:var(--warning-color);margin-right:6px;display:flex;align-items:center}.model-loading,.no-models-found,.model-error-container{padding:2rem;text-align:center;color:var(--text-secondary);font-size:var(--text-base)}.model-error-message{color:var(--error-color);margin-bottom:1rem;font-weight:500}.model-retry-btn{background:var(--accent-color);color:var(--white-fixed);border:none;padding:.4rem 1rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition-standard)}.model-retry-btn:hover{background:var(--text-primary);transform:translateY(-1px)}.model-retry-btn:active{transform:translateY(0)}.custom-model-hint{margin-top:.5rem;font-size:var(--text-mobile-base);font-style:italic;opacity:.8}.model-option.custom-add{border-top:1px solid var(--model-message-border);background:var(--bg-secondary);margin-top:0;border-radius:0;padding:.75rem 1rem}.model-option.custom-add:hover{background:var(--bg-tertiary)}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.thinking-indicator{margin-left:.4rem;width:14px;height:14px;opacity:.7;vertical-align:middle;display:inline-block}.model-trigger-icon{width:18px;height:18px;margin-right:8px;vertical-align:middle;object-fit:contain;border-radius:var(--radius-xs)}.model-option-icon{width:16px;height:16px;margin-right:8px;vertical-align:middle;object-fit:contain;border-radius:var(--radius-2xs);opacity:.9}.provider-selector-container{width:100%;position:relative}.provider-selector-trigger{width:100%;padding:.75rem;background:var(--bg-card);border:1px solid var(--model-message-border);border-radius:var(--radius-md);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:all .2s;font-family:var(--font-family);font-size:var(--text-base)}.provider-selector-trigger:hover:not(.disabled){border-color:var(--accent-color);background:var(--bg-secondary)}.provider-selector-trigger:focus:not(.disabled){outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-ring)}.provider-selector-trigger.disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary)}.selected-provider-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.provider-trigger-icon{width:18px;height:18px;margin-right:10px;vertical-align:middle;object-fit:contain}.chevron{margin-left:8px;transition:transform .2s;opacity:.5;color:var(--text-secondary)}.chevron.open{transform:rotate(180deg)}.provider-selector-dropdown{background:var(--bg-card);border:1px solid var(--model-message-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;padding:4px;animation:var(--anim-dropdown-appear);transform-origin:top center}.provider-options-list{display:flex;flex-direction:column;gap:2px}.provider-option{width:100%;padding:.75rem .8rem;background:transparent;border:none;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:all .1s}.provider-option:hover{background:var(--bg-tertiary)}.provider-option.selected{background:var(--accent-bg);color:var(--accent-color)}.provider-option-content{display:flex;align-items:center;gap:10px}.provider-option-icon{width:20px;height:20px;object-fit:contain}.provider-option-label{font-weight:600;font-size:var(--text-base)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fade-in .2s ease-out}.modal-overlay.top{z-index:2000}.modal-container{background-color:var(--bg-card);width:90%;height:85vh;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:var(--anim-dropdown-appear);transform-origin:top center}.modal-container.closing{animation:var(--anim-dropdown-disappear)}.modal-overlay.closing{animation:fade-out var(--dropdown-exit-duration) ease-in forwards}.modal-sm{max-width:500px;height:auto;max-height:80vh}.modal-md{max-width:600px}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-full{max-width:100%;width:100%;height:100%;max-height:100%;border-radius:0}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fade-in .3s ease-out}.modal-header{padding:.75rem 1.5rem;border-bottom:1px solid var(--model-message-border);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-secondary)}.modal-header h3{margin:0;font-size:var(--text-xl);color:var(--text-primary);font-weight:600}.modal-header-actions{display:flex;align-items:center;gap:.5rem}.debug-header-content{display:flex;align-items:center;gap:1rem;flex:1}.debug-header-title{margin:0}.modal-body{flex-grow:1;overflow-y:auto;padding:1rem 1.25rem;color:var(--text-primary);background:var(--bg-card)}.modal-body ol li p{margin:0}.modal-body .markdown-content{white-space:normal}.modal-confirmation-text{font-size:var(--text-base);line-height:1.6;color:var(--text-primary);text-align:center}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--model-message-border);background-color:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center}.modal-footer-actions{display:flex;gap:.75rem}.modal-footer.justify-end{justify-content:flex-end}.modal-divider{height:1px;background:var(--model-message-border);margin:1.5rem 0}.modal-actions-right{display:flex;align-items:center;gap:.75rem}.modal-icon-btn,.close-modal-button{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-standard);width:32px;height:32px}.modal-icon-btn:hover,.close-modal-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-icon-btn svg,.close-modal-button svg{width:16px;height:16px}.modal-icon-btn.small{padding:.25rem;border-radius:var(--radius-xs)}.modal-icon-btn.small svg{width:16px;height:16px}.modal-btn{padding:.6rem 1.2rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:var(--text-base);border:none;transition:var(--transition-standard);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.modal-btn.reset{background-color:var(--bg-quaternary);color:var(--text-primary)}.modal-btn.reset:hover{background-color:var(--model-message-border);color:var(--text-primary)}.modal-btn.save{background-color:var(--primary-color);color:var(--white-fixed)}.modal-btn.save:hover{background-color:var(--text-primary);transform:var(--hover-scale)}.modal-btn.outline{border:1px solid var(--model-message-border);color:var(--text-primary);background-color:var(--btn-secondary-color)}.modal-btn.outline:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color)}.modal-btn.danger{background-color:var(--error-bg);color:var(--error-text)}.modal-btn.danger:hover{background-color:var(--error-bg);color:var(--error-color)}.modal-btn.small{padding:.4rem .8rem;font-size:var(--text-sm)}.modal-form-group{margin-bottom:var(--modal-group-padding)}.modal-form-group:last-child{margin-bottom:0}.modal-label{display:block;font-weight:600;margin-bottom:var(--modal-label-padding);color:var(--text-primary);font-size:var(--text-md)}.modal-help-text{margin-top:var(--modal-help-text-padding);margin-bottom:0;margin-left:.1rem;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.modal-help-text.warning{color:var(--warning-text)}.modal-help-text.danger{color:var(--error-text);font-weight:600}.modal-help-text.success{color:var(--success-text)}.modal-help-text.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.modal-form-group.horizontal{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;margin:0}.modal-label.no-margin{margin-bottom:0}.modal-input,.modal-textarea{width:100%;padding:0 .75rem;border:1px solid var(--model-message-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--text-base);transition:var(--transition-standard);background:var(--input-background)}.modal-input{height:var(--input-height-desktop)}.modal-textarea{min-height:100px;resize:vertical;line-height:1.5;padding:.75rem}.modal-input:focus,.modal-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-ring)}.modal-dropdown,.modal-dropdown-portal{position:absolute;top:100%;right:0;min-width:240px;max-width:362px;background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;margin-top:.25rem;overflow:hidden;display:flex;flex-direction:column}.modal-dropdown-portal{position:fixed;margin-top:4px;z-index:9999}.stepper-control{display:flex;align-items:center;border:1px solid var(--model-message-border);border-radius:var(--radius-md);overflow:hidden;width:fit-content;height:var(--input-height-desktop)}.stepper-btn{background:var(--bg-secondary);border:none;padding:0 1rem;cursor:pointer;color:var(--text-primary);font-size:1.2rem;line-height:1;transition:var(--transition-standard);display:flex;align-items:center;justify-content:center;min-width:40px;height:100%}.stepper-btn:hover:not(:disabled){background-color:var(--model-message-border)}.stepper-btn:disabled{color:var(--input-border);cursor:not-allowed;background-color:var(--bg-tertiary)}.stepper-value{padding:0 1rem;height:100%;min-width:40px;font-weight:600;text-align:center;border-left:1px solid var(--model-message-border);border-right:1px solid var(--model-message-border);background:var(--bg-card);display:flex;align-items:center;justify-content:center}.checkbox-group{display:flex;align-items:center;gap:.75rem;padding:0rem;border-radius:var(--radius-md);transition:var(--transition-standard);margin-bottom:var(--space-xl)}.checkbox-group:last-child{margin-bottom:0}.checkbox-group:hover{background-color:var(--bg-secondary)}.checkbox-group input[type=checkbox]{width:1.2rem;height:1.2rem;margin:0;cursor:pointer;flex-shrink:0}.checkbox-label{margin:0;cursor:pointer;font-weight:500}.checkbox-label.warning{color:var(--warning-text)}.modal-card{background-color:var(--bg-secondary);border:1px solid var(--model-message-border);border-radius:var(--radius-lg);padding:var(--modal-group-padding);margin-bottom:.5rem}.modal-card .modal-form-group:last-child,.modal-card .settings-row:last-child,.modal-card .checkbox-group:last-child{margin-bottom:0;width:100%}.modal-card-title{font-size:var(--text-2xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;display:block}.align-end{align-items:flex-end}.flex-1{flex:1}.flex-2{flex:2}.flex-none{flex:none}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}.modal-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:var(--text-sm);border:1px solid transparent}.modal-banner.info{background-color:var(--accent-bg);border-color:var(--accent-border)}.modal-banner.warning{background-color:var(--warning-bg);border-color:var(--warning-color);color:var(--warning-text)}.modal-banner.success{background-color:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.modal-banner svg{width:18px;height:18px;flex-shrink:0}.modal-banner.global{border-radius:0;margin-bottom:0;border-left:none;border-right:none;border-top:none;justify-content:space-between;padding:.5rem 1rem}.modal-banner-content{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1}.modal-banner-close-btn{background:transparent;border:none;color:currentColor;cursor:pointer;padding:4px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s,background-color .2s}.modal-banner-close-btn:hover{opacity:1;background-color:var(--black-05)}.modal-banner-close-btn svg{width:16px;height:16px}.error-container{display:flex;align-items:center;justify-content:space-between;background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:1rem;color:var(--error-text);font-size:var(--text-base);animation:fade-in .3s ease-out}.error-message{display:flex;align-items:center;gap:.5rem}.error-icon{width:20px;height:20px;flex-shrink:0}.retry-button{display:flex;align-items:center;gap:.4rem;background-color:var(--bg-card);border:1px solid var(--error-border);color:var(--error-text);padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:var(--transition-standard)}.retry-button:hover{background-color:var(--error-bg);transform:var(--hover-scale)}.retry-button svg{width:16px;height:16px}@media(max-width:768px){.modal-container{width:100%;height:100%;border-radius:0;max-height:none;display:flex;flex-direction:column}.modal-container.modal-sm{width:calc(100% - 2rem);height:auto;max-height:90vh;border-radius:var(--radius-xl);flex-grow:0}.modal-header{padding:.5rem 1rem}.modal-header h3{font-size:var(--text-mobile-md)}.modal-icon-btn svg,.close-modal-button svg{width:16px;height:16px}.modal-icon-btn,.close-modal-button{padding:0rem}.modal-body{padding:.75rem}.modal-banner{padding:.75rem;font-size:var(--text-mobile-2xs)}.modal-banner.global{padding:.2rem 1rem}.modal-banner button{margin-left:0!important}.modal-banner svg{width:14px;height:14px;flex-shrink:0}.modal-footer{padding:1rem;gap:.75rem;flex-direction:row;justify-content:stretch}.modal-footer-actions,.save-preset-container,.modal-actions-right{flex:1;display:flex;gap:.75rem}.modal-footer-actions .modal-btn,.save-preset-container .modal-btn,.modal-actions-right .modal-btn,.modal-footer>.modal-btn{flex:1;width:100%;padding:.5rem;font-size:var(--text-mobile-sm)}.modal-form-group:last-child{margin-bottom:0}.modal-form-group.flex-none{margin:0}.modal-form-group.flex-1{margin-top:var(--modal-group-padding-mobile)}.modal-label{font-size:var(--text-mobile-base)}.modal-input,.modal-textarea{padding:0 .6rem;font-size:var(--text-mobile-base)}.modal-input{height:var(--input-height-mobile)}.modal-textarea{padding:.6rem}.modal-divider{margin:.75rem 0}.modal-confirmation-text{font-size:var(--text-mobile-base)}.checkbox-group{margin-bottom:.5rem;gap:.5rem}.checkbox-label{font-size:var(--text-mobile-base)}.stepper-btn{padding:0 .8rem}.stepper-value{padding:0 .8rem;height:100%;font-size:var(--text-mobile-base)}.stepper-control{height:var(--input-height-mobile)}.checkbox-group input[type=checkbox]{width:1.1rem;height:1.1rem}}.info-section{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.info-step{display:flex;gap:1.25rem;align-items:flex-start}.info-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-lg);background-color:var(--bg-tertiary);color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-icon-wrapper svg{width:24px;height:24px}.info-content{flex:1}.info-content h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.info-content p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.info-arrow{display:flex;justify-content:center;color:var(--input-border);margin:-.5rem 0;padding-left:24px}.info-arrow svg{width:20px;height:20px}@media(max-width:768px){.info-step{gap:1rem}.info-icon-wrapper{width:40px;height:40px}.info-icon-wrapper svg{width:20px;height:20px}.info-arrow{padding-left:20px}}.settings-tabs{display:flex;border-bottom:1px solid var(--model-message-border);background-color:var(--bg-secondary);padding:0 1.5rem}.settings-tab{display:flex;align-items:center;gap:.6rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:600;color:var(--text-secondary);transition:all .2s;font-size:var(--text-base)}.settings-tab svg{width:18px;height:18px;flex-shrink:0}.settings-tab:hover{color:var(--text-primary);background-color:var(--focus-ring)}.settings-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.settings-section{display:flex;flex-direction:column;gap:1.25rem}.modal-card-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-tertiary);padding:.75rem 1rem}.modal-card-content{border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:1rem;background-color:var(--bg-card)}.profile-manager-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.profile-select-section{flex:1}.profile-select-wrapper{flex:1;display:flex;flex-direction:column;gap:.25rem}.profile-name-edit{display:flex;align-items:center;gap:.5rem}.edit-name-input{font-size:var(--text-lg);font-weight:600;padding:.25rem .5rem;border:1px solid var(--accent-color);border-radius:var(--radius-xs);width:100%}.settings-row{display:flex;column-gap:1.5rem;row-gap:0;align-items:flex-start;margin-top:var(--modal-group-padding)}.settings-row .modal-form-group{margin-bottom:0}.settings-row .modal-form-group:last-child{margin-bottom:0}.profile-actions{display:flex;gap:.5rem}.modal-section-list{display:flex;flex-direction:column;gap:.75rem}.modal-item-card{border:1px solid var(--model-message-border);border-radius:var(--radius-md);padding:1rem;background:var(--bg-secondary)}.modal-item-card.compact{padding:.4rem 1rem;background:var(--bg-card);transition:var(--transition-standard)}.modal-item-card.compact:hover{background:var(--bg-secondary)}.modal-item-row{display:flex;align-items:center;gap:1rem}.modal-item-ordinal{font-size:var(--text-xs);font-weight:700;color:var(--text-secondary);background-color:var(--bg-tertiary);padding:.2rem .5rem;border-radius:var(--radius-sm);min-width:28px;text-align:center;border:1px solid var(--model-message-border)}.modal-item-main{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.modal-item-info{display:flex;flex-direction:column;gap:.1rem;overflow:hidden;justify-content:center}.modal-item-name{font-weight:600;font-size:var(--text-md);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-item-tag{font-size:var(--text-xs);font-weight:600;color:var(--accent-color);background-color:var(--accent-bg);padding:.1rem .4rem;border-radius:var(--radius-xs);border:1px solid var(--accent-border);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem;margin-left:10px}.role-model-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.modal-item-actions{display:flex;align-items:center;gap:.1rem}.modal-item-model-selector{margin-left:auto;min-width:140px}.modal-input.minimal{padding:.3rem .5rem;font-size:var(--text-sm);height:auto;border-radius:var(--radius-sm);background-color:var(--bg-tertiary);border-color:var(--model-message-border)}.modal-input.minimal:hover{background-color:var(--model-message-border)}.modal-input.minimal:focus{background-color:var(--bg-card)}.modal-item-move-controls{display:flex;flex-direction:row;gap:2px;background:var(--bg-tertiary);border:1px solid var(--model-message-border);border-radius:var(--radius-sm);padding:2px}.modal-item-move-controls .modal-item-move-btn{width:24px;height:24px}.role-delete-btn{align-self:center;height:36px;display:flex;align-items:center;justify-content:center}.modal-item-delete-btn:hover{background-color:var(--error-bg);color:var(--error-color);border-radius:var(--radius-md)}.modal-item-move-btn{background:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);height:18px;width:24px;transition:var(--transition-standard)}.modal-item-move-btn:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-item-move-btn:disabled{color:var(--input-border);cursor:default}.role-instruction-textarea{min-height:100px}.modal-no-items-message{text-align:center;padding:2rem;color:var(--text-secondary)}.profile-select-group{flex:1}.profile-edit-card{border:1px solid var(--model-message-border);border-radius:var(--radius-md);padding:1rem;background:var(--bg-secondary)}.modal-card-container{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--model-message-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.warning-banner svg{display:block;width:33px}.advanced-temperature-banner{flex-direction:column;align-items:stretch;gap:.5rem;margin-top:.5rem;margin-bottom:1.25rem}.advanced-temperature-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.advanced-temperature-title{display:flex;align-items:center;gap:.5rem;font-weight:600}.advanced-temperature-toggle{background:var(--warning-color);color:var(--white-fixed);border:none;border-radius:var(--radius-xs);padding:.25rem .75rem;font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background-color .2s}.advanced-temperature-toggle:hover{background:var(--warning-dark)}.advanced-temperature-toggle.active{background:var(--white-fixed);color:var(--warning-text);border:1px solid var(--warning-color)}.advanced-temperature-toggle.active:hover{background:var(--warning-light)}.advanced-temperature-description{margin:0;line-height:1.4;opacity:.9}.modal-type-toggle{display:flex;background:var(--bg-quaternary);padding:2px;border-radius:var(--radius-sm);gap:2px}.modal-type-toggle-btn{background:transparent;border:none;padding:4px 12px;border-radius:var(--radius-xs);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.modal-type-toggle-btn:hover{color:var(--text-primary)}.modal-type-toggle-btn.active{background:var(--white-fixed);color:var(--text-primary);box-shadow:var(--shadow-sm)}.warning-banner{margin:1rem 1rem 0}.warning-banner-btn{margin-left:auto;background:var(--warning-text);color:var(--white-fixed);border:none;border-radius:var(--radius-xs);padding:.25rem .75rem;font-size:var(--text-xs);font-weight:600;cursor:pointer}.profile-edit-card.transparent{border:none;padding:0;background:transparent;margin-bottom:1.5rem}.profile-edit-card.transparent.last{margin-bottom:0}.modal-card-header-content{display:flex;align-items:baseline;gap:1rem}.modal-card-header-actions{display:flex;gap:.5rem}.modal-card-footer-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--model-message-border)}.token-value-highlight{color:var(--primary-color);font-weight:700;background:var(--bg-tertiary);padding:.1rem .4rem;border-radius:var(--radius-xs);font-size:.9em}.token-presets{display:flex;gap:.4rem;margin-top:.2rem;flex-wrap:wrap}.token-chip{padding:.4rem .8rem;border-radius:var(--radius-md);border:1px solid var(--model-message-border);background:var(--white-fixed);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.token-chip:hover{border-color:var(--accent-color);color:var(--primary-color);background:var(--bg-secondary)}.token-chip.active{background:var(--primary-color);color:var(--white-fixed);border-color:var(--primary-color);box-shadow:var(--shadow-md)}.modal-range-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent-color) 0%,var(--accent-color) var(--range-progress, 0%),var(--model-message-border) var(--range-progress, 0%),var(--model-message-border) 100%);border-radius:var(--radius-full);outline:none;margin:1.25rem 0;cursor:pointer;transition:opacity .2s}.modal-range-slider:disabled{opacity:.5;cursor:not-allowed}.modal-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--white-fixed);cursor:pointer;border:2px solid var(--accent-color);box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.modal-range-slider:not(:disabled)::-webkit-slider-thumb:hover{transform:scale(1.15);background:var(--accent-bg);box-shadow:var(--shadow-md)}.modal-range-slider:not(:disabled):active::-webkit-slider-thumb{transform:scale(1);background:var(--accent-color);border-color:var(--white-fixed)}.modal-range-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--white-fixed);cursor:pointer;border:2px solid var(--accent-color);box-shadow:var(--shadow-sm);transition:all .2s}.modal-range-slider::-moz-range-progress{background-color:var(--accent-color);height:6px;border-radius:var(--radius-full)}.modal-label-flex{display:flex;align-items:center;gap:.25rem}.model-help-link{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:color .2s}.model-help-link:hover{color:var(--primary-color)}.external-link-icon{width:16px;height:16px;stroke:currentColor;transition:opacity .2s;opacity:.8;margin-bottom:2px}.model-help-link:hover .external-link-icon{opacity:1}@media(max-width:768px){.settings-row{flex-direction:column}.settings-row .modal-form-group{width:100%;margin-bottom:var(--modal-group-padding-mobile)}.settings-section{gap:1.15rem}.settings-tab svg{width:14px;height:14px}.settings-tabs{display:flex;overflow-x:auto;white-space:nowrap;padding:0 .5rem;-webkit-overflow-scrolling:touch;flex-shrink:0;background-color:var(--bg-secondary);border-bottom:1px solid var(--model-message-border);min-height:25px}.settings-tab{padding:.5rem 1rem;flex-shrink:0;font-size:var(--text-mobile-md)}.profile-manager-content{flex-direction:column;align-items:stretch;gap:1rem}.profile-actions{padding-top:0;justify-content:stretch;display:flex;gap:.5rem}.profile-actions .modal-btn{flex:1}.profile-name-edit,.profile-name-edit select{width:100%}.modal-item-name{font-size:var(--text-mobile-sm)}.role-item.compact{padding:.2rem .5rem}.modal-item-row{gap:.65rem}.modal-item-actions{gap:0rem}.modal-card-header{flex-direction:column;align-items:stretch;gap:.8rem}.modal-card-header-content{width:100%;align-items:center;justify-content:center}.modal-card-header-actions,.modal-card-footer-actions{width:100%;flex-direction:column}.modal-type-toggle{width:100%}.modal-type-toggle-btn{flex:1;font-size:var(--text-mobile-sm)}.modal-card-header button:not(.modal-type-toggle-btn){width:100%}.modal-item-card{padding:.75rem}.modal-item-move-controls{flex-direction:row;width:auto}.modal-item-move-btn{width:32px;height:32px}.modal-item-delete-btn{height:32px;font-size:var(--text-mobile-sm)}}.preset-menu-container{position:relative;margin-left:auto}.preset-menu-trigger{display:flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--model-message-border);padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition-standard)}.preset-menu-trigger:hover,.preset-menu-trigger.active{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--input-border)}.preset-menu-trigger:disabled{opacity:.5;cursor:not-allowed}.preset-menu-trigger svg{width:14px;height:14px}.preset-menu-trigger .chevron{width:12px;height:12px;opacity:.6;transition:transform .2s ease}.preset-menu-trigger .chevron.open{transform:rotate(180deg)}.preset-menu-dropdown{animation:fade-in .2s ease-out}.preset-menu-header{padding:.5rem .75rem;font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg-secondary);border-bottom:1px solid var(--model-message-border)}.preset-menu-item{display:flex;flex-direction:row;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;text-align:left;background:transparent;border:none;cursor:pointer;transition:var(--transition-standard);border-bottom:1px solid var(--model-message-border)}.preset-menu-item:last-child{border-bottom:none}.preset-menu-item:hover{background-color:var(--bg-secondary)}.preset-name{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-primary)}.preset-menu-item-wrapper{display:flex;align-items:center;width:100%;border-bottom:1px solid var(--model-message-border)}.preset-menu-item-wrapper:last-child{border-bottom:none}.preset-menu-item-wrapper .preset-menu-item{border-bottom:none;flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.preset-tag{font-size:.65rem;background-color:var(--accent-bg);color:var(--accent-text);padding:.1rem .4rem;border-radius:var(--radius-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.preset-delete-btn{background:transparent;border:none;cursor:pointer;color:var(--input-focus-ring);padding:.25rem;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:var(--transition-standard);flex-shrink:0}.preset-delete-btn:hover{background-color:var(--error-bg);color:var(--error-color)}.save-preset-container{display:flex;align-items:center}.save-preset-input-group{display:flex;align-items:center;gap:.5rem}.save-confirm-btn{color:var(--success-color)}.save-confirm-btn:hover{background-color:var(--success-bg);color:var(--success-text)}.save-cancel-btn{color:var(--error-color)}.save-cancel-btn:hover{background-color:var(--error-bg);color:var(--error-text)}.role-instruction-textarea-large{min-height:425px}.modal-form-group.horizontal.space-between{justify-content:space-between}@media(max-width:768px){.preset-menu-dropdown{max-width:280px}.preset-menu-trigger{font-size:.7rem;padding:.2rem .5rem}}.token-usage{position:relative;display:inline-flex;align-items:center}.token-help-button{margin-left:6px;border:none;background:none;cursor:pointer;padding:0;opacity:.6;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-standard)}.token-help-button:hover{opacity:1}.token-usage-popup{position:absolute;top:100%;right:0;margin-top:8px;background-color:var(--bg-card);border:1px solid var(--model-message-border);border-radius:var(--radius-ml);padding:12px 14px;box-shadow:var(--shadow-lg);z-index:1000;min-width:240px;font-size:.8rem;white-space:nowrap;color:var(--text-primary);text-align:left}.token-popup-header{margin-bottom:10px;font-weight:700;border-bottom:1px solid var(--model-message-border);padding-bottom:8px;color:var(--text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.token-popup-content{display:flex;flex-direction:column;gap:4px}.token-group{display:flex;flex-direction:column;gap:2px;padding-top:10px;margin-top:4px;border-top:1px solid var(--model-message-border)}.token-group:first-child{border-top:none;margin-top:0;padding-top:0}.token-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.token-label-detailed{color:var(--text-primary);font-weight:500}.token-value{font-weight:700;font-family:var(--code-font-family);color:var(--text-primary)}.token-description{font-size:.7rem;color:var(--text-secondary);opacity:.7;white-space:normal;line-height:1.3}.token-total-row{border-top:1px solid var(--model-message-border);margin-top:4px;padding-top:10px;display:flex;justify-content:space-between;align-items:center;font-weight:800;color:var(--text-primary)}.token-total-row .token-value{color:var(--primary-color, var(--text-primary))}.token-usage.is-estimated .token-count{opacity:.8;color:var(--text-secondary)}.estimated-badge{font-size:.65rem;background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-xs);margin-left:6px;font-weight:500;vertical-align:middle}.token-estimate-notice{background-color:var(--warning-bg);border:1px solid var(--warning-color);color:var(--warning-text);padding:8px;border-radius:var(--radius-sm);font-size:.7rem;margin-bottom:8px;white-space:normal;line-height:1.4}.show-work-container{margin-top:2rem;border-top:1px solid var(--model-message-border);padding-top:1.5rem}.show-work-button{background:var(--bg-secondary);border:1px solid var(--model-message-border);cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-radius:var(--radius-md);transition:all .2s;width:100%;list-style:none;-webkit-user-select:none;user-select:none}.show-work-button:hover{background-color:var(--bg-tertiary);border-color:var(--input-border);filter:var(--hover-brightness)}.show-work-button.completed{background-color:var(--bg-secondary);color:var(--primary-color);border-color:var(--model-message-border)}.show-work-button::-webkit-details-marker{display:none}.work-arrow{width:16px;height:16px;transition:transform .2s;color:var(--text-secondary)}.show-work-container[open]>summary .work-arrow{transform:rotate(180deg)}.show-work-container[open]>summary{margin-bottom:1.5rem;background-color:var(--model-message-border)}.work-category{margin-bottom:2rem}.work-category-title{margin:0 0 1.25rem;font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:1rem}.work-category-title:after{content:"";flex:1;height:1px;background:var(--model-message-border)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.work-grid.single-column{grid-template-columns:1fr}.work-grid.single-column .work-card{max-height:none}.work-grid>.work-card:last-child:nth-child(odd){grid-column:1 / -1}.work-card{background-color:var(--bg-card);border:1px solid var(--model-message-border);border-radius:var(--radius-ml);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:box-shadow .2s;height:auto;max-height:500px;min-height:250px}.work-card:hover{box-shadow:var(--shadow-lg)}.work-card.refinement-step{border-color:var(--accent-border)}.work-card.synthesis_step{border-color:var(--success-border)}.work-card.error{border-color:var(--error-border)}.work-card-header{border-top-left-radius:var(--radius-ml-inner);border-top-right-radius:var(--radius-ml-inner)}.work-card.refinement-step .work-card-header{background-color:var(--accent-bg);color:var(--accent-text);border-bottom-color:var(--accent-border)}.work-card.synthesis_step .work-card-header{background-color:var(--success-bg);color:var(--success-text);border-bottom-color:var(--success-border)}.work-card.error .work-card-header{background-color:var(--error-bg);color:var(--error-text);border-bottom-color:var(--error-border)}.work-card-title-group{display:flex;align-items:center;gap:.75rem}.work-card-info{display:flex;flex-direction:column;min-width:0;line-height:1.5}.work-card-name{font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-card-status{font-size:.7rem;color:var(--text-secondary);font-weight:400}.work-card-status.error{color:var(--error-text)}.work-card-actions{display:flex;gap:.25rem}.work-card-retry-btn.error{color:var(--error-color)}.show-work-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;gap:1rem}.show-work-continue-container{display:flex;justify-content:center;margin-top:1.5rem;margin-bottom:.5rem}.show-work-continue-container .continue-button{padding:.5rem 1.5rem;font-size:.85rem;font-weight:600;background-color:var(--success-color);color:var(--white-fixed);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-standard);white-space:nowrap;width:35%;margin-top:-10px}.show-work-continue-container .continue-button:hover{filter:var(--hover-brightness);transform:var(--hover-scale)}.show-work-continue-container .continue-button:active{transform:var(--active-scale)}.collapse-work-button{margin-top:0;flex:1}.collapse-arrow{transform:rotate(180deg)}.work-card-icon{width:24px;height:24px;background:var(--input-border);color:var(--white-fixed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;transition:all .3s;flex-shrink:0}.work-card-icon.working{background:var(--text-primary)}.work-card-icon.done{background:var(--success-color)}.work-card-icon.error{background:var(--error-color)}.work-card.refinement-step .work-card-icon{background:var(--accent-color)}.work-card.refinement-step .work-card-icon.working{background:var(--text-primary)}.work-card.refinement-step .work-card-icon.done{background:var(--success-color)}.work-card.refinement-step .work-card-icon.error{background:var(--error-color)}.work-card.synthesis_step .work-card-icon{background:var(--success-color)}.work-card.synthesis_step .work-card-icon.working{background:var(--text-primary)}.work-card.synthesis_step .work-card-icon.done{background:var(--success-color)}.work-card.synthesis_step .work-card-icon.error{background:var(--error-color)}.work-card-icon svg{width:14px;height:14px}.work-card-icon .spinner{animation:spin 1s linear infinite}.work-card-icon .opacity-25{opacity:.25}.work-card-icon .opacity-75{opacity:.75}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-error{0%{box-shadow:var(--shadow-sm)}to{box-shadow:0 0 16px var(--error-border)}}.work-card.error{animation:glow-error 1s alternate infinite ease-in-out}.work-card-body{max-height:250px;font-size:.88rem}.work-card-body:last-child{border-bottom-left-radius:var(--radius-ml-inner);border-bottom-right-radius:var(--radius-ml-inner)}.work-card-footer{padding:0rem 1.25rem;margin-top:auto;border-bottom-left-radius:var(--radius-ml-inner);border-bottom-right-radius:var(--radius-ml-inner)}.token-usage{display:flex;align-items:center;font-size:.7rem;color:var(--text-secondary);padding:0rem;margin-left:auto}.token-count{font-family:var(--code-font-family);font-weight:600}.total-token-usage{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--bg-tertiary);border:1px solid var(--model-message-border);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.total-token-usage .token-icon{width:16px;height:16px;color:var(--text-secondary)}.total-token-usage .token-count{font-family:var(--code-font-family);font-weight:600;color:var(--text-primary)}.total-token-usage .token-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.action-menu-container{position:relative;display:inline-block}.action-menu-item:hover{background-color:var(--bg-secondary)}.action-menu-item.danger{color:var(--error-color)}.action-menu-item.danger:hover{background-color:var(--error-bg);color:var(--error-color)}.action-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.action-menu-item:hover .action-icon{color:var(--text-primary)}.action-menu-item.danger .action-icon{color:var(--error-color)}.action-icon svg{width:18px;height:18px}.action-menu-dropdown{position:absolute;top:100%;right:0;min-width:200px;background-color:var(--bg-card);border:1px solid var(--model-message-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;margin-top:4px;overflow:hidden;animation:fade-in .2s ease-out}.action-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;cursor:pointer;font-size:.9rem;color:var(--text-primary);transition:var(--transition-standard)}.expand-work-button{color:var(--text-secondary)}.expand-work-button:hover{transform:scale(1.1)}.expand-work-button svg{width:18px;height:18px}.debug-view-toggle{display:flex;background:var(--model-message-border);padding:2px;border-radius:var(--radius-sm);gap:2px}.debug-view-toggle .toggle-btn{background:transparent;border:none;padding:4px 12px;border-radius:var(--radius-xs);font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.debug-view-toggle .toggle-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.raw-debug-container{position:relative}.copy-raw-button{position:absolute;top:.5rem;right:.5rem;background-color:var(--white-10);color:var(--model-message-border);border:1px solid var(--white-20);border-radius:var(--radius-xs);padding:.25rem .6rem;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:var(--transition-standard);font-weight:500;z-index:5}.copy-raw-button:hover{background-color:var(--white-20);color:var(--white-fixed);filter:var(--hover-brightness)}.copy-raw-button svg{width:14px;height:14px}.raw-debug-view{background-color:var(--primary-color);color:var(--model-message-border);padding:2.5rem 1rem 1rem;border-radius:var(--radius-md);font-family:var(--code-font-family);font-size:.85rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}@media(max-width:768px){.work-grid{grid-template-columns:1fr}.work-card{height:auto;max-height:400px}.show-work-button{font-size:.85rem;padding:.6rem 1rem}}.agent-error-display{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;height:100%;min-height:120px}.agent-error-type{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--error-color);margin-bottom:.5rem;padding:.25rem .75rem;background-color:var(--error-bg);border-radius:var(--radius-xs)}.agent-error-message{font-size:.9rem;color:var(--error-text);line-height:1.5;max-width:280px}.pending-work,.empty-work{padding:1.5rem;color:var(--text-secondary);font-style:italic;text-align:center;font-size:.9rem}.empty-work{color:var(--text-secondary);opacity:.7}.info-icon{width:14px;height:14px}.sources-container{margin-top:2rem;border-top:1px solid var(--model-message-border);padding-top:1.25rem}.sources-title{margin:0 0 1rem;font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.sources-list{display:flex;flex-wrap:wrap;gap:.75rem}.source-link{display:inline-flex;align-items:center;gap:.6rem;background-color:var(--bg-card);border:1px solid var(--model-message-border);border-radius:var(--radius-2xl);padding:.5rem 1rem;text-decoration:none;transition:var(--transition-standard);max-width:100%;box-shadow:var(--shadow-sm)}.source-link:hover{border-color:var(--accent-color);background-color:var(--bg-secondary);filter:var(--hover-brightness);transform:var(--hover-scale)}.source-index{font-size:.75rem;font-weight:700;color:var(--text-primary);background-color:var(--model-message-border);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.source-title{font-size:.85rem;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.source-icon{width:16px;height:16px;color:var(--input-focus-ring)}.error-boundary-container{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background-color:rgb(var(--background-rgb));padding:2rem;font-family:var(--font-family)}.error-boundary-content{max-width:600px;width:100%;background-color:var(--app-background);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--model-message-border)}.error-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:var(--toast-error-edge);background-color:var(--toast-error-bg);border-radius:50%;display:flex;align-items:center;justify-content:center}.error-icon svg{width:32px;height:32px}.error-boundary-content h1{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.error-boundary-content p{margin:0 0 2rem;color:var(--text-secondary);line-height:1.6}.error-details{text-align:left;background-color:var(--model-message-bg);border:1px solid var(--model-message-border);border-radius:var(--radius-md);padding:1rem;margin-bottom:2rem;max-height:300px;overflow-y:auto}.error-details summary{font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:.5rem;cursor:pointer}.error-details pre{font-family:var(--code-font-family);font-size:.75rem;white-space:pre-wrap;word-break:break-all;margin:0;color:var(--toast-error-text)}.error-details pre.error-stack{margin-top:.5rem;color:var(--text-secondary);border-top:1px solid var(--model-message-border);padding-top:.5rem}.error-reset-button{background-color:var(--primary-color);color:var(--white-fixed);border:none;border-radius:var(--radius-md);padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-standard);box-shadow:var(--shadow-sm)}.error-reset-button:hover{background-color:var(--text-primary);transform:var(--hover-scale);box-shadow:var(--shadow-md)}.error-reset-button:active{transform:translateY(0)}@media(max-width:640px){.error-boundary-content{padding:2rem 1.5rem}.error-boundary-content h1{font-size:1.25rem}}