:root{--bg-canvas:#f7f6f3;--bg-canvas-subtle:#fbfbfa;--bg-surface:#fff;--bg-surface-secondary:#f9f9f8;--bg-surface-tertiary:#f1f0ec;--bg-input:#fff;--bg-code:#f9f9f8;--border-light:#eaeaea;--border-subtle:#0000000f;--border-strong:#d4d4d2;--border-focus:#111;--text-primary:#111;--text-body:#2f3437;--text-secondary:#787774;--text-muted:#9e9e9c;--text-inverse:#fff;--pastel-green-bg:#edf3ec;--pastel-green-text:#346538;--pastel-green-border:#3465382e;--pastel-blue-bg:#e1f3fe;--pastel-blue-text:#1f6c9f;--pastel-blue-border:#1f6c9f2e;--pastel-red-bg:#fdebec;--pastel-red-text:#9f2f2d;--pastel-red-border:#9f2f2d2e;--pastel-yellow-bg:#fbf3db;--pastel-yellow-text:#956400;--pastel-yellow-border:#9564002e;--font-sans:"Geist","SF Pro Display","Helvetica Neue","Switzer",-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:"Instrument Serif","Newsreader","Playfair Display","Lyon Text",Georgia,serif;--font-mono:"Geist Mono","SF Mono","JetBrains Mono",Menlo,Monaco,Consolas,monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px;--ease-editorial:cubic-bezier(.16,1,.3,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--duration-fast:.15s;--duration-normal:.24s;--shadow-card:0 1px 3px #00000005,0 0 0 1px var(--border-light);--shadow-card-hover:0 2px 8px #0000000a,0 0 0 1px var(--border-strong);--shadow-modal:0 16px 40px -8px #00000014,0 0 0 1px var(--border-light);--shadow-drawer:-4px 0 24px -4px #0000000f,0 0 0 1px var(--border-light)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-canvas);color:var(--text-body);font-size:16px;font-family:var(--font-sans);text-rendering:optimizeLegibility;overflow-x:hidden}body{display:flex;position:relative;background-color:var(--bg-canvas);color:var(--text-body);flex-direction:column;min-height:100dvh;line-height:1.5}.font-mono{font-family:var(--font-mono)}.font-serif{font-family:var(--font-serif)}.ambient-layer{position:fixed;pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 50% -10%,#00000005 0%,#f7f6f300 100%);height:400px;top:0;left:0;right:0}.pastel-green{background:var(--pastel-green-bg);color:var(--pastel-green-text);border:1px solid var(--pastel-green-border)}.pastel-blue{background:var(--pastel-blue-bg);color:var(--pastel-blue-text);border:1px solid var(--pastel-blue-border)}.pastel-yellow{background:var(--pastel-yellow-bg);color:var(--pastel-yellow-text);border:1px solid var(--pastel-yellow-border)}.pastel-red{background:var(--pastel-red-bg);color:var(--pastel-red-text);border:1px solid var(--pastel-red-border)}.app-header{position:sticky;z-index:40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);background:#f7f6f3eb;flex-shrink:0;height:58px;top:0}.header-container{display:flex;justify-content:space-between;align-items: center;gap:16px;max-width:1240px;height:100%;margin:0 auto;padding:0 20px}.brand-group{display:flex;align-items: center}.brand-link{display:flex;text-decoration:none;align-items: center}.brand-logo{display:block;transition:opacity var(--duration-fast)var(--ease-smooth);width:auto;height:32px}.brand-link:hover .brand-logo{opacity:.75}.header-nav-actions{display:flex;align-items: center;gap:8px}.status-badge{display:inline-flex;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--text-secondary);transition:all var(--duration-fast)var(--ease-smooth);align-items: center;gap:6px;padding:3px 9px;font-size:11px}.status-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.status-badge.ready .status-dot{background:#346538}.status-badge.translating .status-dot{animation:pulse-dot 1s infinite alternate;background:#1f6c9f}@keyframes pulse-dot{0%{opacity:.4}to{opacity:1}}.btn-ghost-icon{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-body);display:flex;cursor:pointer;position:relative;transition:background var(--duration-fast)var(--ease-smooth),border-color var(--duration-fast)var(--ease-smooth);justify-content:center;align-items: center;width:32px;height:32px}.btn-ghost-icon svg{width:15px;height:15px}.btn-ghost-icon:hover{background:var(--bg-surface-secondary);border-color:var(--border-strong)}.btn-ghost-icon:active{transform:scale(.96)}.btn-tooltip{position:absolute;background:var(--text-primary);color:var(--text-inverse);font-family:var(--font-mono);border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast)var(--ease-smooth),transform var(--duration-fast)var(--ease-smooth);z-index:50;padding:3px 7px;font-size:10.5px;top:calc(100% + 6px);right:0;transform:translateY(3px)}.btn-tooltip kbd{background:#fff3;border-radius:2px;padding:1px 3px;font-size:9.5px}.btn-ghost-icon:hover .btn-tooltip{opacity:1;transform:translateY(0)}.btn-settings-pill{display:inline-flex;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-body);font-family:var(--font-sans);transition:background var(--duration-fast)var(--ease-smooth),border-color var(--duration-fast)var(--ease-smooth);align-items: center;gap:7px;height:32px;padding:4px 10px;font-size:12.5px;font-weight:500}.btn-settings-pill svg{color:var(--text-secondary);width:14px;height:14px}.btn-settings-pill:hover{background:var(--bg-surface-secondary);border-color:var(--border-strong)}.btn-settings-pill:active{transform:scale(.97)}.key-status-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);padding:2px 5px;font-size:9.5px}.key-status-badge.not-configured{background:var(--pastel-yellow-bg);color:var(--pastel-yellow-text);border:1px solid var(--pastel-yellow-border)}.key-status-badge.configured{background:var(--pastel-green-bg);color:var(--pastel-green-text);border:1px solid var(--pastel-green-border)}.main-app-content{display:flex;position:relative;z-index:1;flex-direction:column;flex:1;padding:20px 0 28px}.app-workspace-container{display:flex;flex-direction:column;flex:1;gap:16px;width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.workspace-intro{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-end;gap:16px}.intro-left{display:flex;flex-direction:column;gap:4px}.intro-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:10px}.intro-headline{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(20px,2.5vw,26px);font-weight:400;line-height:1.15}.window-chrome{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;display:flex;transition:box-shadow var(--duration-normal)var(--ease-editorial);flex-direction:column;flex:1;min-height:520px}.window-chrome:hover{box-shadow:var(--shadow-card-hover)}.window-titlebar{background:var(--bg-surface-secondary);border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;align-items: center;height:36px;padding:0 14px}.window-controls{display:flex;align-items: center;gap:5px}.control-dot{background:#d4d4d2;border-radius:50%;width:8px;height:8px}.window-title{color:var(--text-secondary);display:flex;align-items: center;gap:6px;font-size:11.5px}.title-sep{color:var(--text-muted)}.window-meta{display:flex;align-items: center}.window-chip{color:var(--text-muted);border:1px solid var(--border-light);background:var(--bg-surface);border-radius:var(--radius-xs);padding:1px 5px;font-size:9.5px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:480px}.panel{display:flex;background:var(--bg-surface);position:relative;flex-direction:column;flex:1}.panel-input{border-right:1px solid var(--border-light)}.panel-output{background:var(--bg-surface)}.panel-header{border-bottom:1px solid var(--border-light);display:flex;background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items: center;gap:10px;padding:11px 16px}.panel-meta{display:flex;align-items: center;gap:7px}.badge-lang{letter-spacing:.04em;border-radius:var(--radius-pill);padding:1px 5px;font-size:9.5px;font-weight:600}.panel-heading{color:var(--text-primary);font-size:12.5px;font-weight:600}.panel-stats{color:var(--text-secondary);display:flex;align-items: center;gap:5px;font-size:11px}.stat-sep{color:var(--text-muted)}.badge-saving{font-family:var(--font-mono);background:var(--pastel-green-bg);color:var(--pastel-green-text);border:1px solid var(--pastel-green-border);border-radius:var(--radius-xs);padding:1px 5px;font-size:10.5px;font-weight:500}.panel-header-actions{display:flex;align-items: center;gap:6px}.btn-text-action{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;display:flex;border-radius:var(--radius-xs);transition:color var(--duration-fast)var(--ease-smooth),background var(--duration-fast)var(--ease-smooth);background:0 0;border:none;align-items: center;gap:4px;padding:3px 6px;font-size:11.5px}.btn-text-action svg{width:12px;height:12px}.btn-text-action:hover{color:var(--text-primary);background:var(--bg-surface-secondary)}.btn-action-outline{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);color:var(--text-body);font-family:var(--font-sans);cursor:pointer;display:inline-flex;transition:all var(--duration-fast)var(--ease-smooth);align-items: center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:500}.btn-action-outline svg{color:var(--text-secondary);width:13px;height:13px}.btn-action-outline .icon-check{display:none;color:var(--pastel-green-text)}.btn-action-outline.copied .icon-copy{display:none}.btn-action-outline.copied .icon-check{display:inline-block}.btn-action-outline.copied{border-color:var(--pastel-green-border);background:var(--pastel-green-bg);color:var(--pastel-green-text)}.btn-action-outline:hover{background:var(--bg-surface-secondary);border-color:var(--border-strong)}.btn-action-outline:active{transform:scale(.97)}.textarea-wrapper,.output-wrapper{display:flex;position:relative;background:var(--bg-surface);overflow:hidden;flex-direction:column;flex:1}.code-textarea{outline:none;resize:none;color:var(--text-primary);font-size:13.5px;line-height:1.6;font-family:var(--font-mono);background:0 0;border:none;flex:1;width:100%;min-height:280px;padding:16px 18px}.code-textarea::placeholder{color:var(--text-muted);font-family:var(--font-sans);font-size:12.5px;line-height:1.55}.output-wrapper{background:var(--bg-surface-secondary)}.empty-state{display:flex;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items: center;padding:32px 24px}.empty-icon{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-light);display:flex;color:var(--text-muted);justify-content:center;align-items: center;width:38px;height:38px;margin-bottom:12px}.empty-icon svg{width:18px;height:18px}.empty-title{color:var(--text-primary);margin-bottom:6px;font-size:13.5px;font-weight:600}.empty-desc{color:var(--text-secondary);max-width:300px;font-size:12.5px;line-height:1.5}.empty-desc kbd{font-family:var(--font-mono);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);color:var(--text-primary);padding:1px 4px;font-size:10.5px}.output-content{overflow-y:auto;outline:none;flex:1;padding:16px 18px}.output-content pre{white-space:pre-wrap;word-break:break-word;margin:0}.output-content code{font-family:var(--font-mono);color:var(--text-primary);font-size:13.5px;line-height:1.6}.streaming-cursor{display:inline-block;background:var(--text-primary);vertical-align:middle;animation:blink .8s infinite;width:6px;height:14px;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.panel-footer{border-top:1px solid var(--border-light);display:flex;background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items: center;gap:10px;padding:10px 16px}.keystroke-hints{display:flex;color:var(--text-muted);align-items: center;gap:10px;font-size:10.5px}.hint-key kbd{font-family:var(--font-mono);background:var(--bg-surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xs);color:var(--text-secondary);margin-right:2px;padding:1px 4px;font-size:9.5px}.btn-primary-cta{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;display:inline-flex;position:relative;transition:background var(--duration-fast)var(--ease-smooth),transform var(--duration-fast)var(--ease-editorial);background:#111;border:1px solid #111;align-items: center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:500}.btn-primary-cta:hover{background:#2f3437;border-color:#2f3437}.btn-primary-cta:active{transform:scale(.98)}.btn-primary-cta .btn-icon-arrow{transition:transform var(--duration-fast)var(--ease-editorial);width:13px;height:13px}.btn-primary-cta:hover .btn-icon-arrow{transform:translate(2px)}.btn-spinner{display:none;animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:13px;height:13px}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary-cta.loading .btn-text,.btn-primary-cta.loading .btn-icon-arrow{visibility:hidden}.btn-primary-cta.loading .btn-spinner{display:block;position:absolute;margin-top:-6.5px;margin-left:-6.5px;top:50%;left:50%}.analytics-bar{background:var(--bg-surface-secondary)}.metric-group{display:flex;align-items: center;gap:8px}.metric-label{color:var(--text-secondary);font-size:10.5px}.efficiency-track{background:var(--border-light);border-radius:var(--radius-pill);overflow:hidden;width:76px;height:5px}.efficiency-fill{background:var(--pastel-green-text);border-radius:var(--radius-pill);transition:width .4s var(--ease-editorial);height:100%}.metric-readout{color:var(--text-secondary);display:flex;align-items: center;gap:5px;font-size:10.5px}.readout-sep{color:var(--text-muted)}.app-footer{border-top:1px solid var(--border-light);background:var(--bg-surface);flex-shrink:0;padding:12px 0}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px;max-width:1240px;margin:0 auto;padding:0 20px}.footer-brand{display:flex;align-items: center;gap:8px;font-size:11px}.footer-logo{color:var(--text-primary);font-weight:600}.footer-sep{color:var(--text-muted)}.footer-privacy{color:var(--text-secondary)}.footer-shortcuts{display:flex;color:var(--text-secondary);align-items: center;gap:10px;font-size:10.5px}.shortcut-item kbd{font-family:var(--font-mono);background:var(--bg-surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xs);color:var(--text-primary);margin-right:3px;padding:1px 4px;font-size:9.5px}.footer-status{display:flex;color:var(--text-muted);align-items: center;gap:5px;font-size:10.5px}.status-indicator-dot{background:var(--pastel-green-text);border-radius:50%;width:5px;height:5px}.modal-backdrop{position:fixed;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;opacity:0;pointer-events:none;transition:opacity var(--duration-normal)var(--ease-editorial);background:#1116;justify-content:center;align-items: center;padding:20px;inset:0}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-container{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);display:flex;transition:transform var(--duration-normal)var(--ease-editorial);flex-direction:column;width:100%;max-width:520px;max-height:90vh;transform:translateY(12px)scale(.98)}.modal-backdrop.open .modal-container{transform:translateY(0)scale(1)}.modal-header{border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items: center;padding:16px 20px}.modal-title-wrap{display:flex;align-items: center;gap:8px}.modal-title-wrap svg{color:var(--text-secondary);width:16px;height:16px}.modal-title-wrap h3{color:var(--text-primary);font-size:14.5px;font-weight:600}.modal-body{overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:20px}.form-group{display:flex;flex-direction:column;gap:7px}.form-label{color:var(--text-primary);display:flex;justify-content:space-between;align-items: center;font-size:12px;font-weight:600}.label-badge{border-radius:var(--radius-pill);padding:2px 5px;font-size:9.5px}.label-with-action{display:flex;justify-content:space-between;align-items: center}.label-actions-inline{display:flex;align-items: center;gap:6px}.link-btn{color:var(--text-secondary);cursor:pointer;text-decoration:underline;text-underline-offset:2px;background:0 0;border:none;font-size:11px}.link-btn:hover{color:var(--text-primary)}.btn-ghost-icon-xs{border:1px solid var(--border-light);border-radius:var(--radius-xs);display:flex;cursor:pointer;color:var(--text-secondary);background:0 0;justify-content:center;align-items: center;width:22px;height:22px}.btn-ghost-icon-xs svg{width:12px;height:12px}.btn-ghost-icon-xs.spinning svg{animation:spin .6s linear infinite}.form-select,.form-input{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:border-color var(--duration-fast)var(--ease-smooth);width:100%;height:36px;padding:0 10px;font-size:12.5px}.form-select:focus,.form-input:focus{border-color:var(--border-focus)}.input-with-action{display:flex;gap:6px}.input-with-action .form-input{flex:1}.btn-input-paste{display:inline-flex;background:var(--bg-surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-body);white-space:nowrap;align-items: center;gap:4px;padding:0 9px;font-size:11.5px}.btn-input-paste svg{width:12px;height:12px}.btn-input-paste:hover{background:var(--bg-surface-tertiary)}.field-hint{color:var(--text-secondary);font-size:11px;line-height:1.35}.field-hint a{color:var(--text-primary);text-decoration:underline;text-underline-offset:2px}.model-select-wrapper{position:relative}.model-fetch-spinner{position:absolute;border:2px solid var(--border-light);border-top-color:var(--text-primary);animation:spin .6s linear infinite;border-radius:50%;width:13px;height:13px;top:11px;right:10px}.storage-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.radio-card{display:flex;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast)var(--ease-smooth),background var(--duration-fast)var(--ease-smooth);align-items: flex-start;gap:8px;padding:10px}.radio-card input{accent-color:#111;margin-top:2px}.radio-card-body{display:flex;flex-direction:column;gap:2px}.radio-card-title{color:var(--text-primary);font-size:11.5px;font-weight:600}.radio-card-desc{color:var(--text-secondary);font-size:10.5px;line-height:1.3}.radio-card:has(input:checked){border-color:var(--border-focus);background:var(--bg-surface-secondary)}.danger-zone{display:flex;background:var(--pastel-red-bg);border:1px solid var(--pastel-red-border);border-radius:var(--radius-sm);justify-content:space-between;align-items: center;padding:12px}.danger-info{display:flex;flex-direction:column;gap:2px}.danger-title{color:var(--pastel-red-text);font-size:11.5px;font-weight:600}.danger-desc{color:var(--pastel-red-text);opacity:.85;font-size:10.5px}.btn-danger-outline{border:1px solid var(--pastel-red-text);color:var(--pastel-red-text);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--duration-fast)var(--ease-smooth);background:0 0;padding:3px 8px;font-size:11px;font-weight:600}.btn-danger-outline:hover{background:#9f2f2d1a}.modal-footer{border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;align-items: center;gap:8px;padding:14px 20px}.btn-ghost-secondary{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-body);border-radius:var(--radius-sm);cursor:pointer;padding:7px 14px;font-size:12.5px;font-weight:500}.btn-ghost-secondary:hover{background:var(--bg-surface-secondary)}.confirm-modal-backdrop{z-index:150}.modal-container-sm{max-width:420px}.icon-warning-accent{color:#c53030}.confirm-body{gap:8px;padding:16px 20px}.confirm-message{color:var(--text-body);margin:0;font-size:13px;line-height:1.5}.btn-danger-cta{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast)var(--ease-smooth),opacity var(--duration-fast)var(--ease-smooth);background:#c53030;border:1px solid #0000001a;padding:7px 16px;font-size:12.5px;font-weight:500}.btn-danger-cta:hover{background:#9b2c2c}.drawer-backdrop{position:fixed;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:90;opacity:0;pointer-events:none;transition:opacity var(--duration-normal)var(--ease-editorial);background:#1111114d;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;background:var(--bg-surface);border-left:1px solid var(--border-light);box-shadow:var(--shadow-drawer);z-index:100;display:flex;transition:transform var(--duration-normal)var(--ease-editorial);flex-direction:column;width:100%;max-width:420px;top:0;bottom:0;right:0;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items: center;padding:16px 18px}.drawer-title-wrap{display:flex;align-items: center;gap:7px}.drawer-title-wrap svg{color:var(--text-secondary);width:15px;height:15px}.drawer-title-wrap h3{color:var(--text-primary);font-size:13.5px;font-weight:600}.drawer-actions{display:flex;align-items: center;gap:8px}.drawer-body{overflow-y:auto;display:flex;flex-direction:column;flex:1;gap:10px;padding:16px}.history-empty{display:flex;text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items: center;padding:48px 16px}.history-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:600}.history-empty-desc{font-size:11.5px;line-height:1.45}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast)var(--ease-smooth),box-shadow var(--duration-fast)var(--ease-smooth);padding:12px}.history-item:hover{border-color:var(--border-strong);box-shadow:0 2px 6px #00000008}.history-item-meta{display:flex;font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items: center;margin-bottom:6px;font-size:10.5px}.history-item-meta-info{display:flex;align-items: center;gap:8px}.btn-history-item-delete{color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;display:flex;opacity:.5;transition:opacity var(--duration-fast)var(--ease-smooth),color var(--duration-fast)var(--ease-smooth),background var(--duration-fast)var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items: center;padding:3px 5px}.btn-history-item-delete:hover{opacity:1;color:#c53030;background:#c5303014}.btn-history-item-delete svg{width:13px;height:13px}.history-item-input{color:var(--text-body);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12px;line-height:1.4}.history-item-output{background:var(--bg-surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xs);color:var(--text-secondary);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical;margin:0;padding:6px 8px;font-size:11px}.toast-container{position:fixed;z-index:120;display:flex;pointer-events:none;flex-direction:column;gap:6px;bottom:20px;right:20px}.toast{background:var(--text-primary);color:var(--text-inverse);border-radius:var(--radius-sm);display:flex;pointer-events:auto;animation:toast-in .2s var(--ease-editorial);align-items: center;gap:8px;padding:9px 14px;transition:opacity .25s,transform .25s;font-size:12.5px;box-shadow:0 6px 20px #0000001f}.toast svg{flex-shrink:0;width:15px;height:15px}.toast.success{background:#111}.toast.error{background:#9f2f2d}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}@media (max-width:860px){.workspace-grid{grid-template-columns:1fr}.panel-input{border-right:none;border-bottom:1px solid var(--border-light)}.workspace-intro{flex-direction:column;align-items: flex-start}}