:root{color-scheme:light;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-body: Haas, -apple-system, system-ui, "Segoe UI", Roboto, "Microsoft YaHei", sans-serif;--font-display: "Haas Groot Disp", Haas, -apple-system, system-ui, "Segoe UI", Roboto, "Microsoft YaHei", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--theme_text: #181d26;--theme_text-secondary: #333333;--theme_text-weak: rgba(4,14,32,.69);--theme_button-text-secondary-active: rgba(7,12,20,.82);--theme_link: #1b61c9;--theme_link-hover: #254fad;--theme_success-text: #006400;--theme_surface: #ffffff;--theme_surface-spotlight: rgba(249,252,255,.97);--theme_surface-light: #f8fafc;--theme_border: #e0e2e6;--theme_overlay: rgba(0,0,0,.08);--theme_shadow-blue: rgba(0,0,0,.32) 0px 0px 1px, rgba(0,0,0,.08) 0px 0px 2px, rgba(45,127,249,.28) 0px 1px 3px, rgba(0,0,0,.06) 0px 0px 0px .5px inset;--theme_shadow-soft: rgba(15,48,106,.05) 0px 0px 20px;--theme_radius-small: 2px;--theme_radius-button: 12px;--theme_radius-card: 16px;--theme_radius-panel: 24px;--theme_radius-large: 32px;--theme_radius-circle: 50%;--color-primary: var(--theme_surface);--color-primary-hover: var(--theme_surface-light);--color-primary-muted: var(--theme_text-weak);--color-primary-foreground: var(--theme_text);--color-contrast: var(--theme_text);--color-contrast-hover: var(--theme_button-text-secondary-active);--color-background: var(--theme_surface);--color-foreground: var(--theme_text);--color-surface: var(--theme_surface-light);--color-surface-elevated: var(--theme_surface-spotlight);--color-surface-hover: var(--theme_surface-light);--color-surface-inset: var(--theme_surface-light);--color-surface-strong: var(--theme_border);--color-border: var(--theme_border);--color-border-strong: var(--theme_border);--color-border-subtle: var(--theme_border);--color-text-primary: var(--theme_text);--color-text-secondary: var(--theme_text-secondary);--color-text-muted: var(--theme_text-weak);--color-text-faint: var(--theme_text-weak);--color-text-disabled: var(--theme_text-weak);--color-accent: var(--theme_link);--color-accent-hover: var(--theme_link-hover);--color-accent-subtle: var(--theme_surface-light);--color-accent-foreground: var(--theme_surface);--color-focus-ring: var(--theme_link);--color-code-background: var(--theme_surface-light);--color-code-foreground: var(--theme_text);--color-code-placeholder: var(--theme_text-weak);--color-code-scrollbar: var(--theme_border);--color-code-scrollbar-hover: var(--theme_text-weak);--color-code-selection-background: var(--theme_link);--color-code-selection-foreground: var(--theme_surface);--color-overlay: var(--theme_overlay);--color-success: var(--theme_success-text);--color-success-surface: var(--theme_surface-light);--color-warning: var(--theme_text-weak);--color-warning-surface: var(--theme_surface-light);--color-error: var(--theme_text);--color-error-surface: var(--theme_surface-light);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-none: 0;--radius-sm: var(--theme_radius-small);--radius-button: var(--theme_radius-button);--radius-card: var(--theme_radius-card);--radius-panel: var(--theme_radius-panel);--radius-large: var(--theme_radius-large);--shadow-blue: var(--theme_shadow-blue);--shadow-soft: var(--theme_shadow-soft);--duration-fast: .14s;--duration-base: .2s;--ease-standard: ease;--letter-body: .18px;--letter-body-medium: .12px;--letter-button: .08px;--letter-caption: .16px;--letter-tag: .12px;--page-gutter: clamp(16px, 2.2vw, 32px);--topbar-height: 60px;--pane-left-max: 62%;color:var(--color-text-secondary);background:var(--color-background)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:3px solid transparent;border-radius:var(--radius-button);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted);background-clip:padding-box}html,body,#root{min-width:320px;min-height:100vh}body{margin:0;color:var(--color-text-secondary);background:var(--color-background);font-family:var(--font-body);font-size:16px;line-height:1.35;letter-spacing:var(--letter-body)}button,input,select,textarea{font:inherit}button{border:0;background:none}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}pre{margin:0;white-space:pre-wrap;word-break:break-word}::selection{color:var(--color-accent-foreground);background:var(--color-accent)}.shell{display:flex;flex-direction:column;height:100vh;color:var(--color-text-secondary);background:var(--color-background)}.topbar{flex:none;min-height:var(--topbar-height);width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:0 var(--page-gutter);background:var(--color-background);border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-soft)}.brand{display:flex;align-items:center;width:min(174px,40vw);height:32px;overflow:hidden;min-width:0}.brand-logo-viewport{position:relative;display:block;width:100%;height:100%;overflow:hidden;flex:none}.brand-logo{display:block;width:205px;max-width:none;height:auto;flex:none;object-fit:contain;transform:translate(-29px,-52px)}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);min-width:0}.body{flex:1;min-height:0;display:flex;overflow:hidden}.hidden-input{display:none}.workspace{flex:1;min-height:0;width:100%;margin:0;display:flex;overflow:hidden;border:0;border-radius:var(--radius-none);background:var(--color-background)}.pane{display:flex;flex-direction:column;min-width:0;min-height:0}.pane-left{flex:0 0 var(--pane-left-width, 40%);max-width:var(--pane-left-max);border-right:1px solid var(--color-border-subtle)}.pane-right{flex:1}.pane-head{flex:none;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-elevated)}.pane-head-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.pane-head h2{margin:0;color:var(--color-text-primary);font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.3;letter-spacing:var(--letter-body-medium);white-space:nowrap}.pane-head .ph-icon,.settings-group-head .sg-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid var(--color-border);border-radius:var(--radius-button);color:var(--color-text-primary);background:var(--color-background)}.pane-head-actions{display:flex;align-items:center;gap:var(--space-2);flex:none;min-width:0}.pane-head .btn-secondary{box-shadow:none}.pane-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;padding:0;background:var(--color-background)}.pane-body>.empty{flex:1;min-height:200px}.pane-body>.result-list{flex:1}.pane-body .markdown,.pane-body .markdown-rendered{flex:1;min-height:0}.divider{flex:none;position:relative;width:1px;background:var(--color-border-subtle);cursor:col-resize}.divider:before{content:"";position:absolute;top:0;right:-5px;bottom:0;left:-5px}.divider:hover,.divider:active{background:var(--color-border-strong)}.btn,.icon-btn{-webkit-tap-highlight-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;min-width:40px;max-width:100%;padding:var(--space-4) var(--space-5);overflow:hidden;border:1px solid transparent;border-radius:var(--radius-button);font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.25;letter-spacing:var(--letter-button);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.btn svg{flex:none}.btn-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.btn-primary{color:var(--color-accent-foreground);background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-blue)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{color:var(--color-text-primary);background:var(--color-background);border-color:var(--color-border);box-shadow:var(--shadow-soft)}.btn-ghost{color:var(--color-text-primary);background:transparent;border-color:var(--color-border)}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-contrast-hover)}.topbar-actions .btn{min-height:36px;min-width:36px;padding:var(--space-2) var(--space-3);font-size:14px;line-height:1.3}.btn-sm{min-height:34px;min-width:34px;padding:var(--space-2) var(--space-3);font-size:14px;line-height:1.3}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid var(--color-border);border-radius:var(--radius-button);color:var(--color-text-secondary);background:var(--color-background);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.icon-btn:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.icon-btn.danger:hover:not(:disabled){color:var(--color-accent)}.process-status{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;max-width:min(320px,34vw);padding:0 var(--space-3);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-button);color:var(--color-text-secondary);background:var(--color-surface);font-size:14px;line-height:1.5;letter-spacing:var(--letter-caption);text-overflow:ellipsis;white-space:nowrap}.process-status-dot{width:6px;height:6px;flex:none;border-radius:var(--theme_radius-circle);background:var(--color-success)}.field{display:grid;gap:var(--space-2);min-width:0}.field>span{color:var(--color-text-secondary);font-size:14px;font-weight:500;line-height:1.5;letter-spacing:var(--letter-caption)}.field input,.field select,.field textarea,.prop-row input{width:100%;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-button);color:var(--color-text-primary);background:var(--color-background);outline:none;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.field input,.field select,.prop-row input{height:40px;padding:0 var(--space-3)}.field textarea{min-height:150px;padding:var(--space-3);resize:vertical;line-height:1.6}.field input:hover,.field select:hover,.field textarea:hover,.prop-row input:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.field input:focus,.field select:focus,.field textarea:focus,.prop-row input:focus{border-color:var(--color-border);background:var(--color-background);outline:2px solid var(--color-focus-ring);outline-offset:2px}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-faint)}.field select option{color:var(--color-text-primary);background:var(--color-background)}.field em,.field-error{color:var(--color-warning);font-size:14px;font-style:normal;line-height:1.5}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.field-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.checkbox-field{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-elevated);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.checkbox-field:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.checkbox-field input,.prop-check input{flex:none;accent-color:var(--color-accent);cursor:pointer}.checkbox-field input{width:16px;height:16px;margin-top:1px}.checkbox-field .checkbox-text{display:grid;gap:var(--space-1);min-width:0}.checkbox-field .checkbox-text strong{color:var(--color-text-primary);font-size:16px;font-weight:500}.checkbox-field .checkbox-text small{color:var(--color-text-muted);font-size:14px;line-height:1.45}.note{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.65}.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface)}.segmented button{min-height:34px;min-width:0;overflow:hidden;border-radius:var(--radius-button);color:var(--color-text-muted);font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:var(--letter-button);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.segmented button:hover:not(.active){color:var(--color-text-primary);background:var(--color-surface-elevated)}.segmented button.active{color:var(--color-accent-foreground);background:var(--color-accent);box-shadow:var(--shadow-blue)}.code-block{overflow:auto;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);color:var(--color-code-foreground);background:var(--color-code-background);font-family:var(--font-mono);font-size:12px;line-height:1.7;scrollbar-color:var(--color-code-scrollbar) transparent}.code-block::selection{color:var(--color-code-selection-foreground);background:var(--color-code-selection-background)}.code-block::-webkit-scrollbar-thumb{background:var(--color-code-scrollbar);background-clip:padding-box}.code-block::-webkit-scrollbar-thumb:hover{background:var(--color-code-scrollbar-hover);background-clip:padding-box}.code-block.sm{max-height:180px}.code-block.md{max-height:240px}.code-label{margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:14px;font-weight:500;letter-spacing:var(--letter-caption)}.field textarea.template-textarea{caret-color:var(--color-code-foreground);color:var(--color-code-foreground);background:var(--color-code-background);font-family:var(--font-mono);font-size:12px;line-height:1.6;scrollbar-color:var(--color-code-scrollbar) transparent}.field textarea.template-textarea:hover,.field textarea.template-textarea:focus{color:var(--color-code-foreground);background:var(--color-code-background)}.field textarea.template-textarea::placeholder{color:var(--color-code-placeholder)}.field textarea.template-textarea::selection{color:var(--color-code-selection-foreground);background:var(--color-code-selection-background)}.field textarea.template-textarea::-webkit-scrollbar-thumb{background:var(--color-code-scrollbar);background-clip:padding-box}.field textarea.template-textarea::-webkit-scrollbar-thumb:hover{background:var(--color-code-scrollbar-hover);background-clip:padding-box}.var-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0;overflow:visible}.var-chips .vc-icon{color:var(--color-text-faint)}.var-chip{position:relative;display:inline-flex;max-width:100%;outline:none}.var-chip code{max-width:100%;padding:var(--space-1) var(--space-2);overflow-wrap:anywhere;border:1px solid var(--color-border-strong);border-radius:var(--radius-button);color:var(--color-text-primary);background:var(--color-background);font-family:var(--font-mono);font-size:11px;letter-spacing:var(--letter-tag);cursor:help}.var-chip:focus-visible code{outline:2px solid var(--color-focus-ring);outline-offset:2px}.var-tooltip{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:10;width:max-content;max-width:min(240px,calc(100vw - 48px));padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-button);color:var(--color-background);background:var(--color-text-primary);box-shadow:var(--shadow-blue);font-size:12px;line-height:1.55;letter-spacing:var(--letter-caption);white-space:normal;overflow-wrap:anywhere;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-2px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility var(--duration-fast) var(--ease-standard)}.var-tooltip:before{position:absolute;top:-5px;left:var(--space-3);width:8px;height:8px;border-top:1px solid var(--color-border-strong);border-left:1px solid var(--color-border-strong);background:var(--color-text-primary);content:"";transform:rotate(45deg)}.var-chip:hover .var-tooltip,.var-chip:focus-visible .var-tooltip,.var-chip:focus-within .var-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.alerts,.feedback{display:grid;gap:var(--space-2);margin-bottom:var(--space-3)}.alerts span,.feedback-item{border:1px solid var(--color-border);border-radius:var(--radius-card);font-size:14px;line-height:1.55}.alerts span{padding:var(--space-2) var(--space-3);color:var(--color-warning);background:var(--color-warning-surface);overflow-wrap:anywhere;box-shadow:var(--shadow-soft)}.feedback-item{display:grid;grid-template-columns:16px minmax(0,1fr);gap:var(--space-2);align-items:start;padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-soft)}.feedback-item span{min-width:0;overflow-wrap:anywhere}.feedback-item.error{color:var(--color-error);background:var(--color-error-surface);border-color:var(--color-accent)}.feedback-item.warn{color:var(--color-warning);background:var(--color-warning-surface)}.empty{display:grid;place-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);text-align:center;color:var(--color-text-muted)}.empty .empty-icon{color:var(--color-text-faint)}.empty strong{color:var(--color-text-primary);font-size:16px;font-weight:500}.empty span{max-width:100%;font-size:14px;overflow-wrap:anywhere}.welcome{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-background);padding:var(--page-gutter)}.dropzone{flex:none;width:min(480px,100%);display:grid;place-items:center;align-content:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);overflow:hidden;border:0;border-radius:var(--radius-none);color:var(--color-text-secondary);text-align:center;cursor:pointer;background:transparent;transition:color var(--duration-fast) var(--ease-standard),outline-color var(--duration-fast) var(--ease-standard)}.dropzone:hover,.dropzone.dragging{color:var(--color-accent-hover)}.dropzone.dragging{outline:2px solid var(--color-accent);outline-offset:var(--space-3)}.dropzone .dz-icon{position:static;color:var(--color-accent);width:28px;height:28px}.dropzone strong{max-width:100%;color:var(--color-text-primary);font-family:var(--font-body);font-size:32px;font-weight:500;line-height:1.15;letter-spacing:var(--letter-body-medium);overflow-wrap:anywhere}.dropzone span:last-child{max-width:min(560px,100%);color:var(--color-text-secondary);font-size:14px;line-height:1.5;overflow-wrap:anywhere}.file-chip-info,.preview-file{display:grid;gap:var(--space-1);min-width:0}.file-chip-info strong,.preview-file strong{overflow:hidden;color:var(--color-text-primary);font-size:16px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.file-chip-info span,.preview-file span{color:var(--color-text-muted);font-size:14px;letter-spacing:var(--letter-caption)}.result-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.result{display:flex;flex-direction:column;gap:var(--space-2);width:100%;min-width:0;padding:14px var(--space-5);border:1px solid transparent;border-radius:var(--radius-card);color:var(--color-text-secondary);background:transparent;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.result:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.result.active{background:var(--color-surface-elevated);border-color:var(--color-border)}.result.active .result-title{color:var(--color-accent-hover)}.result-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);min-width:0}.result-title{flex:1;min-width:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--font-mono);font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.result-sub{flex:none;color:var(--color-text-faint);font-size:14px;white-space:nowrap}.result-q{overflow:hidden;color:var(--color-text-muted);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.markdown{padding:var(--space-5);color:var(--color-code-foreground);background:var(--color-background);font-family:var(--font-mono);font-size:14px;line-height:1.78}.markdown-rendered{min-height:100%;padding:var(--space-5);color:var(--color-text-primary);background:var(--color-background);font-size:16px;line-height:1.7;overflow-wrap:anywhere}.markdown-rendered h1,.markdown-rendered h2,.markdown-rendered h3,.markdown-rendered h4{margin:var(--space-5) 0 var(--space-2);color:var(--color-text-primary);font-weight:500;line-height:1.3}.markdown-rendered h1:first-child,.markdown-rendered h2:first-child,.markdown-rendered h3:first-child{margin-top:0}.markdown-rendered p{margin:0 0 var(--space-3)}.markdown-rendered code{padding:1px var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-code-foreground);background:var(--color-code-background);font-family:var(--font-mono);font-size:12px}.markdown-rendered code::selection{color:var(--color-code-selection-foreground);background:var(--color-code-selection-background)}.markdown-rendered pre{overflow:auto;padding:var(--space-4);margin:0 0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-code-background);color:var(--color-code-foreground);scrollbar-color:var(--color-code-scrollbar) transparent}.markdown-rendered pre::selection,.markdown-rendered pre *::selection{color:var(--color-code-selection-foreground);background:var(--color-code-selection-background)}.markdown-rendered pre::-webkit-scrollbar-thumb{background:var(--color-code-scrollbar);background-clip:padding-box}.markdown-rendered pre::-webkit-scrollbar-thumb:hover{background:var(--color-code-scrollbar-hover);background-clip:padding-box}.markdown-rendered pre code{background:none;border:0;padding:0;font-size:inherit;color:inherit}.markdown-rendered blockquote{margin:0 0 var(--space-3);padding-left:var(--space-4);border-left:3px solid var(--color-accent);color:var(--color-text-secondary)}.markdown-rendered ul,.markdown-rendered ol{margin:0 0 var(--space-3);padding-left:var(--space-5)}.markdown-rendered li{margin-bottom:var(--space-1)}.markdown-rendered hr{margin:var(--space-5) 0;border:none;border-top:1px solid var(--color-border-subtle)}.markdown-rendered a{color:var(--color-accent);text-decoration:underline}.markdown-rendered a:hover{color:var(--color-accent-hover)}.markdown-rendered table{width:100%;border-collapse:collapse;margin-bottom:var(--space-3);font-size:13px}.markdown-rendered th,.markdown-rendered td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);text-align:left;vertical-align:top}.markdown-rendered th{background:var(--color-surface);font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:var(--space-5);background:var(--color-overlay);animation:fade var(--duration-fast) var(--ease-standard)}.settings-modal{width:min(660px,100%);max-height:86vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-panel);color:var(--color-text-secondary);background:var(--color-background);box-shadow:var(--shadow-blue);animation:pop var(--duration-fast) var(--ease-standard)}.settings-modal-head{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.settings-modal-head h2{margin:0;color:var(--color-text-primary);font-family:var(--font-display);font-size:32px;font-weight:500;line-height:1.15;letter-spacing:normal}.settings-modal-head p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.5;overflow-wrap:anywhere}.settings-modal-head .icon-btn{border-color:transparent;background:transparent}.settings-modal-head .icon-btn:hover:not(:disabled){border-color:var(--color-border)}.settings-modal-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 var(--space-6)}.settings-group{display:grid;gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border-subtle)}.settings-group:last-child{border-bottom:0}.settings-group-head{display:flex;align-items:flex-start;gap:var(--space-3)}.settings-group-head>div{min-width:0}.settings-group-head h3{margin:0;color:var(--color-text-primary);font-size:20px;font-weight:500;line-height:1.25;letter-spacing:var(--letter-body-medium)}.settings-group-head p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.55;overflow-wrap:anywhere}.prop-toolbar{display:flex;align-items:flex-end;gap:var(--space-2)}.prop-toolbar .field{flex:1}.prop-list{display:grid;gap:var(--space-2)}.prop-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-elevated);transition:opacity var(--duration-fast) var(--ease-standard)}.prop-row.is-off{opacity:.55}.prop-fields{display:grid;grid-template-columns:minmax(64px,.55fr) minmax(84px,1fr);gap:var(--space-2);min-width:0}.prop-empty{padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);color:var(--color-text-secondary);background:var(--color-surface);font-size:14px;text-align:center;overflow-wrap:anywhere}.prop-check{display:grid;place-items:center}.prop-check input{width:15px;height:15px}.icon-btns{display:flex;gap:var(--space-1)}.icon-btns .icon-btn{width:28px;height:28px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.98);opacity:0}}@keyframes slide-up{0%{transform:translateY(8px);opacity:0}}@keyframes sheet-up{0%{transform:translateY(16px);opacity:0}}@media (max-width: 1024px){.dropzone{padding:var(--space-5) var(--space-4)}}@media (max-width: 900px){.workspace{flex-direction:column}.pane-left{flex:none;width:100%;max-width:none;max-height:44vh;border-right:0;border-bottom:1px solid var(--color-border-subtle)}.pane-right{flex:1}.divider{display:none}}@media (max-width: 720px){.topbar{min-height:56px;padding:0 var(--space-4)}.process-status{display:none}.dropzone{padding:var(--space-4)}.dropzone strong{font-size:28px}.field-row,.field-row-3{grid-template-columns:1fr}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.pane-head{min-height:58px;padding:var(--space-3) var(--space-4)}.pane-head-actions{gap:var(--space-1)}.pane-head-actions .btn{padding:var(--space-2)}.topbar-actions .btn .btn-text{display:none}.topbar-actions .btn{padding:var(--space-2) var(--space-3)}.modal-overlay{align-items:end;padding:0}.settings-modal{width:100%;max-height:92vh;border-right:0;border-bottom:0;border-left:0;border-radius:var(--radius-panel) var(--radius-panel) 0 0;animation:sheet-up var(--duration-base) var(--ease-standard)}.settings-modal-head,.settings-modal-body{padding-right:var(--space-4);padding-left:var(--space-4)}.prop-fields{grid-template-columns:1fr}.prop-row{grid-template-columns:20px minmax(0,1fr)}.prop-row .icon-btns{grid-column:2;justify-content:flex-end}.prop-toolbar{align-items:stretch;flex-direction:column}.prop-toolbar .btn{justify-content:center}}