.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-sans);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--sm{height:28px;padding:0 var(--spacing-sm);font-size:var(--font-xs)}.btn--md{height:32px;padding:0 var(--spacing-md);font-size:var(--font-sm)}.btn--lg{height:40px;padding:0 var(--spacing-lg);font-size:var(--font-md)}.btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){transform:scale(.98)}.btn--secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-hover)}.btn--ghost{background-color:var(--btn-ghost-bg);color:var(--btn-ghost-text)}.btn--ghost:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.btn--danger{background-color:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background-color:#dc2626}.btn--loading{position:relative}.btn--loading .btn__text,.btn--loading .btn__icon{opacity:0}.btn--loading .btn__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.btn--loading .btn__spinner svg{width:16px;height:16px;animation:spin .8s linear infinite}.btn__icon{display:flex;align-items:center;justify-content:center}.btn__icon svg{width:16px;height:16px}.btn__text{display:flex;align-items:center}.function-config-modal .modal__content{padding:0}.function-config-modal .modal__header{justify-content:flex-end}.function-config-modal__content{display:flex;flex-direction:column;padding:var(--spacing-lg)}.function-config-modal__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.function-config-modal__function-name{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-mono)}.function-config-modal__category{font-size:var(--font-xs);color:var(--text-tertiary);background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.function-config-modal__description{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg);line-height:1.5}.function-config-modal__params{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.function-config-modal__param{display:flex;flex-direction:column;gap:var(--spacing-xs)}.function-config-modal__param-header{display:flex;align-items:center;justify-content:space-between}.function-config-modal__param-label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.function-config-modal__required{color:var(--color-error);margin-left:2px}.function-config-modal__preview-section{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.function-config-modal__preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.function-config-modal__preview-label{font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.function-config-modal__refresh-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.function-config-modal__refresh-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.function-config-modal__refresh-btn svg{width:14px;height:14px}.function-config-modal__preview{padding:var(--spacing-md);min-height:48px;display:flex;align-items:center}.function-config-modal__preview code{font-family:var(--font-mono);font-size:var(--font-sm);color:var(--color-primary);word-break:break-all;white-space:pre-wrap}.function-config-modal__actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.function-config-modal__delete-btn{color:var(--color-error)}.function-config-modal__delete-btn:hover{background:rgba(var(--color-error-rgb),.1);color:var(--color-error)}.function-config-modal__save-btn{flex:1}.input-wrapper{position:relative;display:flex;align-items:center;width:100%;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:2px;transition:all var(--transition-fast);z-index:1}.input-wrapper:hover{border-color:var(--border-hover)}.input-wrapper:focus-within{border-color:var(--color-primary)}.input-wrapper--error{border-color:var(--color-error)}.input-wrapper--error:focus-within{box-shadow:0 0 0 3px #ef444426}.input-wrapper--sm{height:28px}.input-wrapper--sm .input{font-size:var(--font-xs);padding:0 var(--spacing-sm)}.input-wrapper--sm .input--editable{line-height:26px}.input-wrapper--sm .input__icon{padding:0 var(--spacing-xs)}.input-wrapper--md{height:32px}.input-wrapper--md .input{font-size:var(--font-sm);padding:0 var(--spacing-md)}.input-wrapper--md .input--editable{line-height:30px}.input-wrapper--md .input__icon{padding:0 var(--spacing-sm)}.input-wrapper--lg{height:40px}.input-wrapper--lg .input{font-size:var(--font-md);padding:0 var(--spacing-lg)}.input-wrapper--lg .input--editable{line-height:38px}.input-wrapper--lg .input__icon{padding:0 var(--spacing-md)}.input-wrapper--icon-left .input{padding-left:0}.input-wrapper--icon-right .input{padding-right:0}.input{flex:1;width:100%;height:100%;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-sans);outline:none}.input::placeholder{color:var(--input-placeholder)}.input:disabled{opacity:.5;cursor:not-allowed}.input--editable{display:block;white-space:nowrap;overflow-x:auto;overflow-y:hidden;cursor:text;line-height:1;scrollbar-width:none;-ms-overflow-style:none}.input--editable::-webkit-scrollbar{display:none}.input--editable:empty:before{content:attr(data-placeholder);color:var(--input-placeholder);pointer-events:none}.input--editable:focus{outline:none}.input--editable[contenteditable=false]{opacity:.5;cursor:not-allowed}.input__icon{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.input__icon svg{width:16px;height:16px}.input__icon[role=button]{cursor:pointer}.input__icon[role=button]:hover{color:var(--text-primary)}.input__variable{background-color:#6366f133;color:var(--color-primary);border-radius:3px;padding:1px 2px;margin:0 1px;font-family:var(--font-mono);font-size:.95em;cursor:pointer;transition:background-color var(--transition-fast),text-decoration var(--transition-fast),filter var(--transition-fast)}.input__variable:hover{filter:brightness(1.2);text-decoration:underline}.input__variable--invalid{background-color:#ef444433!important;color:#f87171!important}.input__variable--invalid:hover{filter:brightness(1.2)}.input__variable-tooltip{display:flex;flex-direction:column;gap:4px;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:8px 12px;font-size:var(--font-xs);color:var(--text-primary);box-shadow:0 4px 12px #0000004d;z-index:10000;max-width:300px;word-break:break-all;white-space:pre-wrap}.input__variable-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-primary)}.input__variable-tooltip-value{font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-primary)}.input__variable-tooltip-source{font-size:10px;color:var(--text-tertiary);padding-top:2px}.input__path-param{background-color:#f59e0b33;color:#fbbf24;border-radius:3px;padding:0 2px;margin:0 1px;display:inline;cursor:pointer;transition:background-color var(--transition-fast),text-decoration var(--transition-fast)}.input__path-param:hover{background-color:#f59e0b59;text-decoration:underline}.input__path-param--empty{background-color:#f59e0b33;color:#fbbf24;border-top:1px solid var(--border-secondary);margin-top:2px}.input__suggestions{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000040;max-height:280px;overflow-y:auto;z-index:9999}.input__suggestions--variables{min-width:250px}.input__suggestions-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 12px;font-size:var(--font-xs);font-weight:600;color:var(--text-tertiary);border-bottom:1px solid var(--border-secondary);text-transform:uppercase;letter-spacing:.5px}.input__suggestions-icon{font-family:var(--font-mono);font-size:var(--font-xs);color:var(--color-primary)}.input__suggestion{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.input__suggestion:hover,.input__suggestion--selected{background-color:var(--bg-hover)}.input__suggestion:first-child:not(.input__suggestions-header+.input__suggestion){border-radius:var(--radius-md) var(--radius-md) 0 0}.input__suggestion:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.input__suggestion:only-child{border-radius:var(--radius-md)}.input__suggestion-var-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--font-xs);font-weight:600;color:var(--color-primary);background-color:#6366f126;border-radius:var(--radius-sm)}.input__suggestion-value{margin-left:auto;font-size:var(--font-xs);color:var(--text-tertiary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input__variable--function{background-color:#10b98133;color:#34d399}.input__variable--function:hover{filter:brightness(1.2)}.input__suggestions-group{border-bottom:1px solid var(--border-subtle)}.input__suggestions-group:last-child{border-bottom:none}.input__suggestions-group-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;font-size:10px;font-weight:600;color:var(--text-tertiary);background-color:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:1}.input__suggestion--function{flex-direction:column;align-items:flex-start;gap:2px}.input__suggestion-main{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.input__suggestion-fn-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:#34d399;background-color:#10b98126;border-radius:var(--radius-sm)}.input__suggestion-name{font-family:var(--font-mono);font-size:var(--font-sm)}.input__suggestion-description{font-size:11px;color:var(--text-tertiary);padding-left:26px;line-height:1.3}.simple-input-wrapper{position:relative;display:flex;align-items:center;width:100%;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.simple-input-wrapper:hover{border-color:var(--border-hover)}.simple-input-wrapper:focus-within{border-color:var(--color-primary)}.simple-input-wrapper--error{border-color:var(--color-error)}.simple-input-wrapper--error:focus-within{box-shadow:0 0 0 3px #ef444426}.simple-input-wrapper--sm{height:28px}.simple-input-wrapper--sm .simple-input{font-size:var(--font-xs);padding:0 var(--spacing-sm)}.simple-input-wrapper--sm .simple-input__icon{padding:0 var(--spacing-xs)}.simple-input-wrapper--md{height:32px}.simple-input-wrapper--md .simple-input{font-size:var(--font-sm);padding:0 var(--spacing-md)}.simple-input-wrapper--md .simple-input__icon{padding:0 var(--spacing-sm)}.simple-input-wrapper--lg{height:40px}.simple-input-wrapper--lg .simple-input{font-size:var(--font-md);padding:0 var(--spacing-lg)}.simple-input-wrapper--lg .simple-input__icon{padding:0 var(--spacing-md)}.simple-input-wrapper--icon-left .simple-input{padding-left:0}.simple-input-wrapper--icon-right .simple-input{padding-right:0}.simple-input{flex:1;width:100%;height:100%;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-sans);outline:none}.simple-input::placeholder{color:var(--input-placeholder)}.simple-input:disabled{opacity:.5;cursor:not-allowed}.simple-input__icon{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.simple-input__icon svg{width:16px;height:16px}.simple-input__icon[role=button]{cursor:pointer}.simple-input__icon[role=button]:hover{color:var(--text-primary)}.simple-input[inputMode=numeric]::-webkit-outer-spin-button,.simple-input[inputMode=numeric]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.simple-input[inputMode=numeric]{-moz-appearance:textfield}.search-input{position:relative;width:100%}.search-input__suffix{position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-tertiary);pointer-events:none;font-variant-numeric:tabular-nums;z-index:10;background:var(--bg-secondary);padding:2px 4px;border-radius:3px}.search-input__clear{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.search-input__clear:hover{color:var(--text-primary);background-color:var(--bg-hover)}.search-input__clear svg{width:14px;height:14px}.search-input .input-wrapper{padding-right:32px}.search-input--has-suffix .input-wrapper{padding-right:72px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0009;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast)}.modal{display:flex;flex-direction:column;max-height:calc(100vh - 64px);background-color:var(--modal-bg);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);animation:scaleIn var(--transition-normal)}.modal--sm{width:400px}.modal--md{width:520px}.modal--lg{width:740px}.modal--xl{width:900px}.modal--full{width:calc(100vw - 64px);height:calc(100vh - 64px);max-height:none}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-primary);flex-shrink:0}.modal__title{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.modal__close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal__close svg{width:18px;height:18px}.modal__content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-primary);flex-shrink:0}.dropdown{position:relative;display:inline-flex}.dropdown--disabled{opacity:.5;pointer-events:none}.dropdown--sm .dropdown__trigger{height:28px;padding:0 var(--spacing-sm);font-size:var(--font-xs)}.dropdown--md .dropdown__trigger{height:32px;padding:0 var(--spacing-md);font-size:var(--font-sm)}.dropdown--lg .dropdown__trigger{height:40px;padding:0 var(--spacing-lg);font-size:var(--font-md)}.dropdown__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);min-width:100px;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.dropdown__trigger:hover{border-color:var(--border-hover)}.dropdown__trigger:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f126}.dropdown__value{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500}.dropdown__icon{display:flex;align-items:center}.dropdown__icon svg{width:14px;height:14px}.dropdown__chevron{display:flex;align-items:center;color:var(--text-tertiary);transition:transform var(--transition-fast)}.dropdown__chevron svg{width:16px;height:16px}.dropdown--open .dropdown__chevron{transform:rotate(180deg)}.dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;max-height:300px;overflow-y:auto;margin:0;padding:var(--spacing-xs);list-style:none;background-color:var(--dropdown-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:slideIn var(--transition-fast)}.dropdown__option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:background-color var(--transition-fast)}.dropdown__option:hover{background-color:var(--bg-hover)}.dropdown__option--selected{background-color:var(--bg-active)}.dropdown__option--disabled{opacity:.5;cursor:not-allowed}.dropdown__option--disabled:hover{background-color:transparent}.dropdown__option-icon{display:flex;align-items:center}.dropdown__option-icon svg{width:14px;height:14px}.dropdown__divider{height:1px;margin:var(--spacing-xs) 0;background-color:var(--border-primary)}.dropdown__custom-input{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.dropdown__custom-field{flex:1;height:28px;padding:0 var(--spacing-sm);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-xs);font-weight:500}.dropdown__custom-field:focus{outline:none;border-color:var(--border-focus)}.dropdown__custom-field::placeholder{color:var(--text-tertiary);font-weight:400}.dropdown__custom-submit{height:28px;padding:0 var(--spacing-sm);background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-family:var(--font-sans);font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:opacity var(--transition-fast)}.dropdown__custom-submit:hover{opacity:.9}.dropdown__custom-submit:disabled{opacity:.5;cursor:not-allowed}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tooltip{position:fixed;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--tooltip-bg);color:var(--text-primary);font-size:var(--font-xs);font-weight:500;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-tooltip);pointer-events:none;animation:fadeIn var(--transition-fast);white-space:nowrap;max-width:300px}[data-theme=light] .tooltip{color:var(--text-inverse)}.tooltip--rich{padding:0;white-space:normal;max-width:none;background-color:var(--bg-secondary);border:1px solid var(--border-primary)}[data-theme=light] .tooltip--rich{color:var(--text-primary)}.tooltip--top{animation:slideDown var(--transition-fast)}.tooltip--bottom{animation:slideUp var(--transition-fast)}.tooltip--left{animation:slideRight var(--transition-fast)}.tooltip--right{animation:slideLeft var(--transition-fast)}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}.tab-bar{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-xs) var(--spacing-sm);overflow:hidden}.tab-bar__tabs{display:flex;align-items:center;gap:2px;overflow-x:auto;flex:1;scrollbar-width:none}.tab-bar__tabs::-webkit-scrollbar{display:none}.tab-bar__add{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.tab-bar__add:hover{background-color:var(--bg-hover);color:var(--text-primary)}.tab-bar__add svg{width:16px;height:16px}.tab{display:flex;align-items:center;gap:var(--spacing-xs);height:32px;padding:0 var(--spacing-sm);padding-right:var(--spacing-xs);background-color:var(--tab-bg);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);flex-shrink:0;max-width:200px}.tab:hover{background-color:var(--tab-bg-hover);color:var(--text-primary)}.tab:hover .tab__close{opacity:1}.tab--active{background-color:var(--tab-bg-active);color:var(--text-primary)}.tab--active .tab__close{opacity:1}.tab--dragging{opacity:.5}.tab--drag-over{background-color:var(--bg-hover);box-shadow:inset 2px 0 0 var(--color-primary)}.tab--editing{padding-right:var(--spacing-sm)}.tab__icon{display:flex;align-items:center;flex-shrink:0}.tab__icon svg{width:14px;height:14px}.tab__icon .tab-method-badge{font-size:9px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.tab__icon .tab-websocket-badge{display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.tab__icon .tab-websocket-badge svg{width:12px;height:12px}.tab__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.tab__edit-input{flex:1;min-width:60px;max-width:150px;height:22px;padding:0 var(--spacing-xs);background-color:var(--bg-input);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:500;outline:none}.tab__dirty{width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;flex-shrink:0}.tab__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;opacity:0;flex-shrink:0;transition:all var(--transition-fast)}.tab__close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.tab__close svg{width:12px;height:12px}.collapsible-list{position:relative}.collapsible-list__header{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.collapsible-list__header:hover{background-color:var(--bg-hover)}.collapsible-list__chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-tertiary);transition:transform var(--transition-fast)}.collapsible-list__chevron svg{width:14px;height:14px}.collapsible-list:not(.collapsible-list--collapsed)>.collapsible-list__header>.collapsible-list__chevron{transform:rotate(90deg)}.collapsible-list__icon{display:flex;align-items:center;color:var(--text-tertiary)}.collapsible-list__icon svg{width:16px;height:16px}.collapsible-list__title{flex:1;font-size:var(--font-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsible-list__title--clickable{padding:2px 6px;margin:-2px -6px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.collapsible-list__title-input{flex:1;background-color:var(--bg-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:2px 6px;font-size:var(--font-sm);font-weight:600;color:var(--text-primary);outline:none;min-width:0}.collapsible-list__title-input:focus{box-shadow:0 0 0 2px #6366f133}.collapsible-list__subtitle{font-size:var(--font-xs);font-weight:500;color:var(--text-tertiary);background-color:var(--bg-secondary);padding:1px 6px;border-radius:var(--radius-sm);flex-shrink:0}.collapsible-list__badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary);opacity:.8}.collapsible-list__badge svg{width:14px;height:14px}.collapsible-list__actions{display:flex;align-items:center;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.collapsible-list__header:hover .collapsible-list__actions{opacity:1}.collapsible-list__content{padding-left:var(--spacing-lg)}.collapsible-list-item{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:background-color var(--transition-fast)}.collapsible-list-item:hover{background-color:var(--bg-hover)}.collapsible-list-item--active{background-color:var(--color-primary-alpha-light)}.collapsible-list-item--active:hover{background-color:var(--color-primary-alpha)}.collapsible-list-item__icon{display:flex;align-items:center;flex-shrink:0}.collapsible-list-item__icon svg{width:14px;height:14px}.collapsible-list-item__content{flex:1;font-size:var(--font-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsible-list-item--active .collapsible-list-item__content{color:var(--text-primary);font-weight:500}.collapsible-list[draggable=true],.collapsible-list-item[draggable=true]{cursor:grab}.collapsible-list[draggable=true]:active,.collapsible-list-item[draggable=true]:active{cursor:grabbing}.collapsible-list--dragging,.collapsible-list-item--dragging{opacity:.4}.collapsible-list__drop-line,.collapsible-list-item__drop-line{position:absolute;left:4px;right:4px;height:2px;background-color:var(--color-primary);pointer-events:none;z-index:100}.collapsible-list__drop-line:before,.collapsible-list-item__drop-line:before{content:"";position:absolute;left:-3px;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:var(--color-primary);border-radius:50%}.collapsible-list__drop-line--before,.collapsible-list-item__drop-line--before{top:0}.collapsible-list__drop-line--after,.collapsible-list-item__drop-line--after{bottom:0}.collapsible-list--drop-inside{outline:2px dashed var(--color-primary);outline-offset:-2px;background-color:var(--color-primary-bg, rgba(99, 102, 241, .1));border-radius:var(--radius-md)}.collapsible-list--drop-inside>.collapsible-list__header{background-color:transparent}.collapsible-list-item--drop-inside{outline:2px dashed var(--color-primary);outline-offset:-2px;background-color:var(--color-primary-bg, rgba(99, 102, 241, .1))}.editable-table{display:flex;flex-direction:column;border:1px solid var(--border-primary);border-radius:var(--radius-md)}.editable-table__header{display:flex;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.editable-table__body{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;overflow-x:visible;position:relative}.editable-table__row{display:flex;border-bottom:1px solid var(--border-primary);transition:background-color var(--transition-fast);position:relative;overflow:visible}.editable-table__row:last-child{border-bottom:none}.editable-table__row:hover{background-color:var(--bg-hover)}.editable-table__row:hover .editable-table__delete{opacity:1}.editable-table__row--focused{background-color:var(--bg-hover)}.editable-table__row--disabled{opacity:.5}.editable-table__row--disabled .editable-table__cell--key,.editable-table__row--disabled .editable-table__cell--value{text-decoration:line-through}.editable-table__row--inherited{background-color:var(--color-primary-alpha);border-left:2px solid var(--color-primary)}.editable-table__row--inherited:hover{background-color:color-mix(in srgb,var(--color-primary-alpha) 70%,var(--bg-hover))}.editable-table__row--system{background-color:color-mix(in srgb,var(--color-warning) 10%,transparent);border-left:2px solid var(--color-warning)}.editable-table__row--system:hover{background-color:color-mix(in srgb,var(--color-warning) 15%,var(--bg-hover))}.editable-table__row--system .editable-table__inherited-badge{color:var(--color-warning)}.editable-table__row--system .input{color:var(--text-secondary)}.editable-table__row--path-param{background-color:#f59e0b14;border-left:2px solid #f59e0b}.editable-table__row--path-param:hover{background-color:#f59e0b26}.editable-table__row--path-param .editable-table__cell--key .input,.editable-table__row--path-param .editable-table__key-label{color:#fbbf24;font-weight:500}.editable-table__inherited-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:var(--spacing-xs);color:var(--color-primary);flex-shrink:0}.editable-table__inherited-badge svg{width:12px;height:12px}.editable-table__cell{display:flex;align-items:center;padding:var(--spacing-xs);min-height:28px}.editable-table__cell--checkbox{width:40px;justify-content:center;flex-shrink:0}.editable-table__cell--key{flex:1;min-width:120px;position:relative;overflow:visible}.editable-table__key-label{display:flex;align-items:center;height:var(--input-height-sm);padding:0 var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-sm);color:var(--color-primary);font-weight:500}.editable-table__cell--value{flex:1.5;min-width:150px;position:relative;overflow:visible}.editable-table__cell--description{flex:1.3;min-width:120px}.editable-table__cell--actions{width:40px;justify-content:center;flex-shrink:0}.editable-table__cell .input-wrapper{border:none;background:transparent;border-radius:0}.editable-table__cell .input-wrapper:focus-within{box-shadow:none;background-color:var(--bg-input)}.editable-table__checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background-color:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.editable-table__checkbox svg{width:12px;height:12px;opacity:0}.editable-table__checkbox--checked{background-color:var(--color-primary);border-color:var(--color-primary)}.editable-table__checkbox--checked svg{opacity:1}.editable-table__checkbox:hover:not(:disabled){border-color:var(--color-primary)}.editable-table__checkbox:disabled{opacity:.5;cursor:not-allowed}.editable-table__delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.editable-table__delete:hover{background-color:var(--bg-hover);color:var(--color-error)}.editable-table__delete svg{width:14px;height:14px}.editable-table__footer{display:flex;padding:var(--spacing-xs);border-top:1px solid var(--border-primary);background-color:var(--bg-secondary)}.editable-table__footer .btn{font-size:var(--font-xs)}.editable-table__footer .btn svg{width:12px;height:12px}.editable-table__cell--secure{width:40px;justify-content:center;flex-shrink:0;color:var(--text-tertiary)}.editable-table__cell--secure svg{width:14px;height:14px}.editable-table__secure-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);opacity:.5}.editable-table__row:hover .editable-table__secure-toggle{opacity:1}.editable-table__secure-toggle:hover:not(:disabled){background-color:var(--bg-hover);color:var(--color-warning);border-color:var(--border-secondary)}.editable-table__secure-toggle--active{color:var(--color-warning);opacity:1;background-color:#f59e0b1a}.editable-table__secure-toggle--active:hover:not(:disabled){background-color:#f59e0b33}.editable-table__secure-toggle:disabled{cursor:not-allowed;opacity:.3}.editable-table__secure-toggle svg{width:14px;height:14px}.editable-table__secure-value{display:flex;align-items:center;width:100%;height:var(--input-height-sm);padding:0 var(--spacing-sm);gap:var(--spacing-xs)}.editable-table__masked-value{flex:1;font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-secondary);letter-spacing:.1em;-webkit-user-select:none;user-select:none}.editable-table__reveal-btn,.editable-table__hide-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.editable-table__reveal-btn:hover,.editable-table__hide-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.editable-table__reveal-btn svg,.editable-table__hide-btn svg{width:14px;height:14px}.editable-table__value-wrapper{display:flex;align-items:center;width:100%;gap:var(--spacing-xs)}.editable-table__value-wrapper .input-wrapper{flex:1}.editable-table__value-wrapper .editable-table__hide-btn{position:relative;right:0}.context-menu{position:fixed;min-width:180px;max-width:280px;padding:var(--spacing-xs);background-color:var(--dropdown-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-context-menu);animation:scaleIn var(--transition-fast);transform-origin:top left}.context-menu__item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.context-menu__item:hover:not(:disabled){background-color:var(--bg-hover)}.context-menu__item--disabled{opacity:.5;cursor:not-allowed}.context-menu__item--danger{color:var(--color-error)}.context-menu__item--danger:hover:not(:disabled){background-color:#ef44441a}.context-menu__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.context-menu__icon svg{width:14px;height:14px}.context-menu__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu__shortcut{color:var(--text-tertiary);font-size:var(--font-xs);margin-left:auto;padding-left:var(--spacing-md)}.context-menu__divider{height:1px;margin:var(--spacing-xs) var(--spacing-sm);background-color:var(--border-primary)}.drag-drop-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);background-color:var(--bg-secondary);border:2px dashed var(--border-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.drag-drop-upload:hover{border-color:var(--color-primary);background-color:var(--bg-hover)}.drag-drop-upload--dragging{border-color:var(--color-primary);background-color:#6366f11a;border-style:solid}.drag-drop-upload--error,.drag-drop-upload--error:hover{border-color:var(--color-error)}.drag-drop-upload--has-file{border-style:solid;border-color:var(--color-success)}.drag-drop-upload--has-file:hover{border-color:var(--color-success)}.drag-drop-upload__input{display:none}.drag-drop-upload__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--text-tertiary)}.drag-drop-upload__icon svg{width:32px;height:32px}.drag-drop-upload__label{font-size:var(--font-md);font-weight:500;color:var(--text-primary);margin:0}.drag-drop-upload__description{font-size:var(--font-sm);color:var(--text-tertiary);margin:0}.drag-drop-upload__error{font-size:var(--font-sm);color:var(--color-error);margin:var(--spacing-sm) 0 0}.drag-drop-upload__file{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-success)}.drag-drop-upload__file svg{width:32px;height:32px}.drag-drop-upload__file-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.drag-drop-upload__file-name{font-size:var(--font-md);font-weight:500;color:var(--text-primary)}.drag-drop-upload__file-size{font-size:var(--font-sm);color:var(--text-tertiary)}.resizable-panel{display:flex;flex-shrink:0;position:relative}.resizable-panel--horizontal{flex-direction:row;height:100%}.resizable-panel--vertical{flex-direction:column;width:100%}.resizable-panel--resizing{-webkit-user-select:none;user-select:none}.resizable-panel__content{flex:1;overflow:hidden}.resizable-panel__handle{flex-shrink:0;background-color:transparent;transition:background-color var(--transition-fast)}.resizable-panel__handle:hover{background-color:var(--color-primary)}.resizable-panel--horizontal .resizable-panel__handle{width:4px;cursor:col-resize}.resizable-panel--vertical .resizable-panel__handle{height:4px;cursor:row-resize}.resizable-panel--handle-start.resizable-panel--horizontal .resizable-panel__handle{margin-right:-2px}.resizable-panel--handle-start.resizable-panel--vertical .resizable-panel__handle{margin-bottom:-2px}.resizable-panel--handle-end.resizable-panel--horizontal .resizable-panel__handle{margin-left:-2px}.resizable-panel--handle-end.resizable-panel--vertical .resizable-panel__handle{margin-top:-2px}.resizable-split{display:flex;width:100%;height:100%}.resizable-split--horizontal{flex-direction:row}.resizable-split--vertical{flex-direction:column}.resizable-split--resizing{-webkit-user-select:none;user-select:none}.resizable-split--resizing .resizable-split__pane{pointer-events:none}.resizable-split__pane{overflow:hidden;flex-shrink:0}.resizable-split__handle{flex-shrink:0;background-color:var(--border-primary);transition:background-color var(--transition-fast);z-index:1}.resizable-split__handle:hover{background-color:var(--color-primary)}.resizable-split--horizontal .resizable-split__handle{width:1px;cursor:col-resize}.resizable-split--horizontal .resizable-split__handle:hover{width:3px;margin:0 -1px}.resizable-split--vertical .resizable-split__handle{height:1px;cursor:row-resize}.resizable-split--vertical .resizable-split__handle:hover{height:3px;margin:-1px 0}.switch-container{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.switch{position:relative;display:inline-flex;align-items:center;padding:0;border:none;background:transparent;cursor:pointer;outline:none}.switch__track{position:relative;border-radius:999px;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.switch__thumb{position:absolute;border-radius:50%;background-color:var(--text-tertiary);box-shadow:0 1px 3px #0003;transition:transform var(--transition-fast),background-color var(--transition-fast)}.switch__label{font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.switch--sm .switch__track{width:28px;height:16px}.switch--sm .switch__thumb{width:12px;height:12px;top:50%;left:2px;transform:translateY(-50%)}.switch--md .switch__track{width:36px;height:20px}.switch--md .switch__thumb{width:16px;height:16px;top:50%;left:2px;transform:translateY(-50%)}.switch--lg .switch__track{width:44px;height:24px}.switch--lg .switch__thumb{width:20px;height:20px;top:50%;left:2px;transform:translateY(-50%)}.switch--checked .switch__track{background-color:var(--color-success);border-color:var(--color-success)}.switch--checked .switch__thumb{background-color:#fff}.switch--checked.switch--sm .switch__thumb{transform:translateY(-50%) translate(12px)}.switch--checked.switch--md .switch__thumb{transform:translateY(-50%) translate(16px)}.switch--checked.switch--lg .switch__thumb{transform:translateY(-50%) translate(20px)}.switch--disabled{cursor:not-allowed;opacity:.5}.switch--disabled .switch__label{cursor:not-allowed}.switch:focus-visible .switch__track{outline:2px solid var(--color-primary);outline-offset:2px}.switch:not(.switch--disabled):hover .switch__track{border-color:var(--color-primary)}.switch:not(.switch--disabled):hover.switch--checked .switch__track{background-color:var(--color-success-hover);border-color:var(--color-success-hover)}.autocomplete{position:relative;display:inline-flex}.autocomplete--sm .autocomplete__trigger{height:28px;padding:0 var(--spacing-sm);font-size:var(--font-xs)}.autocomplete--sm .autocomplete__value-color{width:8px;height:8px}.autocomplete--sm .autocomplete__option-color,.autocomplete--sm .autocomplete__option-spacer,.autocomplete--sm .autocomplete__emoji{width:14px;height:14px;font-size:12px}.autocomplete--sm .autocomplete__chevron svg,.autocomplete--sm .autocomplete__clear svg{width:14px;height:14px}.autocomplete--md .autocomplete__trigger{height:32px;padding:0 var(--spacing-sm);font-size:var(--font-sm)}.autocomplete--md .autocomplete__value-color{width:10px;height:10px}.autocomplete--md .autocomplete__option-color,.autocomplete--md .autocomplete__option-spacer,.autocomplete--md .autocomplete__emoji{width:16px;height:16px;font-size:14px}.autocomplete--lg .autocomplete__trigger{height:40px;padding:0 var(--spacing-md);font-size:var(--font-md)}.autocomplete--lg .autocomplete__value-color{width:12px;height:12px}.autocomplete--lg .autocomplete__option-color,.autocomplete--lg .autocomplete__option-spacer,.autocomplete--lg .autocomplete__emoji{width:18px;height:18px;font-size:16px}.autocomplete__trigger{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;min-width:180px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary)}.autocomplete__trigger:hover:not(.autocomplete__trigger--disabled){border-color:var(--border-hover)}.autocomplete__trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.autocomplete__trigger--open{border-color:var(--color-primary)}.autocomplete__trigger--disabled{opacity:.5;cursor:not-allowed}.autocomplete__leading-icon{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.autocomplete__leading-icon svg{width:16px;height:16px}.autocomplete--sm .autocomplete__leading-icon svg{width:14px;height:14px}.autocomplete--lg .autocomplete__leading-icon svg{width:18px;height:18px}.autocomplete__value{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;overflow:hidden}.autocomplete__value-color{flex-shrink:0;border-radius:50%;width:10px;height:10px}.autocomplete__value-icon{display:flex;flex-shrink:0}.autocomplete__value-icon svg{width:16px;height:16px}.autocomplete__value-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete__placeholder{color:var(--text-tertiary);flex:1;text-align:left}.autocomplete__actions{display:flex;align-items:center;gap:2px;margin-left:auto}.autocomplete__clear{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--transition-fast)}.autocomplete__clear:hover{color:var(--text-primary);background-color:var(--bg-hover)}.autocomplete__clear svg{width:14px;height:14px}.autocomplete__chevron{display:flex;align-items:center;color:var(--text-tertiary);transition:transform var(--transition-fast)}.autocomplete__chevron svg{width:16px;height:16px}.autocomplete__chevron--open{transform:rotate(180deg)}.autocomplete__dropdown{z-index:10000;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;animation:autocomplete-slide-in .15s ease-out;min-width:260px}@keyframes autocomplete-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.autocomplete__search{padding:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.autocomplete__search-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast)}.autocomplete__search-input::placeholder{color:var(--text-tertiary)}.autocomplete__search-input:focus{border-color:var(--color-primary)}.autocomplete__options{max-height:240px;overflow-y:auto;padding:var(--spacing-xs)}.autocomplete__option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--font-sm)}.autocomplete__option:hover,.autocomplete__option--highlighted{background-color:var(--bg-hover)}.autocomplete__option--selected{background-color:var(--color-primary-alpha)}.autocomplete__option--selected .autocomplete__option-label{color:var(--color-primary);font-weight:500}.autocomplete__option--disabled{opacity:.5;cursor:not-allowed}.autocomplete__option--disabled:hover{background-color:transparent}.autocomplete__option--create{border-top:1px solid var(--border-primary);margin-top:var(--spacing-xs);padding-top:var(--spacing-sm);color:var(--color-primary)}.autocomplete__option-color{flex-shrink:0;border-radius:50%;width:16px;height:16px}.autocomplete__emoji{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;line-height:1;flex-shrink:0}.autocomplete__option-spacer{width:16px;height:16px;flex-shrink:0}.autocomplete__option-icon{display:flex;flex-shrink:0;color:var(--text-secondary)}.autocomplete__option-icon svg{width:16px;height:16px}.autocomplete__option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.autocomplete__option-desc{font-size:var(--font-xs);color:var(--text-tertiary);margin-left:auto}.autocomplete__option-check{display:flex;color:var(--color-primary)}.autocomplete__option-check svg{width:16px;height:16px}.autocomplete__create-label{color:var(--text-secondary);font-size:var(--font-xs)}.autocomplete__create-value{font-weight:500}.autocomplete__empty{padding:var(--spacing-lg);text-align:center;color:var(--text-tertiary);font-size:var(--font-sm)}.autocomplete__divider{height:1px;background-color:var(--border-primary);margin:0}.autocomplete__create-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--color-primary);font-size:var(--font-sm);cursor:pointer;transition:background-color var(--transition-fast)}.autocomplete__create-btn svg{width:14px;height:14px}.autocomplete__create-btn:hover{background-color:var(--bg-hover)}.toast-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026,0 0 1px #0000001a;min-width:280px;max-width:400px;pointer-events:auto;animation:toast-enter .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast--exiting{animation:toast-exit .2s ease-in forwards}.toast__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;margin-top:1px}.toast__icon svg{width:18px;height:18px}.toast__content{flex:1;min-width:0}.toast__message{font-size:var(--font-sm);font-weight:500;color:var(--text-primary);line-height:1.4}.toast__description{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px;line-height:1.4}.toast__action-label{font-size:var(--font-xs);color:var(--color-primary);margin-top:4px;font-weight:500}.toast--clickable{cursor:pointer;transition:all var(--transition-fast)}.toast--clickable:hover{background-color:var(--bg-hover);transform:translate(-2px)}.toast--clickable:active{transform:scale(.98)}.toast__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.toast__close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.toast__close svg{width:14px;height:14px}.toast--success{border-left:3px solid #49cc90}.toast--success .toast__icon{color:#49cc90}.toast--error{border-left:3px solid #f93e3e}.toast--error .toast__icon{color:#f93e3e}.toast--warning{border-left:3px solid #f9a602}.toast--warning .toast__icon{color:#f9a602}.toast--info{border-left:3px solid var(--color-primary)}.toast--info .toast__icon{color:var(--color-primary)}@keyframes toast-enter{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}.diff-viewer{display:flex;flex-direction:column;gap:var(--spacing-md)}.diff-viewer--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--text-tertiary)}.diff-viewer--empty svg{width:48px;height:48px;color:var(--color-success);margin-bottom:var(--spacing-md)}.diff-viewer--empty p{margin:0;font-size:var(--font-md);font-weight:500;color:var(--text-primary)}.diff-viewer--empty span{margin-top:var(--spacing-xs);font-size:var(--font-sm)}.diff-viewer__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.diff-viewer__summary{display:flex;align-items:center;gap:var(--spacing-md)}.diff-viewer__count{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.diff-viewer__selected{font-size:var(--font-xs);color:var(--text-tertiary)}.diff-viewer__header-actions{display:flex;gap:var(--spacing-sm)}.diff-viewer__link-btn{padding:0;background:none;border:none;color:var(--color-primary);font-size:var(--font-xs);cursor:pointer;transition:opacity .15s ease}.diff-viewer__link-btn:hover{text-decoration:underline}.diff-viewer__link-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.diff-viewer__changes{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:400px;overflow-y:auto}.diff-viewer__group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.diff-viewer__group-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.diff-viewer__group-header svg{width:14px;height:14px}.diff-viewer__group--added .diff-viewer__group-header{color:var(--color-success)}.diff-viewer__group--removed .diff-viewer__group-header{color:var(--color-error)}.diff-viewer__group--modified .diff-viewer__group-header{color:var(--color-warning)}.diff-viewer__group-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.diff-viewer__item{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all .15s ease}.diff-viewer__item:hover{border-color:var(--border-secondary)}.diff-viewer__item.selected{background-color:rgba(var(--color-primary-rgb),.05);border-color:var(--color-primary)}.diff-viewer__item-checkbox{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.diff-viewer__item-checkbox input{position:absolute;opacity:0;width:0;height:0}.diff-viewer__item-checkmark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:var(--bg-tertiary);border:2px solid var(--border-secondary);border-radius:var(--radius-sm);transition:all .15s ease}.diff-viewer__item-checkmark svg{width:12px;height:12px;opacity:0;color:#fff;transition:opacity .15s ease}.diff-viewer__item-checkbox input:checked+.diff-viewer__item-checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.diff-viewer__item-checkbox input:checked+.diff-viewer__item-checkmark svg{opacity:1}.diff-viewer__item-content{flex:1;min-width:0;cursor:pointer}.diff-viewer__item-main{display:flex;align-items:center;gap:var(--spacing-sm)}.diff-viewer__item-method{padding:2px 6px;font-size:10px;font-weight:700;text-transform:uppercase;border-radius:var(--radius-sm);background-color:var(--bg-tertiary)}.diff-viewer__item-method.method--get{color:#61affe}.diff-viewer__item-method.method--post{color:#49cc90}.diff-viewer__item-method.method--put{color:#fca130}.diff-viewer__item-method.method--patch{color:#50e3c2}.diff-viewer__item-method.method--delete{color:#f93e3e}.diff-viewer__item-method.method--head{color:#9012fe}.diff-viewer__item-method.method--options{color:#0d5aa7}.diff-viewer__item-path{font-size:var(--font-sm);font-family:var(--font-mono);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diff-viewer__item-desc{display:block;margin-top:var(--spacing-xs);font-size:var(--font-xs);color:var(--text-tertiary)}.diff-viewer__item-expand{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;flex-shrink:0}.diff-viewer__item-expand svg{width:16px;height:16px;transition:transform .15s ease}.diff-viewer__item-expand:hover{color:var(--text-primary);background-color:var(--bg-hover)}.diff-viewer__item-expand.expanded svg{transform:rotate(180deg)}.diff-viewer__item-details{width:100%;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--spacing-sm)}.diff-viewer__detail{display:flex;flex-direction:column;gap:var(--spacing-xs)}.diff-viewer__detail-label{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.diff-viewer__detail pre{margin:0;padding:var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-xs);font-family:var(--font-mono);overflow-x:auto;max-height:150px}.diff-viewer__detail--old .diff-viewer__detail-label{color:var(--color-error)}.diff-viewer__detail--old pre{border-left:3px solid var(--color-error)}.diff-viewer__detail--new .diff-viewer__detail-label{color:var(--color-success)}.diff-viewer__detail--new pre{border-left:3px solid var(--color-success)}.diff-viewer__detail--summary .diff-viewer__detail-label{color:var(--color-primary)}.diff-viewer__detail--summary .diff-viewer__detail-text{white-space:pre-wrap;border-left:3px solid var(--color-primary);color:var(--text-primary);line-height:1.6}.diff-viewer__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.ace_variable.ace_template{color:#5de4c7!important;font-style:italic}.ace-chrome .ace_variable.ace_template{color:#0d9488!important}.color-emoji-picker__trigger{display:flex;align-items:center;justify-content:center;border:2px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.color-emoji-picker__trigger:hover:not(:disabled){border-color:var(--color-primary);background:var(--bg-hover)}.color-emoji-picker__trigger:disabled,.color-emoji-picker__trigger--disabled{opacity:.5;cursor:not-allowed}.color-emoji-picker__trigger--sm{width:24px;height:24px}.color-emoji-picker__trigger--md{width:32px;height:32px}.color-emoji-picker__trigger--lg{width:40px;height:40px}.color-emoji-picker__color-preview{width:60%;height:60%;border-radius:var(--radius-sm)}.color-emoji-picker__emoji{font-size:1.2em;line-height:1}.color-emoji-picker__trigger--sm .color-emoji-picker__emoji{font-size:.9em}.color-emoji-picker__trigger--lg .color-emoji-picker__emoji{font-size:1.4em}.color-emoji-picker__placeholder{width:60%;height:60%;border-radius:var(--radius-sm);border:2px dashed var(--border-secondary)}.color-emoji-picker__dropdown{width:280px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.color-emoji-picker__tabs{display:flex;border-bottom:1px solid var(--border-primary)}.color-emoji-picker__tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.color-emoji-picker__tab:hover{color:var(--text-primary);background:var(--bg-hover)}.color-emoji-picker__tab.active{color:var(--color-primary);background:var(--bg-secondary);border-bottom:2px solid var(--color-primary)}.color-emoji-picker__content{padding:var(--spacing-md);max-height:240px;overflow-y:auto}.color-emoji-picker__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.color-emoji-picker__color-option{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.color-emoji-picker__color-option:hover{transform:scale(1.1);border-color:var(--text-primary)}.color-emoji-picker__color-option.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--text-primary)}.color-emoji-picker__custom{display:flex;gap:var(--spacing-xs);align-items:center}.color-emoji-picker__custom-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-xs)}.color-emoji-picker__custom-input:focus{outline:none;border-color:var(--color-primary)}.color-emoji-picker__color-input{width:32px;height:28px;padding:0;border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer}.color-emoji-picker__color-input::-webkit-color-swatch-wrapper{padding:2px}.color-emoji-picker__color-input::-webkit-color-swatch{border:none;border-radius:var(--radius-xs)}.color-emoji-picker__apply-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.color-emoji-picker__apply-btn:hover:not(:disabled){background:var(--color-primary-dark)}.color-emoji-picker__apply-btn:disabled{opacity:.5;cursor:not-allowed}.color-emoji-picker__emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--spacing-xs)}.color-emoji-picker__emoji-option{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:none;border:2px solid transparent;border-radius:var(--radius-sm);font-size:1.2em;cursor:pointer;transition:all var(--transition-fast)}.color-emoji-picker__emoji-option:hover{background:var(--bg-hover);transform:scale(1.1)}.color-emoji-picker__emoji-option.selected{background:var(--color-primary-alpha);border-color:var(--color-primary)}.color-emoji-picker__footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.color-emoji-picker__clear-btn{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:none;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast)}.color-emoji-picker__clear-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.progress-bar{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.progress-bar__track{flex:1;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease-out}.progress-bar--sm .progress-bar__track{height:4px}.progress-bar--md .progress-bar__track{height:8px}.progress-bar--lg .progress-bar__track{height:12px}.progress-bar--primary .progress-bar__fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover))}.progress-bar--success .progress-bar__fill{background:linear-gradient(90deg,var(--color-success),#22c55e)}.progress-bar--warning .progress-bar__fill{background:linear-gradient(90deg,var(--color-warning),#f59e0b)}.progress-bar--error .progress-bar__fill{background:linear-gradient(90deg,var(--color-error),#ef4444)}.progress-bar__label{font-size:var(--font-xs);font-family:var(--font-mono);color:var(--text-secondary);min-width:36px;text-align:right}.tag-input{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.tag-input--disabled{opacity:.6;cursor:not-allowed}.tag-input__tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);min-height:42px;cursor:text;transition:border-color var(--transition-fast)}.tag-input__tags:hover{border-color:var(--border-hover)}.tag-input__tags:focus-within{border-color:var(--color-primary)}.tag-input__tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500;white-space:nowrap;animation:tag-appear .15s ease-out}@keyframes tag-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tag-input__tag-text{max-width:150px;overflow:hidden;text-overflow:ellipsis}.tag-input__tag-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background-color var(--transition-fast)}.tag-input__tag-remove:hover{background:#fff6}.tag-input__tag-remove svg{width:10px;height:10px}.tag-input__input{flex:1;min-width:120px;padding:4px 0;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-sm);outline:none}.tag-input__input::placeholder{color:var(--input-placeholder)}.tag-input__input:disabled{cursor:not-allowed}.tag-input__hint{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-xs);color:var(--text-tertiary)}.tag-input__hint kbd{display:inline-flex;align-items:center;padding:2px 6px;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;transition:all .15s ease;white-space:nowrap}.badge svg{width:12px;height:12px}.badge--premium{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge--premium:hover{background:linear-gradient(135deg,#fbbf2440,#f59e0b40);border-color:#fbbf2480;transform:translateY(-1px)}.badge--premium svg{color:#fbbf24}.badge--beta{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.badge--beta:hover{background:linear-gradient(135deg,#8b5cf640,#7c3aed40);border-color:#8b5cf680;transform:translateY(-1px)}.badge--beta svg{color:#a78bfa}.badge-modal{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 16px}.badge-modal__icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.badge-modal__icon svg{width:28px;height:28px}.badge-modal__icon--premium{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);color:#fbbf24}.badge-modal__icon--beta{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);color:#a78bfa}.badge-modal__description{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin:0 0 16px;max-width:320px}.badge-modal__note{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fbbf241a;border-radius:8px;color:#fbbf24;font-size:13px;font-weight:500;margin-bottom:20px}.badge-modal__sparkle{font-size:14px}.badge-modal__button{padding:10px 32px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.badge-modal__button:hover{filter:brightness(1.1);transform:translateY(-1px)}.storage-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 15%,var(--bg-secondary)),color-mix(in srgb,var(--color-primary) 10%,var(--bg-secondary)));border-bottom:1px solid color-mix(in srgb,var(--color-primary) 30%,var(--border-primary));animation:banner-enter .3s ease-out;flex-shrink:0}.storage-banner--exiting{animation:banner-exit .2s ease-in forwards}.storage-banner__content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.storage-banner__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary)}.storage-banner__icon svg{width:16px;height:16px}.storage-banner__message{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-banner__action{flex-shrink:0}.storage-banner__action.button--secondary{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.storage-banner__action.button--secondary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.storage-banner__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.storage-banner__close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.storage-banner__close svg{width:14px;height:14px}@keyframes banner-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes banner-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@media (max-width: 768px){.storage-banner{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.storage-banner__content{flex-wrap:wrap}.storage-banner__message{white-space:normal;flex-basis:100%;order:2;margin-left:calc(16px + var(--spacing-sm))}.storage-banner__icon{order:1}.storage-banner__action{order:3;margin-left:calc(16px + var(--spacing-sm))}}.top-bar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--spacing-md);background-color:var(--topbar-bg);border-bottom:1px solid var(--border-primary);-webkit-app-region:drag;flex-shrink:0}[data-electron=false] .top-bar__left{padding-left:0}.top-bar__left,.top-bar__center,.top-bar__right{-webkit-app-region:no-drag}.top-bar__left{display:flex;align-items:center;gap:var(--spacing-md);padding-left:70px}.top-bar__nav{display:flex;align-items:center;gap:2px}.top-bar__nav .btn{width:28px;height:28px;padding:0}.top-bar__nav .btn svg{width:16px;height:16px}.top-bar__logo{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary)}.top-bar__logo svg{width:24px;height:24px}.top-bar__logo-text{font-size:var(--font-md);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.top-bar__version{position:relative}.top-bar__version-trigger{display:flex;align-items:center;gap:var(--spacing-xs);height:28px;padding:0 var(--spacing-sm) 0 var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.top-bar__version-trigger:hover{border-color:var(--border-hover);background-color:var(--bg-hover)}.top-bar__version-trigger svg{width:12px;height:12px;color:var(--text-tertiary)}.top-bar__version-label{color:var(--color-primary)}.top-bar__version-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.top-bar__version-list{max-height:240px;overflow-y:auto;padding:var(--spacing-xs)}.top-bar__version-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.top-bar__version-item:hover{background-color:var(--bg-hover)}.top-bar__version-item--active{background-color:var(--bg-tertiary)}.top-bar__version-number{font-family:var(--font-mono);font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.top-bar__version-date{font-size:var(--font-xs);color:var(--text-tertiary);margin-left:auto}.top-bar__version-check{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--color-primary)}.top-bar__version-check svg{width:14px;height:14px}.top-bar__workspace{position:relative}.top-bar__workspace-trigger{display:flex;align-items:center;gap:var(--spacing-sm);height:32px;padding:0 var(--spacing-sm) 0 var(--spacing-xs);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.top-bar__workspace-trigger:hover{border-color:var(--border-hover);background-color:var(--bg-hover)}.top-bar__workspace-trigger svg{width:14px;height:14px;color:var(--text-tertiary)}.top-bar__workspace-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.top-bar__workspace-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar__workspace-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.top-bar__workspace-list{max-height:240px;overflow-y:auto;padding:var(--spacing-xs)}.top-bar__workspace-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.top-bar__workspace-item:hover{background-color:var(--bg-hover)}.top-bar__workspace-item:hover .top-bar__workspace-edit{opacity:1}.top-bar__workspace-item--active{background-color:var(--bg-active)}.top-bar__workspace-item-name{flex:1;font-size:var(--font-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar__workspace-check{color:var(--color-primary)}.top-bar__workspace-check svg{width:14px;height:14px}.top-bar__workspace-edit{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.top-bar__workspace-edit:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.top-bar__workspace-edit svg{width:12px;height:12px}.top-bar__workspace-divider{height:1px;background-color:var(--border-primary);margin:var(--spacing-xs) 0}.top-bar__workspace-add{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.top-bar__workspace-add:hover{background-color:var(--bg-hover);color:var(--text-primary)}.top-bar__workspace-add svg{width:14px;height:14px}.top-bar__center{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);max-width:600px;margin:0 auto}.top-bar__view-toggle{display:flex;align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:2px}.top-bar__view-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.top-bar__view-btn svg{width:16px;height:16px}.top-bar__view-btn:hover{color:var(--text-secondary);background-color:var(--bg-hover)}.top-bar__view-btn--active{background-color:var(--color-primary);color:#fff}.top-bar__view-btn--active:hover{background-color:var(--color-primary-hover);color:#fff}.top-bar__search{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;max-width:400px;height:32px;padding:0 var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.top-bar__search:hover{border-color:var(--border-hover);background-color:var(--bg-hover)}.top-bar__search svg{width:14px;height:14px;flex-shrink:0}.top-bar__search span{flex:1;text-align:left}.top-bar__search kbd{padding:2px 6px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-xs);color:var(--text-tertiary)}.top-bar__right{display:flex;align-items:center;gap:var(--spacing-md)}.top-bar__right .btn{width:28px;height:28px;padding:0}.top-bar__right .btn svg{width:16px;height:16px}.top-bar__environment-select{min-width:300px}.top-bar__environment-select .autocomplete__trigger{background-color:var(--bg-secondary)}.top-bar__environment-select .autocomplete__trigger:hover{background-color:var(--bg-hover)}.top-bar__environment-select .autocomplete__dropdown{min-width:280px}.workspace-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.workspace-modal{width:100%;max-width:400px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-lg)}.workspace-modal__title{margin:0 0 var(--spacing-lg);font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.workspace-modal__field{margin-bottom:var(--spacing-md)}.workspace-modal__field label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.workspace-modal__field input{width:100%;height:36px;padding:0 var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-sm);transition:all var(--transition-fast)}.workspace-modal__field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.workspace-modal__field input::placeholder{color:var(--text-tertiary)}.workspace-modal__colors{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.workspace-modal__color{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.workspace-modal__color:hover{transform:scale(1.1)}.workspace-modal__color--active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-secondary)}.workspace-modal__actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.workspace-modal__actions-right{display:flex;gap:var(--spacing-sm);margin-left:auto}.workspace-modal__delete{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.workspace-modal__delete:hover{background-color:var(--color-error);color:#fff}.workspace-modal__delete svg{width:14px;height:14px}.workspace-modal__cancel{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.workspace-modal__cancel:hover{background-color:var(--bg-hover);color:var(--text-primary)}.workspace-modal__save{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--text-on-primary);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.workspace-modal__save:hover:not(:disabled){background-color:var(--color-primary-hover)}.workspace-modal__save:disabled{opacity:.5;cursor:not-allowed}.workspace-modal__path-preview{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.workspace-modal__path-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-xs);font-weight:500;color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.workspace-modal__path-label svg{width:12px;height:12px}.workspace-modal__path-value{display:block;font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-secondary);background-color:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);word-break:break-all;margin-bottom:var(--spacing-sm)}.workspace-modal__path-hint{display:flex;align-items:flex-start;gap:var(--spacing-xs);margin:0;font-size:var(--font-xs);color:var(--text-tertiary);line-height:1.4}.workspace-modal__path-hint svg{width:14px;height:14px;flex-shrink:0;color:var(--color-primary);margin-top:1px}.top-bar__github{position:relative}.top-bar__github-trigger{display:flex;align-items:center;gap:var(--spacing-xs);height:32px;padding:0 var(--spacing-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.top-bar__github-trigger:hover{border-color:var(--border-hover);background-color:var(--bg-hover)}.top-bar__github-trigger:disabled{opacity:.6;cursor:not-allowed}.top-bar__github-trigger--has-changes{border-color:var(--color-primary)}.top-bar__github-trigger svg{width:14px;height:14px;color:var(--text-tertiary)}.top-bar__github-repo{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.top-bar__github-badge{display:inline-flex;align-items:center;padding:0 6px;height:18px;font-size:11px;font-weight:600;border-radius:var(--radius-full)}.top-bar__github-badge--local{background-color:var(--color-primary);color:#fff}.top-bar__github-badge--remote{background-color:var(--color-warning);color:var(--text-on-primary)}.top-bar__github-spinner{width:14px;height:14px;border:2px solid var(--border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.top-bar__github-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:280px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.top-bar__github-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.top-bar__github-header svg{width:20px;height:20px;color:var(--text-tertiary)}.top-bar__github-info{display:flex;flex-direction:column;gap:2px}.top-bar__github-fullname{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.top-bar__github-branch{font-size:var(--font-xs);color:var(--text-tertiary)}.top-bar__github-divider{height:1px;background-color:var(--border-primary)}.top-bar__github-status{padding:var(--spacing-sm) var(--spacing-md)}.top-bar__github-status-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;font-size:var(--font-sm);color:var(--text-secondary)}.top-bar__github-status-item svg{width:14px;height:14px}.top-bar__github-status-item--conflict{color:var(--color-error)}.top-bar__github-status-item--synced{color:var(--color-success)}.top-bar__github-last-sync{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-primary);font-size:var(--font-xs);color:var(--text-tertiary)}.top-bar__github-actions{padding:var(--spacing-xs)}.top-bar__github-action{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left}.top-bar__github-action:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.top-bar__github-action:disabled{opacity:.5;cursor:not-allowed}.top-bar__github-action svg{width:14px;height:14px}.top-bar__push-modal{max-width:480px}.top-bar__push-modal .workspace-modal__title{display:flex;align-items:center;gap:var(--spacing-sm)}.top-bar__push-modal .workspace-modal__title svg{width:20px;height:20px}.top-bar__push-changes{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.top-bar__push-changes p{margin:0 0 var(--spacing-sm);font-size:var(--font-sm);color:var(--text-secondary)}.top-bar__push-changes ul{margin:0;padding:0;list-style:none}.top-bar__push-change{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;font-size:var(--font-sm);font-family:var(--font-mono);color:var(--text-secondary)}.top-bar__push-change-type{width:16px;font-weight:700;text-align:center}.top-bar__push-change--added .top-bar__push-change-type{color:var(--color-success)}.top-bar__push-change--modified .top-bar__push-change-type{color:var(--color-warning)}.top-bar__push-change--deleted .top-bar__push-change-type{color:var(--color-error)}.top-bar__push-change-more{padding:var(--spacing-xs) 0;font-size:var(--font-sm);color:var(--text-tertiary);font-style:italic}.top-bar__push-error{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.top-bar__push-error-text{word-break:break-word}.top-bar__push-error-details{background:transparent;border:none;color:var(--color-error);text-decoration:underline;cursor:pointer;padding:0;font-size:var(--font-sm);align-self:flex-start}.top-bar__push-error-details:hover{opacity:.8}.git-error-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.git-error-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.git-error-modal__header h3{margin:0;color:var(--color-error);font-size:var(--font-lg)}.git-error-modal__close{background:transparent;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1}.git-error-modal__close:hover{color:var(--text-primary)}.git-error-modal__content{padding:var(--spacing-lg);overflow-y:auto;flex:1}.git-error-modal__message{margin:0;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.6;max-height:50vh;overflow-y:auto}.git-error-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-primary)}.git-error-modal__copy{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-sm)}.git-error-modal__copy:hover{background:var(--bg-tertiary)}.git-error-modal__ok{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-sm)}.git-error-modal__ok:hover{opacity:.9}.top-bar__git-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--warning-bg);border:1px solid var(--warning);border-radius:6px;color:var(--warning);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.top-bar__git-indicator svg{width:14px;height:14px}.top-bar__git-indicator:hover{background:var(--warning);color:#fff}.top-bar__git-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--warning);color:#fff;border-radius:9px;font-size:11px;font-weight:600}.top-bar__git-indicator:hover .top-bar__git-badge{background:#747373;color:var(--warning)}:root[data-theme=light] .top-bar__git-indicator{background:#f59e0b26;border-color:#f59e0b;color:#d97706}:root[data-theme=light] .top-bar__git-indicator:hover{background:#f59e0b!important;color:#fff!important}:root[data-theme=light] .top-bar__git-badge{background:#f59e0b;color:#fff}:root[data-theme=light] .top-bar__git-indicator:hover .top-bar__git-badge{background:#fff;color:#f59e0b}.left-sidebar{display:flex;flex-direction:column;width:48px;height:100%;background-color:var(--sidebar-bg);border-right:1px solid var(--border-primary);flex-shrink:0;transition:width var(--transition-fast)}.left-sidebar--expanded{width:160px}.left-sidebar--expanded .left-sidebar__menu{align-items:stretch}.left-sidebar--expanded .left-sidebar__item{width:100%;justify-content:flex-start;gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.left-sidebar__menu{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);flex:1}.left-sidebar__item{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.left-sidebar__item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.left-sidebar__item--active{background-color:var(--bg-active);color:var(--color-primary)}.left-sidebar__item--active:hover{color:var(--color-primary)}.left-sidebar__item svg{width:20px;height:20px;flex-shrink:0}.left-sidebar__item-label{font-size:var(--font-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-bar{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 var(--spacing-sm);background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);flex-shrink:0}.bottom-bar__left,.bottom-bar__right{display:flex;align-items:center;gap:var(--spacing-xs)}.bottom-bar__center{flex:1;display:flex;align-items:center;justify-content:flex-start;font-size:var(--font-xs);color:var(--text-tertiary)}.bottom-bar .btn{position:relative;width:22px;height:22px;padding:0}.bottom-bar .btn svg{width:14px;height:14px}.bottom-bar .btn.active{color:var(--color-primary)}.bottom-bar__badge{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;padding:0 4px;background-color:var(--color-primary);border-radius:var(--radius-full);font-size:10px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.bottom-bar__status{font-size:var(--font-xs);color:var(--text-secondary)}.bottom-bar__business-link{padding:2px 8px;background:none;border:none;border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.bottom-bar__business-link:hover{background-color:var(--bg-hover);color:var(--color-primary)}.bottom-bar__version{display:flex;align-items:center;gap:4px;padding:2px 8px;background:none;border:none;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);position:relative}.bottom-bar__version:hover{background-color:var(--bg-hover);color:var(--text-secondary)}.bottom-bar__version--update{color:var(--color-primary)}.bottom-bar__version--update:hover{color:var(--color-primary-hover)}.bottom-bar__version-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-primary);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.bottom-bar__separator{width:1px;height:14px;background-color:var(--border-primary);margin:0 4px}.main-layout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.main-layout__body{display:flex;flex:1;overflow:hidden}.main-layout__content{display:flex;flex-direction:column;flex:1;overflow:hidden}.main-layout__panels{display:flex;flex:1;overflow:hidden}.main-layout__left-panel{min-width:200px;max-width:500px;background-color:var(--panel-bg);overflow:hidden;display:flex;flex-direction:column;flex-shrink:0}.main-layout__center-panel{flex:1;min-width:400px;background-color:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column}.main-layout__right-panel{width:360px;min-width:280px;max-width:500px;background-color:var(--panel-bg);overflow:hidden;display:flex;flex-direction:column;flex-shrink:0}.main-layout__right-panel--code{min-width:280px;max-width:700px;background-color:var(--bg-primary);border-left:1px solid var(--border-primary)}.main-layout__divider{background-color:var(--border-primary);flex-shrink:0;transition:background-color var(--transition-fast)}.main-layout__divider--vertical{width:4px;cursor:col-resize}.main-layout__divider--vertical:hover,.main-layout__divider--vertical.active{background-color:var(--color-primary)}.main-layout__divider--horizontal{height:4px;cursor:row-resize}.main-layout__divider--horizontal:hover,.main-layout__divider--horizontal.active{background-color:var(--color-primary)}.main-layout__console{min-height:100px;max-height:500px;background-color:var(--console-bg);overflow:hidden;flex-shrink:0}.git-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);color:var(--text-primary)}.git-panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.git-panel__header h3{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.git-panel__header h3 svg{width:16px;height:16px;color:var(--accent-primary)}.git-panel__actions{display:flex;gap:8px}.git-panel__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.git-panel__action-btn svg{width:14px;height:14px}.git-panel__action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.git-panel__action-btn:disabled{opacity:.5;cursor:not-allowed}.git-panel__not-connected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.git-panel__not-connected>svg{width:48px;height:48px;color:var(--text-muted);margin-bottom:16px}.git-panel__not-connected h4{margin:0 0 8px;font-size:16px;font-weight:600}.git-panel__not-connected p{margin:0 0 20px;color:var(--text-secondary);font-size:13px;max-width:280px}.git-panel__connect-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.git-panel__connect-btn svg{width:16px;height:16px}.git-panel__connect-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.git-panel__tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.git-panel__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.git-panel__tab svg{width:14px;height:14px}.git-panel__tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.git-panel__tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.git-panel__tab .badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--accent-primary);color:#fff;border-radius:9px;font-size:11px;font-weight:600}.git-panel__content{flex:1;overflow:hidden;display:flex;flex-direction:column}.git-panel__repo-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.git-panel__repo-info .repo-avatar{width:32px;height:32px;border-radius:6px}.git-panel__repo-info .repo-details{flex:1;min-width:0}.git-panel__repo-info .repo-details .repo-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.git-panel__repo-info .repo-details .repo-branch{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.git-panel__repo-info .repo-details .repo-branch svg{width:12px;height:12px}.git-panel__repo-info .repo-unlink{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.git-panel__repo-info .repo-unlink svg{width:14px;height:14px}.git-panel__repo-info .repo-unlink:hover{background:var(--danger-bg);color:var(--danger)}.git-panel__changes{flex:1;overflow-y:auto;padding:12px}.git-panel__changes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.git-panel__changes-empty svg{width:36px;height:36px;color:var(--success);margin-bottom:12px}.git-panel__changes-empty p{margin:0;color:var(--text-secondary);font-size:13px}.git-panel__change-file{display:flex;align-items:center;gap:8px;padding:4px 8px;background:transparent;border:none;border-radius:4px;margin-bottom:1px;cursor:pointer;transition:background .1s ease}.git-panel__change-file:hover{background:var(--bg-tertiary)}.git-panel__change-file .file-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;line-height:20px}.git-panel__change-file .file-path{flex:1;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.git-panel__change-file .file-path{font-size:11px;color:var(--text-muted)}.git-panel__history{flex:1;overflow-y:auto}.git-panel__commit{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .15s ease}.git-panel__commit:hover{background:var(--bg-secondary)}.git-panel__commit>svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0;align-self:center}.git-panel__commit .commit-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px;flex-shrink:0}.git-panel__commit .commit-details{flex:1;min-width:0}.git-panel__commit .commit-details .commit-message{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.git-panel__commit .commit-details .commit-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.git-panel__commit .commit-details .commit-meta .commit-sha{font-family:var(--font-mono);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.git-panel__branches{flex:1;overflow-y:auto}.git-panel__branch-list{padding:8px}.git-panel__branch{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.git-panel__branch:hover{background:var(--bg-secondary)}.git-panel__branch--current{background:var(--accent-primary-alpha);border-color:var(--accent-primary)}.git-panel__branch--current .branch-name{color:var(--accent-primary)}.git-panel__branch>svg{width:14px;height:14px;color:var(--text-muted)}.git-panel__branch .branch-name{flex:1;font-size:13px;color:var(--text-primary)}.git-panel__branch .branch-badge{font-size:10px;padding:2px 6px;background:var(--accent-primary);color:#fff;border-radius:4px;font-weight:500}.git-panel__branch .branch-protected{color:var(--warning)}.git-panel__branch .branch-protected svg{width:12px;height:12px}.git-panel__new-branch{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:8px;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease;width:calc(100% - 16px)}.git-panel__new-branch svg{width:14px;height:14px}.git-panel__new-branch:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.git-panel__sync{display:flex;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.git-panel__sync-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.git-panel__sync-btn svg{width:14px;height:14px}.git-panel__sync-btn--pull{background:var(--bg-tertiary);color:var(--text-primary)}.git-panel__sync-btn--pull:hover{border-color:var(--accent-primary)}.git-panel__sync-btn--push{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.git-panel__sync-btn--push:hover{background:var(--accent-primary-hover)}.git-panel__sync-btn:disabled{opacity:.5;cursor:not-allowed}.git-panel__loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.git-panel__loading .spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:git-panel-spin .8s linear infinite}@keyframes git-panel-spin{to{transform:rotate(360deg)}}.git-panel__repo-info .repo-avatar{display:flex;align-items:center;justify-content:center;background:var(--accent-primary-alpha);color:var(--accent-primary)}.git-panel__repo-info .repo-avatar svg{width:18px;height:18px}.git-panel__repo-info .remote-indicator{color:var(--success)}.git-panel__repo-info .no-remote{color:var(--text-muted);font-style:italic}.git-panel__connect-btn--small{padding:6px 10px;font-size:12px}.git-panel__section{margin-bottom:12px}.git-panel__section-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.git-panel__stage-all{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--accent-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .15s ease}.git-panel__stage-all svg{width:12px;height:12px}.git-panel__stage-all:hover{background:var(--accent-primary-hover)}.git-panel__change-file .file-status{font-size:12px;font-weight:600;font-family:var(--font-mono, monospace);flex-shrink:0;width:16px;height:20px;line-height:20px;text-align:center}.git-panel__change-file .file-status--added{color:#22c55e}.git-panel__change-file .file-status--modified{color:#d4a017}.git-panel__change-file .file-status--deleted{color:#ef4444}.git-panel__change-file .file-status--untracked{color:#22c55e}.git-panel__change-file .file-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .1s ease;margin-left:auto}.git-panel__change-file:hover .file-actions,.git-panel__change-file:hover .file-action{opacity:1}.git-panel__change-file .file-action{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .1s ease;opacity:0;padding:0}.git-panel__change-file .file-action svg{width:14px;height:14px}.git-panel__change-file .file-action:hover{background:var(--bg-secondary);color:var(--text-primary)}.git-panel__change-file .file-action--discard:hover{background:#f59e0b26;color:#d97706}.git-panel__change-file .file-action--stage{font-size:11px;width:auto;padding:2px 6px}.git-panel__change-file .file-action--stage:hover{background:var(--accent-primary);color:#fff}.git-panel__commit-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.git-panel__commit-input{width:100%;min-height:60px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:inherit;resize:vertical;margin-bottom:8px}.git-panel__commit-input:focus{outline:none;border-color:var(--accent-primary)}.git-panel__commit-input::placeholder{color:var(--text-muted)}.git-panel__commit-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;background:var(--accent-primary);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.git-panel__commit-btn svg{width:14px;height:14px}.git-panel__commit-btn:hover{background:var(--accent-primary-hover)}.git-panel__commit-btn:disabled{opacity:.5;cursor:not-allowed}.git-panel__new-branch-form{display:flex;gap:6px;padding:8px;margin:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px}.git-panel__new-branch-form input{flex:1;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px}.git-panel__new-branch-form input:focus{outline:none;border-color:var(--accent-primary)}.git-panel__new-branch-form button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.git-panel__new-branch-form button svg{width:14px;height:14px}.git-panel__new-branch-form button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.git-panel__new-branch-form button:disabled{opacity:.5;cursor:not-allowed}.git-panel__branch .branch-delete{display:none;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.git-panel__branch:hover .branch-delete{display:flex}.git-panel__branch .branch-delete svg{width:12px;height:12px}.git-panel__branch .branch-delete:hover{background:var(--danger-bg);color:var(--danger)}.git-panel__no-remotes{padding:16px;text-align:center}.git-panel__no-remotes p{margin:0 0 12px;color:var(--text-muted);font-size:13px}.git-panel__add-remote-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.git-panel__add-remote-btn svg{width:14px;height:14px}.git-panel__add-remote-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.git-panel__remote-list{padding:8px}.git-panel__remote{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:8px}.git-panel__remote .remote-name{font-size:13px;font-weight:500;color:var(--text-primary)}.git-panel__remote .remote-url{flex:1;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.git-panel__remote .remote-delete{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.git-panel__remote .remote-delete svg{width:12px;height:12px}.git-panel__remote .remote-delete:hover{background:var(--danger-bg);color:var(--danger)}.git-panel__error{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--danger-bg);color:var(--danger);font-size:12px;border-bottom:1px solid var(--danger)}.git-panel__error svg{width:14px;height:14px;flex-shrink:0}.git-panel__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.git-panel__modal{width:400px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.git-panel__modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.git-panel__modal-header h4{margin:0;font-size:16px;font-weight:600}.git-panel__modal-header button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.git-panel__modal-header button svg{width:16px;height:16px}.git-panel__modal-header button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.git-panel__modal-body{padding:20px}.git-panel__form-group{margin-bottom:16px}.git-panel__form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-primary)}.git-panel__form-group input{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px}.git-panel__form-group input:focus{outline:none;border-color:var(--accent-primary)}.git-panel__hint{margin:0;padding:10px 12px;background:var(--bg-secondary);border-radius:6px;font-size:12px;color:var(--text-secondary)}.git-panel__modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.git-panel__modal-cancel{padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.git-panel__modal-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.git-panel__modal-confirm{padding:8px 16px;background:var(--accent-primary);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.git-panel__modal-confirm:hover{background:var(--accent-primary-hover)}.git-panel__modal-confirm:disabled{opacity:.5;cursor:not-allowed}.git-panel__modal-save{display:flex;align-items:center;gap:6px}.git-panel__modal-save svg{width:14px;height:14px}.spin{animation:git-panel-spin 1s linear infinite}.no-remote-btn{background:none;border:none;padding:0;color:var(--text-muted);font-size:12px;font-style:italic;cursor:pointer;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:2px}.no-remote-btn:hover{color:var(--accent-primary)}.remote-edit-btn{background:none;border:none;padding:2px 6px;margin-left:8px;color:var(--text-muted);font-size:11px;cursor:pointer;border-radius:3px;transition:all .15s ease}.remote-edit-btn:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.git-panel__stage-all-btn{padding:4px 10px;background:var(--accent-primary);border:none;border-radius:4px;color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.git-panel__stage-all-btn:hover{background:var(--accent-primary-hover)}.git-panel__change-file .file-action--stage,.git-panel__change-file .file-action--unstage{width:auto;height:auto;padding:4px 10px;font-size:11px;font-weight:500;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary)}.git-panel__change-file .file-action--stage:hover{background:var(--success);border-color:var(--success);color:#fff}.git-panel__change-file .file-action--unstage:hover{background:var(--warning);border-color:var(--warning);color:#fff}.git-panel__commit-push-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;margin-top:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.git-panel__commit-push-btn svg{width:14px;height:14px}.git-panel__commit-push-btn:hover{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.git-panel__commit-push-btn:disabled{opacity:.5;cursor:not-allowed}:root[data-theme=light] .git-panel__commit-btn{background:#6366f1!important;color:#fff!important;border:none!important}:root[data-theme=light] .git-panel__commit-btn:hover{background:#4f46e5!important}:root[data-theme=light] .git-panel__sync-btn--push{background:#6366f1!important;color:#fff!important}:root[data-theme=light] .git-panel__sync-btn--push:hover{background:#4f46e5!important}:root[data-theme=light] .git-panel__modal-confirm{background:#6366f1!important;color:#fff!important}:root[data-theme=light] .git-panel__connect-btn{background:#6366f1!important;color:#fff!important}:root[data-theme=light] .git-panel__stage-all-btn{background:#6366f1!important;color:#fff!important}:root[data-theme=light] .git-panel__tab .badge{background:#6366f1!important;color:#fff!important}:root[data-theme=light] .git-panel__commit-push-btn{background:var(--bg-secondary);border-color:var(--border-color)}:root[data-theme=light] .git-panel__commit-push-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}:root[data-theme=light] .git-panel__change-file .file-action--stage,:root[data-theme=light] .git-panel__change-file .file-action--unstage{background:var(--bg-secondary)}:root[data-theme=light] .git-panel__sync-btn--pull{background:var(--bg-secondary)}:root[data-theme=light] .git-panel__commit-input{background:#fff;border-color:var(--border-color)}:root[data-theme=light] .git-panel__form-group input{background:#fff}:root[data-theme=light] .git-panel__new-branch-form input{background:#fff}:root[data-theme=light] .git-panel__section-header{color:var(--text-primary)}:root[data-theme=light] .git-panel__commit:hover{background:var(--bg-tertiary)}:root[data-theme=light] .git-panel__change-file:hover{background:#0000000a}:root[data-theme=light] .git-panel__branch:hover{background:var(--bg-tertiary)}:root[data-theme=light] .git-panel__remote{background:#fff}:root[data-theme=light] .git-panel__modal{background:#fff;box-shadow:0 8px 32px #00000026}:root[data-theme=light] .git-panel__change-file .file-action--stage:hover,:root[data-theme=light] .git-panel__change-file .file-action--unstage:hover{color:#fff!important}:root[data-theme=light] .git-panel__action-btn:hover{background:#f3f4f6;color:#374151}:root[data-theme=light] .git-panel__tab:hover{background:#f3f4f6;color:#374151}:root[data-theme=light] .remote-edit-btn:hover{background:#f3f4f6;color:#6366f1}:root[data-theme=light] .no-remote-btn:hover{color:#6366f1}:root[data-theme=light] .git-panel__sync-btn--pull:hover{background:#f3f4f6;border-color:#6366f1;color:#374151}:root[data-theme=light] .git-panel__new-branch:hover{border-color:#6366f1;color:#6366f1}:root[data-theme=light] .git-panel__add-remote-btn:hover{border-color:#6366f1;color:#6366f1}:root[data-theme=light] .git-panel__change-file .file-action--discard:hover{background:#d9770626;color:#b45309!important}:root[data-theme=light] .git-panel__change-file .file-action:hover{background:#e5e7eb;color:#374151!important}:root[data-theme=light] .git-panel__change-file .file-action--stage:hover{background:#e0e7ff;color:#4f46e5!important}:root[data-theme=light] .git-panel__stage-all-btn:hover{color:#fff}:root[data-theme=light] .git-panel__branch .branch-delete-btn:hover{background:#fef2f2;color:#dc2626!important}.git-panel__error-details-btn{margin-left:auto;padding:2px 8px;background:transparent;border:1px solid var(--danger);border-radius:4px;color:var(--danger);font-size:11px;cursor:pointer;flex-shrink:0;transition:all .15s ease}.git-panel__error-details-btn:hover{background:var(--danger);color:#fff}.git-panel__error-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease}.git-panel__error-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 25px 50px -12px #00000080;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .2s ease}.git-panel__error-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.git-panel__error-modal-header h4{margin:0;font-size:16px;font-weight:600;color:var(--danger)}.git-panel__error-modal-header button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.git-panel__error-modal-header button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.git-panel__error-modal-header button svg{width:18px;height:18px}.git-panel__error-modal-body{padding:20px;overflow-y:auto;flex:1}.git-panel__error-modal-content{margin:0;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-family:var(--font-mono, "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace);font-size:13px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.6;max-height:50vh;overflow-y:auto}.git-panel__error-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.github-connect-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:github-fadeIn .15s ease}.github-connect-modal__content{width:100%;max-width:520px;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 40px #0006;animation:github-slideUp .2s ease;overflow:hidden}.github-connect-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.github-connect-modal__header h2{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.github-connect-modal__header h2 svg{width:20px;height:20px;color:var(--accent-primary)}.github-connect-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.github-connect-modal__close svg{width:18px;height:18px}.github-connect-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.github-connect-modal__body{padding:24px}.github-connect-modal__auth-methods{display:flex;gap:12px;margin-bottom:24px}.github-connect-modal__auth-method{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .15s ease}.github-connect-modal__auth-method:hover{border-color:var(--accent-primary)}.github-connect-modal__auth-method--selected{border-color:var(--accent-primary);background:var(--accent-primary-alpha)}.github-connect-modal__auth-method svg{width:32px;height:32px;color:var(--text-secondary)}.github-connect-modal__auth-method span{font-size:13px;font-weight:500;color:var(--text-primary)}.github-connect-modal__auth-method small{font-size:11px;color:var(--text-muted)}.github-connect-modal__pat-section{margin-bottom:20px}.github-connect-modal__pat-section label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-secondary)}.github-connect-modal__pat-section .input-wrapper{position:relative}.github-connect-modal__pat-section .input-wrapper input{width:100%;padding:12px 44px 12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:var(--font-mono);color:var(--text-primary);transition:all .15s ease}.github-connect-modal__pat-section .input-wrapper input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-alpha)}.github-connect-modal__pat-section .input-wrapper input::placeholder{color:var(--text-muted)}.github-connect-modal__pat-section .input-wrapper button{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.github-connect-modal__pat-section .input-wrapper button svg{width:16px;height:16px}.github-connect-modal__pat-section .input-wrapper button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.github-connect-modal__pat-help{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:20px}.github-connect-modal__pat-help>svg{flex-shrink:0;width:16px;height:16px;color:var(--accent-primary);margin-top:2px}.github-connect-modal__pat-help p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.5}.github-connect-modal__pat-help p a{color:var(--accent-primary);text-decoration:none}.github-connect-modal__pat-help p a:hover{text-decoration:underline}.github-connect-modal__repo-section{margin-bottom:20px}.github-connect-modal__repo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.github-connect-modal__repo-section h4{margin:0;font-size:14px;font-weight:500;color:var(--text-primary)}.github-connect-modal__refresh-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.github-connect-modal__refresh-btn svg{width:14px;height:14px}.github-connect-modal__refresh-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.github-connect-modal__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.github-connect-modal__repo-search{position:relative;margin-bottom:12px}.github-connect-modal__repo-search>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted)}.github-connect-modal__repo-search input{width:100%;padding:10px 16px 10px 38px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);transition:all .15s ease}.github-connect-modal__repo-search input:focus{outline:none;border-color:var(--accent-primary)}.github-connect-modal__repo-search input::placeholder{color:var(--text-muted)}.github-connect-modal__repo-list{max-height:240px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px}.github-connect-modal__repo-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;border-bottom:1px solid var(--border-color);width:100%;text-align:left;cursor:pointer;transition:all .15s ease}.github-connect-modal__repo-item:last-child{border-bottom:none}.github-connect-modal__repo-item--selected{background:var(--accent-primary-alpha)}.github-connect-modal__repo-item--selected .repo-name{color:var(--accent-primary)}.github-connect-modal__repo-item img{width:32px;height:32px;border-radius:6px}.github-connect-modal__repo-placeholder{display:none;width:32px;height:32px;border-radius:6px;background:var(--bg-tertiary);align-items:center;justify-content:center;flex-shrink:0}.github-connect-modal__repo-placeholder.show{display:flex}.github-connect-modal__repo-placeholder svg{width:18px;height:18px;color:var(--text-muted)}.github-connect-modal__repo-item .repo-details{flex:1;min-width:0}.github-connect-modal__repo-item .repo-details .repo-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.github-connect-modal__repo-item .repo-details .repo-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.github-connect-modal__repo-item .repo-private{color:var(--warning)}.github-connect-modal__repo-item .repo-private svg{width:14px;height:14px}.github-connect-modal__repo-empty{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:13px}.github-connect-modal__branch-section{margin-bottom:20px}.github-connect-modal__branch-section label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-secondary)}.github-connect-modal__branch-section select{width:100%;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.github-connect-modal__branch-section select:focus{outline:none;border-color:var(--accent-primary)}.github-connect-modal__user-info{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border-radius:10px;margin-bottom:20px}.github-connect-modal__user-info img{width:40px;height:40px;border-radius:50%}.github-connect-modal__user-info .user-details{flex:1}.github-connect-modal__user-info .user-details .user-name{font-size:14px;font-weight:500;color:var(--text-primary)}.github-connect-modal__user-info .user-details .user-login{font-size:12px;color:var(--text-secondary)}.github-connect-modal__user-info .user-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--success)}.github-connect-modal__user-info .user-status svg{width:14px;height:14px}.github-connect-modal__error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--danger-bg);border-radius:8px;margin-bottom:16px;color:var(--danger);font-size:13px}.github-connect-modal__error svg{flex-shrink:0;width:16px;height:16px}.github-connect-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.github-connect-modal__btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.github-connect-modal__btn--secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.github-connect-modal__btn--secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.github-connect-modal__btn--primary{background:var(--accent-primary);border:none;color:#fff}.github-connect-modal__btn--primary:hover{background:var(--accent-primary-hover)}.github-connect-modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}.github-connect-modal__btn--danger{background:var(--danger);border:none;color:#fff}.github-connect-modal__btn--danger:hover{opacity:.9}.github-connect-modal__loading{display:flex;align-items:center;justify-content:center;padding:40px}.github-connect-modal__loading .spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:github-spin .8s linear infinite}@keyframes github-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes github-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes github-spin{to{transform:rotate(360deg)}}.left-panel{display:flex;flex-direction:column;height:100%;background-color:var(--panel-bg)}.left-panel__header{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.left-panel__header .search-input{flex:1}.left-panel__header-action{flex-shrink:0;padding:var(--spacing-xs)!important;min-width:28px;min-height:28px}.left-panel__header-action svg{width:14px;height:14px}.left-panel__actions{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.left-panel__actions .btn{flex:1;justify-content:flex-start;gap:var(--spacing-xs)}.left-panel__actions .btn svg{width:14px;height:14px}.left-panel__content{flex:1;overflow-y:auto}.left-panel__list{padding:var(--spacing-xs)}.left-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;color:var(--text-tertiary)}.left-panel__empty svg{width:48px}.left-panel__empty p{margin:0;font-size:var(--font-sm)}.left-panel__empty-hint{font-size:var(--font-xs);color:var(--text-muted)}.method-badge{font-family:var(--font-mono);font-size:var(--font-xs);font-weight:600;text-transform:uppercase}.request-name-input{background:var(--input-bg);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-sm);padding:2px 6px;width:100%;outline:none;box-sizing:border-box}.request-name-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.collection-add-btn{padding:2px!important;min-width:24px;min-height:24px;border-radius:var(--radius-sm)}.collection-add-btn svg{width:14px;height:14px}.collection-add-btn:hover{background-color:var(--color-primary-alpha);color:var(--color-primary)}.environment-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.environment-item__delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.environment-item__delete svg{width:12px;height:12px}.collapsible-list-item:hover .environment-item__delete{opacity:1}.environment-item__delete:hover{color:var(--color-error);background-color:#ef44441a}.environment-item__toggle{flex-shrink:0;display:flex;align-items:center}.environment-item__toggle .switch{transform:scale(.85)}.environment-item__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.environment-item__indicator{width:8px;height:8px;border-radius:50%;background-color:var(--text-muted);flex-shrink:0}.environment-item__indicator.active{background-color:var(--color-success)}.environment-item__count{margin-left:auto;font-size:var(--font-xs);color:var(--text-tertiary);flex-shrink:0}.history-item{display:flex;flex-direction:column;gap:2px;overflow:hidden}.history-item__url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item__time{font-size:var(--font-xs);color:var(--text-tertiary)}.mock-api-item{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-sm)}.mock-api-item__info{display:flex;align-items:center;gap:var(--spacing-sm);overflow:hidden}.mock-api-item__status{width:8px;height:8px;border-radius:50%;background-color:var(--text-muted);flex-shrink:0}.mock-api-item__status.running{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.mock-api-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-api-item__details{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.mock-api-item__port{font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-tertiary)}.mock-api-item__toggle{padding:2px!important;min-width:24px;min-height:24px;border-radius:var(--radius-sm)}.mock-api-item__toggle svg{width:12px;height:12px}.mock-api-item__toggle:hover{background-color:var(--bg-hover)}.mock-api-item__toggle.running{color:var(--color-error)}.mock-api-item__toggle.running:hover{background-color:#f93e3e1a}.left-panel__coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;height:100%;min-height:300px}.left-panel__coming-soon>svg{width:48px;height:48px;color:var(--color-primary);opacity:.8}.left-panel__coming-soon h3{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.left-panel__coming-soon-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary-alpha);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.left-panel__coming-soon-description{margin:0;font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5;max-width:220px}.left-panel__coming-soon-hint{margin:0;font-size:var(--font-xs);color:var(--text-tertiary)}.left-panel__coming-soon-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;font-family:inherit;text-decoration:none;cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-sm)}.left-panel__coming-soon-link svg{width:16px;height:16px}.left-panel__coming-soon-link:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-alpha)}.left-panel__coming-soon-link:active{transform:translateY(0)}.reference-active-section>.collapsible-list__header{background-color:var(--accent-primary-bg, rgba(59, 130, 246, .15));border-left:3px solid var(--accent-primary);margin-left:-1px}.reference-active-section>.collapsible-list__header .collapsible-list__title{color:var(--accent-primary);font-weight:600}.reference-active-section>.collapsible-list__header .collapsible-list__icon{color:var(--accent-primary)}.reference-active-request .collapsible-list-item{background-color:var(--color-primary-alpha-light);border-left:3px solid var(--color-primary);margin-left:-1px}.reference-active-request .collapsible-list-item__content{color:var(--color-primary);font-weight:500;height:21.5px;line-height:21.5px}.left-panel__standalone-dropzone{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border:2px dashed var(--border-secondary);border-radius:var(--radius-md);font-size:var(--font-xs);color:var(--text-tertiary);transition:all .2s ease;opacity:.5}.left-panel__standalone-dropzone:hover{opacity:.8}.left-panel__standalone-dropzone--drag-over{border-color:var(--color-primary);background-color:var(--color-primary-bg, rgba(34, 197, 94, .1));color:var(--color-primary);opacity:1}.left-panel__standalone-section{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-secondary)}.standalone-item{display:flex;align-items:center;gap:var(--spacing-xs);width:100%}.standalone-item__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standalone-item__status{width:8px;height:8px;border-radius:50%;flex-shrink:0;background-color:var(--text-tertiary)}.standalone-item__status--connected{background-color:var(--color-success)}.standalone-item__status--connecting{background-color:var(--color-warning);animation:pulse 1.5s ease-in-out infinite}.standalone-item__status--error{background-color:var(--color-error)}.standalone-item__status--disconnected{background-color:var(--text-tertiary)}.left-panel__standalone-section .collapsible-list-item__icon svg{color:var(--color-primary)}.workspace-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.workspace-item__color{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.workspace-item__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-drag-wrapper,.workspace-drag-wrapper{position:relative}.left-panel__delete-modal{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;padding:var(--spacing-md)}.left-panel__delete-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-error-bg, rgba(239, 68, 68, .1));color:var(--color-error)}.left-panel__delete-icon svg{width:24px;height:24px}.left-panel__delete-message{margin:0;font-size:var(--font-md);color:var(--text-primary)}.left-panel__delete-message strong{color:var(--color-error)}.left-panel__delete-warning{margin:0;font-size:var(--font-sm);color:var(--text-tertiary);line-height:1.5;max-width:320px}.left-panel__delete-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);width:100%;justify-content:center}.left-panel__delete-actions .btn{min-width:120px}.request-name--deprecated{text-decoration:line-through;opacity:.6}.collapsible-list-item--deprecated .collapsible-list-item__content,.collapsible-list-item--deprecated .method-badge{opacity:.6}.collapsible-list--deprecated>.collapsible-list__header{opacity:.6}.collapsible-list--deprecated>.collapsible-list__header .collapsible-list__title{text-decoration:line-through}.response-time-tooltip{width:340px;padding:var(--spacing-md);font-size:var(--font-sm)}.response-time-tooltip__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-secondary)}.response-time-tooltip__header svg{width:18px;height:18px;color:var(--text-secondary)}.response-time-tooltip__title{font-weight:600;color:var(--text-primary);flex:1}.response-time-tooltip__total{font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.response-time-tooltip__rows{display:flex;flex-direction:column;gap:6px}.response-time-tooltip__row{display:grid;grid-template-columns:120px 1fr 70px;align-items:center;gap:var(--spacing-sm)}.response-time-tooltip__label{color:var(--text-secondary);font-size:var(--font-xs);white-space:nowrap}.response-time-tooltip__bar-container{position:relative;height:12px;background-color:var(--bg-tertiary);border-radius:2px;overflow:hidden}.response-time-tooltip__bar{position:absolute;top:2px;height:8px;border-radius:2px;min-width:0;transition:width .2s ease}.response-time-tooltip__bar--dashed{background:repeating-linear-gradient(90deg,transparent,transparent 3px,var(--border-color) 3px,var(--border-color) 6px)!important;border:1px dashed;border-radius:2px;background-color:#fca5a533!important}.response-time-tooltip__value{text-align:right;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-xs);white-space:nowrap}[data-theme=light] .response-time-tooltip__bar-container{background-color:#f3f4f6}[data-theme=light] .response-time-tooltip__bar--dashed{background-color:#fca5a54d!important}.response-size-tooltip{width:280px;padding:var(--spacing-md);font-size:var(--font-sm)}.response-size-tooltip__section:not(:last-child){margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-secondary)}.response-size-tooltip__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.response-size-tooltip__header svg{width:16px;height:16px}.response-size-tooltip__header--response svg{color:#3b82f6}.response-size-tooltip__header--request svg{color:#f59e0b}.response-size-tooltip__title{font-weight:600;color:var(--text-primary);flex:1}.response-size-tooltip__total{font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.response-size-tooltip__rows{display:flex;flex-direction:column;gap:4px;padding-left:24px}.response-size-tooltip__row{display:flex;justify-content:space-between;align-items:center}.response-size-tooltip__label{color:var(--text-secondary);font-size:var(--font-xs)}.response-size-tooltip__value{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-xs)}.network-info-tooltip{width:320px;padding:var(--spacing-md);font-size:var(--font-sm)}.network-info-tooltip__section:not(:last-child){margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-secondary)}.network-info-tooltip__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.network-info-tooltip__header svg{width:16px;height:16px;color:var(--text-secondary)}.network-info-tooltip__title{font-weight:600;color:var(--text-primary)}.network-info-tooltip__rows{display:flex;flex-direction:column;gap:6px;padding-left:24px}.network-info-tooltip__row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.network-info-tooltip__label{color:var(--text-secondary);font-size:var(--font-xs);white-space:nowrap;flex-shrink:0}.network-info-tooltip__value{color:var(--text-primary);font-size:var(--font-xs);text-align:right;word-break:break-all}.network-info-tooltip__value--wrap{max-width:160px}.response-viewer{display:flex;flex-direction:column;height:100%;min-height:200px;background-color:var(--bg-primary)}.response-viewer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary);flex-shrink:0}.response-viewer__header--minimal{justify-content:flex-end;padding:var(--spacing-xs) var(--spacing-sm)}.response-viewer__tabs{display:flex;gap:var(--spacing-xs)}.response-viewer__tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.response-viewer__tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.response-viewer__tab.active{background-color:var(--bg-hover);color:var(--color-primary)}.response-viewer__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background-color:var(--bg-tertiary);border-radius:9px;color:var(--text-tertiary);font-size:var(--font-xs);font-weight:500}.response-viewer__meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-sm)}.response-viewer__preview-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;background-color:var(--color-primary-alpha-light);border:1px solid var(--color-primary-alpha);border-radius:var(--radius-md);color:var(--color-primary-light);font-size:var(--font-xs);font-weight:500}.response-viewer__preview-badge svg{opacity:.9}.response-viewer__expand-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.response-viewer__expand-btn svg{width:14px;height:14px}.response-viewer__expand-btn:hover{background-color:var(--bg-hover);color:var(--color-primary)}.response-viewer__close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.response-viewer__close-btn svg{width:14px;height:14px}.response-viewer__close-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.response-viewer__body-tabs{display:flex;gap:var(--spacing-xs)}.response-viewer__body-tab{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.response-viewer__body-tab:hover{background-color:var(--bg-hover);color:var(--text-secondary)}.response-viewer__body-tab.active{background-color:var(--color-primary-alpha-light);border-color:var(--color-primary-alpha);color:var(--color-primary)}.response-viewer__status{padding:2px 8px;border-radius:var(--radius-sm);font-weight:600}.response-viewer__status--success{background-color:#49cc9026;color:#49cc90}.response-viewer__status--redirect{background-color:#61affe26;color:#61affe}.response-viewer__status--client-error{background-color:#fca13026;color:#fca130}.response-viewer__status--server-error{background-color:#f93e3e26;color:#f93e3e}.response-viewer__time,.response-viewer__size{color:var(--text-tertiary)}.response-viewer__time--hoverable,.response-viewer__size--hoverable{cursor:help;border-bottom:1px dotted var(--text-tertiary);transition:color var(--transition-fast),border-color var(--transition-fast)}.response-viewer__time--hoverable:hover,.response-viewer__size--hoverable:hover{color:var(--text-primary);border-color:var(--text-primary)}.response-viewer__network{display:flex;align-items:center;color:var(--text-tertiary)}.response-viewer__network svg{width:14px;height:14px}.response-viewer__network--hoverable{cursor:help;transition:color var(--transition-fast)}.response-viewer__network--hoverable:hover{color:var(--text-primary)}.response-viewer__content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:400px}.response-viewer__body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.response-viewer__body .ace_editor{flex:1;min-height:100px;background-color:var(--bg-primary)!important}.response-viewer__body .ace_gutter{background-color:var(--bg-secondary)!important}.response-viewer__body .ace_content{background-color:var(--bg-primary)!important}.response-viewer__body .ace_search{background-color:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 12px #00000026!important;padding:var(--spacing-sm)!important;color:var(--text-primary)!important}.response-viewer__body .ace_search.right{top:0!important;right:0!important;border-top-right-radius:0!important;border-top-left-radius:0!important}.response-viewer__body .ace_search_form,.response-viewer__body .ace_replace_form{background-color:var(--bg-primary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-sm)!important;margin:0!important;padding:2px!important}.response-viewer__body .ace_search_field{background-color:var(--bg-primary)!important;border:none!important;color:var(--text-primary)!important;font-family:var(--font-mono)!important;font-size:var(--font-sm)!important;padding:var(--spacing-xs) var(--spacing-sm)!important;outline:none!important}.response-viewer__body .ace_search_field::placeholder{color:var(--text-muted)!important}.response-viewer__body .ace_search_field:focus{outline:none!important}.response-viewer__body .ace_searchbtn,.response-viewer__body .ace_replacebtn{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;padding:4px 8px!important;margin-left:4px!important;cursor:pointer!important;transition:all var(--transition-fast)!important}.response-viewer__body .ace_searchbtn:hover,.response-viewer__body .ace_replacebtn:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.response-viewer__body .ace_searchbtn.prev,.response-viewer__body .ace_searchbtn.next{padding:4px 6px!important}.response-viewer__body .ace_searchbtn_close{background:transparent!important;border:none!important;color:var(--text-tertiary)!important;font-size:16px!important;cursor:pointer!important;padding:4px!important;margin-left:var(--spacing-sm)!important}.response-viewer__body .ace_searchbtn_close:hover{color:var(--text-primary)!important}.response-viewer__body .ace_button{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;padding:2px 6px!important;margin:0 2px!important;cursor:pointer!important;font-size:var(--font-xs)!important}.response-viewer__body .ace_button:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.response-viewer__body .ace_button.checked{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.response-viewer__body .ace_search_counter{color:var(--text-tertiary)!important;font-size:var(--font-xs)!important;padding:0 var(--spacing-sm)!important}.response-viewer__body .ace_search_options{margin-top:var(--spacing-xs)!important;display:flex!important;align-items:center!important;gap:4px!important}.response-viewer__body .ace_button[action=toggleWholeWords],.response-viewer__body .ace_button[action=searchInSelection]{display:none!important}.response-viewer__body .ace_marker-layer .ace_selection{background-color:var(--color-primary-alpha, rgba(99, 102, 241, .3))!important}.response-viewer__body .ace_marker-layer .ace_selected-word{background-color:var(--color-primary-alpha, rgba(99, 102, 241, .3))!important;border:1px solid var(--color-primary)!important}.response-viewer__body .ace_marker-layer .ace_bracket{border:1px solid var(--color-primary)!important}.response-viewer__body .ace_marker-layer .ace_searchMarker{background-color:var(--color-primary-alpha, rgba(99, 102, 241, .25))!important;border-radius:2px}.response-viewer__body .ace_marker-layer .ace_searchMarker-selected{background-color:var(--color-primary)!important;border-radius:2px}.response-viewer__body .ace_searchMarker-selected{color:#fff!important}.response-viewer__body-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.response-viewer__body-title{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.response-viewer__body-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.response-viewer__display-mode-dropdown .dropdown__trigger{padding:4px 8px;font-size:var(--font-xs);min-width:90px;height:26px;background-color:var(--bg-tertiary);border:1px solid var(--border-primary)}.response-viewer__display-mode-dropdown .dropdown__trigger:hover{background-color:var(--bg-quaternary)}.response-viewer__display-mode-dropdown .dropdown__menu{min-width:100px}.response-viewer__display-mode-dropdown .dropdown__option{font-size:var(--font-xs);padding:6px 10px}.response-viewer__filter{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.response-viewer__filter>svg{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.response-viewer__filter--error .response-viewer__filter-input{color:var(--color-error)}.response-viewer__filter-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--font-sm);font-family:var(--font-mono)}.response-viewer__filter-input::placeholder{color:var(--text-muted)}.response-viewer__filter-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.response-viewer__filter-clear svg{width:12px;height:12px}.response-viewer__filter-clear:hover{background-color:var(--bg-hover);color:var(--text-primary)}.response-viewer__filter-help-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.response-viewer__filter-help-btn svg{width:14px;height:14px}.response-viewer__filter-help-btn:hover{background-color:var(--bg-hover);color:var(--color-primary)}.response-viewer__filter-help{font-size:var(--font-xs);line-height:1.6}.response-viewer__filter-help strong{display:block;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.response-viewer__filter-help ul{margin:0;padding:0;list-style:none}.response-viewer__filter-help li{margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.response-viewer__filter-help li:last-child{margin-bottom:0}.response-viewer__filter-help code{padding:1px 4px;background-color:var(--bg-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-xs);color:var(--color-primary)}.response-viewer__filter-error{padding:var(--spacing-xs) var(--spacing-sm);background-color:#f93e3e14;border-bottom:1px solid rgba(249,62,62,.2);color:var(--color-error);font-size:var(--font-xs);flex-shrink:0}.response-viewer__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.response-viewer__action-btn svg{width:14px;height:14px}.response-viewer__action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary)}.response-viewer__action-btn--success{background-color:#49cc9026;border-color:#49cc904d;color:#49cc90}.response-viewer__action-btn--success:hover{background-color:#49cc9040;color:#49cc90}.response-viewer__action-btn--active{background-color:var(--color-primary-alpha);border-color:var(--color-primary);color:var(--color-primary)}.response-viewer__action-btn--active:hover{background-color:var(--color-primary-alpha);color:var(--color-primary)}.response-viewer__action-btn:disabled{opacity:.5;cursor:not-allowed}.response-viewer__action-btn:disabled:hover{background-color:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-primary)}.response-viewer__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:150px;gap:var(--spacing-md);color:var(--text-secondary)}.response-viewer__spinner{width:32px;height:32px;border:3px solid var(--border-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:response-viewer-spin 1s linear infinite}.response-viewer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:150px;color:var(--text-tertiary);font-size:var(--font-sm)}.response-viewer__error{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);margin:var(--spacing-md);background-color:#f93e3e14;border:1px solid rgba(249,62,62,.2);border-radius:var(--radius-lg)}.response-viewer__error-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background-color:#f93e3e26;border-radius:var(--radius-md);color:#f93e3e}.response-viewer__error-icon svg{width:24px;height:24px}.response-viewer__error-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.response-viewer__error-title{margin:0;color:#f93e3e;font-size:var(--font-md);font-weight:600}.response-viewer__error-message{margin:0;color:var(--text-primary);font-size:var(--font-sm);line-height:1.5}.response-viewer__error-code{display:inline-block;padding:2px 8px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-xs)}.response-viewer__error-help{margin:var(--spacing-xs) 0 0;padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);line-height:1.4}.response-viewer__error-duration{color:var(--text-tertiary);font-size:var(--font-xs);margin-top:var(--spacing-xs)}.response-viewer__error-link{display:inline;background:none;border:none;color:var(--color-primary);font-size:inherit;font-family:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.response-viewer__error-link:hover{color:var(--color-primary-hover)}.response-viewer__empty-message{padding:var(--spacing-md);text-align:center;color:var(--text-tertiary);font-size:var(--font-sm)}.response-viewer__cookies,.response-viewer__headers{flex:1;padding:var(--spacing-sm);overflow:auto}.response-viewer__table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.response-viewer__table th,.response-viewer__table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--border-primary)}.response-viewer__table th{background-color:var(--bg-secondary);color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:var(--font-xs);letter-spacing:.05em}.response-viewer__table td{color:var(--text-primary);font-family:var(--font-mono);word-break:break-all}.response-viewer__table tr:hover td{background-color:var(--bg-hover)}@keyframes response-viewer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.response-viewer__tab--error{color:#f93e3e}.response-viewer__tab--error.active{color:#f93e3e;background-color:#f93e3e1a}.response-viewer__tab-badge--error{background-color:#f93e3e33;color:#f93e3e}.response-viewer__scripts{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);overflow:auto}.response-viewer__script-section{display:flex;flex-direction:column;border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.response-viewer__script-section--error{border-color:#f93e3e4d}.response-viewer__script-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.response-viewer__script-section--error .response-viewer__script-header{background-color:#f93e3e14;border-bottom-color:#f93e3e33}.response-viewer__script-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.response-viewer__script-duration{font-size:var(--font-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.response-viewer__script-error-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background-color:#f93e3e26;border-radius:var(--radius-sm);color:#f93e3e;font-size:var(--font-xs);font-weight:500;margin-left:auto}.response-viewer__script-error-badge svg{width:12px;height:12px}.response-viewer__script-logs{display:flex;flex-direction:column;max-height:300px;overflow:auto;background-color:var(--bg-primary)}.response-viewer__script-log{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-xs);border-bottom:1px solid var(--border-primary)}.response-viewer__script-log:last-child{border-bottom:none}.response-viewer__script-log-time{color:var(--text-muted);flex-shrink:0;font-size:10px}.response-viewer__script-log-type{flex-shrink:0;width:40px;text-align:center;padding:1px 4px;border-radius:var(--radius-sm);font-size:10px;font-weight:500;text-transform:uppercase}.response-viewer__script-log--log .response-viewer__script-log-type{background-color:var(--bg-tertiary);color:var(--text-secondary)}.response-viewer__script-log--info .response-viewer__script-log-type{background-color:#61affe26;color:#61affe}.response-viewer__script-log--warn .response-viewer__script-log-type{background-color:#fca13026;color:#fca130}.response-viewer__script-log--error .response-viewer__script-log-type{background-color:#f93e3e26;color:#f93e3e}.response-viewer__script-log-message{flex:1;color:var(--text-primary);white-space:pre-wrap;word-break:break-all;line-height:1.4}.response-viewer__script-log--error .response-viewer__script-log-message{color:#f93e3e}.response-viewer__script-log--warn .response-viewer__script-log-message{color:#fca130}.response-viewer__tab svg{width:14px;height:14px}.response-viewer__preview{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-primary);position:relative}.response-viewer__preview-image-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);overflow:auto;background:repeating-conic-gradient(var(--bg-tertiary) 0% 25%,var(--bg-secondary) 0% 50%) 50% / 20px 20px}.response-viewer__preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 4px 24px #0003}.response-viewer__preview-video-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:#0a0a0a}.response-viewer__preview-video{max-width:100%;max-height:100%;border-radius:var(--radius-sm);box-shadow:0 4px 24px #0006}.response-viewer__preview-audio-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);gap:var(--spacing-md);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.response-viewer__preview-audio{width:100%;max-width:500px;border-radius:var(--radius-md)}.response-viewer__preview-pdf-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.response-viewer__preview-pdf{flex:1;width:100%;border:none;background-color:var(--bg-tertiary)}.response-viewer__preview-unsupported{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--text-tertiary);font-size:var(--font-sm);text-align:center}.response-viewer__preview-pdf-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--text-secondary)}.response-viewer__preview-download-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--accent-primary);color:var(--text-primary);border-radius:var(--radius-sm);text-decoration:none;font-size:14px;font-weight:500;transition:background-color .15s ease}.response-viewer__preview-download-link:hover{background-color:var(--accent-hover)}.response-viewer__html-preview-toggle{display:flex;align-items:center;padding-right:var(--spacing-sm);border-right:1px solid var(--border-primary);margin-right:var(--spacing-xs)}.response-viewer__html-preview-toggle .switch-container{gap:var(--spacing-xs)}.response-viewer__html-preview-toggle .switch__label{font-size:var(--font-xs);color:var(--text-tertiary);font-weight:500}.response-viewer__html-preview{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fff;border-radius:var(--radius-sm);margin:var(--spacing-xs)}.response-viewer__html-preview-iframe{flex:1;width:100%;height:100%;border:none;background-color:#fff}.environment-editor{display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg);overflow-y:auto}.environment-editor--not-found{justify-content:center;align-items:center}.environment-editor__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-tertiary);text-align:center}.environment-editor__empty svg{width:48px;height:48px;opacity:.5}.environment-editor__empty h3{font-size:var(--font-lg);font-weight:600;color:var(--text-secondary);margin:0}.environment-editor__empty p{font-size:var(--font-sm);margin:0}.environment-editor__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-secondary)}.environment-editor__title{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.environment-editor__title svg{width:24px;height:24px;color:var(--color-primary);flex-shrink:0}.environment-editor__name-input{flex:1;max-width:400px}.environment-editor__name-input input{font-size:var(--font-xl);font-weight:600;background:transparent;border:1px solid transparent}.environment-editor__name-input input:hover{border-color:var(--border-secondary)}.environment-editor__name-input input:focus{border-color:var(--color-primary);background:var(--bg-secondary)}.environment-editor__actions{display:flex;align-items:center;gap:var(--spacing-md)}.environment-editor__description{margin-bottom:var(--spacing-lg)}.environment-editor__description p{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin:0}.environment-editor__description code{font-family:var(--font-mono);font-size:var(--font-xs);padding:2px 6px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--color-primary)}.environment-editor__variables{flex:1}.environment-editor__variables h3{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.sharing-tab{padding:24px;max-width:800px}.sharing-tab__header{margin-bottom:20px}.sharing-tab__header h3{font-size:16px;font-weight:600;margin:0 0 6px;color:var(--text-primary)}.sharing-tab__description{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.sharing-tab__options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.sharing-tab__option-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:center;position:relative}.sharing-tab__option-card:hover{border-color:var(--border-color-hover);background:var(--bg-tertiary)}.sharing-tab__option-card--selected{border-color:var(--primary);background:var(--primary-bg, rgba(99, 102, 241, .08))}.sharing-tab__option-card--selected:hover{border-color:var(--primary)}.sharing-tab__option-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary)}.sharing-tab__option-card--selected .sharing-tab__option-icon{background:var(--primary);color:#fff}.sharing-tab__option-icon svg{width:20px;height:20px}.sharing-tab__option-icon--echolon{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.sharing-tab__option-card--selected .sharing-tab__option-icon--echolon{background:linear-gradient(135deg,#10b981,#059669)}.sharing-tab__option-icon--public{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.sharing-tab__option-card--selected .sharing-tab__option-icon--public{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.sharing-tab__option-content h4{font-size:13px;font-weight:600;margin:0;color:var(--text-primary)}.sharing-tab__option-content p{font-size:11px;color:var(--text-tertiary);margin:4px 0 0}.sharing-tab__option-badge{position:absolute;top:8px;right:8px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 6px;border-radius:4px;background:var(--success);color:#fff}.sharing-tab__panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:20px}.sharing-tab__panel-header{margin-bottom:16px}.sharing-tab__panel-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 16px}.sharing-tab__panel .btn{display:inline-flex;align-items:center;gap:6px}.sharing-tab__panel .btn svg{width:14px;height:14px}.sharing-tab__toggle-row{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.sharing-tab__versions{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.sharing-tab__section-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 10px}.sharing-tab__label{display:block;font-size:11px;font-weight:500;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.sharing-tab__inline-form{background:var(--bg-secondary);border-radius:8px;padding:16px;border:1px solid var(--border-color)}.sharing-tab__form-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.sharing-tab__field{display:flex;flex-direction:column}.sharing-tab__field--subdomain{flex:1;min-width:280px}.sharing-tab__field--version{width:100px}.sharing-tab__field--action{width:auto}.sharing-tab__subdomain-row{display:flex;align-items:center;gap:4px}.sharing-tab__input--small{max-width:160px;font-size:13px}.sharing-tab__input--small input{padding:6px 10px;height:32px}.sharing-tab__subdomain-suffix{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.sharing-tab__regenerate-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.sharing-tab__regenerate-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color-hover)}.sharing-tab__regenerate-btn svg{width:14px;height:14px}.sharing-tab__status{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:2px 6px;border-radius:4px;white-space:nowrap;margin-left:4px}.sharing-tab__status svg{width:10px;height:10px}.sharing-tab__status--hint{color:var(--text-tertiary)}.sharing-tab__status--checking{color:var(--text-secondary);background:var(--bg-tertiary)}.sharing-tab__status--available{color:var(--success);background:var(--success-bg, rgba(34, 197, 94, .1))}.sharing-tab__status--owned{color:var(--primary);background:var(--primary-bg, rgba(99, 102, 241, .1))}.sharing-tab__status--unavailable{color:var(--danger);background:var(--danger-bg, rgba(239, 68, 68, .1))}.sharing-tab__publish-btn{height:32px;padding:0 16px;font-size:13px;min-width:80px}.sharing-tab__preview-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.sharing-tab__preview{display:flex;align-items:center;gap:8px}.sharing-tab__preview-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.sharing-tab__preview-url{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sharing-tab__copy-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.sharing-tab__copy-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sharing-tab__copy-btn svg{width:12px;height:12px}.sharing-tab__spec-links{display:flex;align-items:center;gap:8px;margin-top:8px;padding-left:36px}.sharing-tab__spec-link{font-size:11px;color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.sharing-tab__spec-link:hover{color:var(--primary)}.sharing-tab__spec-link code{font-family:var(--font-mono);font-size:11px;background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;border:1px solid var(--border-color);transition:all .15s ease}.sharing-tab__spec-link:hover code{border-color:var(--primary);background:var(--primary-bg)}.sharing-tab__spec-link-separator{color:var(--text-tertiary);font-size:10px}.sharing-tab__spinner{display:inline-flex;animation:sharing-tab-spin 1s linear infinite}.sharing-tab__spinner svg{width:14px;height:14px}@keyframes sharing-tab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sharing-tab__versions-list{display:flex;flex-direction:column;gap:6px}.sharing-tab__version-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px}.sharing-tab__version-info{display:flex;align-items:center;gap:12px}.sharing-tab__version-number{font-size:13px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.sharing-tab__version-date{font-size:11px;color:var(--text-tertiary)}.sharing-tab__version-actions{display:flex;align-items:center;gap:2px}.sharing-tab__icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-decoration:none}.sharing-tab__icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sharing-tab__icon-btn--danger:hover{background:var(--danger-bg);color:var(--danger)}.sharing-tab__icon-btn svg{width:13px;height:13px}.sharing-tab__delete-modal{padding:8px 0}.sharing-tab__delete-modal p{margin:0 0 12px;font-size:14px;color:var(--text-primary);line-height:1.5}.sharing-tab__delete-modal-warning{color:var(--text-secondary);font-size:13px}.sharing-tab__delete-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.collection-editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.collection-editor--not-found{display:flex;align-items:center;justify-content:center}.collection-editor__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-tertiary);text-align:center}.collection-editor__empty svg{width:48px;height:48px;opacity:.5}.collection-editor__empty h3{margin:0;color:var(--text-primary);font-size:var(--font-lg)}.collection-editor__empty p{margin:0;font-size:var(--font-sm)}.collection-editor__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary)}.collection-editor__title{display:flex;align-items:center;gap:var(--spacing-sm)}.collection-editor__title svg{width:20px;height:20px;color:var(--color-primary)}.collection-editor__title h2{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.collection-editor__meta{display:flex;gap:var(--spacing-md);font-size:var(--font-xs);color:var(--text-tertiary)}.collection-editor__meta span{display:flex;align-items:center;gap:var(--spacing-xs)}.collection-editor__tabs{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.collection-editor__tabs-spacer{flex:1}.collection-editor__tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.collection-editor__tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.collection-editor__tab.active{background-color:var(--bg-hover);color:var(--color-primary)}.collection-editor__tab--action{margin-left:auto;font-size:var(--font-xs);color:var(--text-tertiary)}.collection-editor__tab--action svg{width:14px;height:14px}.collection-editor__tab--action:hover{color:var(--text-primary)}.collection-editor__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background-color:var(--bg-tertiary);border-radius:9px;color:var(--text-tertiary);font-size:var(--font-xs);font-weight:500}.collection-editor__tab-badge--warning{background-color:var(--color-warning);color:#fff}.collection-editor__tab-indicator{width:6px;height:6px;background-color:var(--color-success);border-radius:50%}.collection-editor__url-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 8px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500;color:var(--text-secondary)}.collection-editor__url-badge svg{width:12px;height:12px}.collection-editor__content{flex:1;overflow:auto;padding:var(--spacing-lg)}.collection-editor__overview{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:600px}.collection-editor__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.collection-editor__field label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.collection-editor__field textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-sm);resize:vertical;transition:border-color var(--transition-fast)}.collection-editor__field textarea::placeholder{color:var(--text-muted)}.collection-editor__field textarea:focus{outline:none;border-color:var(--color-primary)}.collection-editor__field-hint{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs);line-height:1.4}.collection-editor__info{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.collection-editor__info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.collection-editor__info-label{font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.collection-editor__info-value{font-size:var(--font-sm);color:var(--text-primary)}.collection-editor__clear-dismissed{background:none;border:none;color:var(--primary);cursor:pointer;font-size:var(--font-sm);padding:0;text-decoration:underline}.collection-editor__clear-dismissed:hover{color:var(--primary-hover)}.collection-editor__headers{display:flex;flex-direction:column;gap:var(--spacing-md)}.collection-editor__section-description{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.collection-editor__section-description p{margin:0;font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.collection-editor__auth{display:flex;flex-direction:column;gap:var(--spacing-md)}.collection-editor__auth-type{display:flex;flex-direction:column;gap:var(--spacing-xs)}.collection-editor__auth-type label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.collection-editor__auth-fields{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.collection-editor__auth-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.collection-editor__auth-field label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.collection-editor__sync{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:700px}.collection-editor__sync-source{display:flex;flex-direction:column;gap:var(--spacing-xs)}.collection-editor__sync-source label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.collection-editor__sync-url{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-sm);font-family:var(--font-mono);color:var(--text-primary);overflow:hidden}.collection-editor__sync-url svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.collection-editor__sync-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-editor__sync-settings{display:flex;align-items:flex-end;gap:var(--spacing-md)}.collection-editor__sync-frequency{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;max-width:250px}.collection-editor__sync-frequency label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.collection-editor__sync-info{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.collection-editor__sync-changes{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-warning)}.collection-editor__sync-changes h4{margin:0;font-size:var(--font-sm);font-weight:600;color:var(--color-warning);display:flex;align-items:center;gap:var(--spacing-sm)}.collection-editor__sync-changes h4:before{content:"⚠️"}.collection-editor__danger-zone{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}.collection-editor__danger-zone h4{margin:0 0 var(--spacing-md);font-size:var(--font-sm);font-weight:600;color:var(--color-error);text-transform:uppercase;letter-spacing:.05em}.collection-editor__danger-action{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.collection-editor__danger-action:hover{border-color:var(--color-error)}.collection-editor__danger-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.collection-editor__danger-title{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.collection-editor__danger-description{font-size:var(--font-xs);color:var(--text-tertiary)}.collection-editor__delete-modal{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;padding:var(--spacing-md) 0}.collection-editor__delete-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#ef44441a;border-radius:50%;color:var(--color-error)}.collection-editor__delete-icon svg{width:24px;height:24px}.collection-editor__delete-message{margin:0;font-size:var(--font-md);color:var(--text-primary)}.collection-editor__delete-message strong{color:var(--color-error)}.collection-editor__delete-warning{margin:0;font-size:var(--font-sm);color:var(--text-tertiary);line-height:1.5;max-width:320px}.collection-editor__delete-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);width:100%;justify-content:center}.collection-editor__delete-actions .btn{min-width:120px}.collection-editor__environments{display:flex;flex-direction:column;gap:var(--spacing-md)}.collection-editor__environments-header{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-sm)}.collection-editor__environments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-md);text-align:center}.collection-editor__environments-empty svg{width:48px;height:48px;color:var(--text-tertiary);opacity:.5}.collection-editor__environments-empty p{margin:0;color:var(--text-secondary);font-size:var(--font-sm)}.collection-editor__environments-empty-hint{color:var(--text-tertiary)!important;font-size:var(--font-xs)!important;max-width:300px}.collection-editor__environments-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.collection-editor__environment{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.collection-editor__environment.active{border-color:var(--color-primary)}.collection-editor__environment-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.collection-editor__environment-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.collection-editor__environment-status{width:8px;height:8px;border-radius:50%;background-color:var(--text-tertiary);flex-shrink:0}.collection-editor__environment-status.active{background-color:var(--color-success)}.collection-editor__environment-name{flex:1;max-width:300px}.collection-editor__environment-name .input{font-weight:500}.collection-editor__environment-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.collection-editor__environment-variables{padding-top:var(--spacing-sm);border-top:1px solid var(--border-secondary)}.collection-editor__new-env-modal{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.collection-editor__new-env-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.collection-editor__new-env-field label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.collection-editor__new-env-hint{margin:0;font-size:var(--font-xs);color:var(--text-tertiary);line-height:1.5}.collection-editor__new-env-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.collection-editor__content--reference{padding:0;overflow:hidden}.collection-editor__reference{height:100%;overflow:hidden}.collection-editor__reference-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);height:100%;text-align:center}.collection-editor__reference-empty svg{width:48px;height:48px;color:var(--text-tertiary);opacity:.5}.collection-editor__reference-empty p{margin:0;color:var(--text-secondary);font-size:var(--font-sm)}.collection-editor__reference-empty-hint{color:var(--text-tertiary)!important;font-size:var(--font-xs)!important;max-width:300px}.reference-request-item{border-bottom:1px solid var(--border-primary);margin-bottom:var(--spacing-md);background-color:var(--bg-primary)}.reference-request-item:last-child{border-bottom:none;margin-bottom:0}.reference-request-item__sticky-header{top:0;z-index:10;background-color:var(--bg-primary);border-bottom:1px solid var(--border-secondary)}.reference-request-item__name-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-secondary)}.reference-request-item__expand-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.reference-request-item__expand-btn svg{width:14px;height:14px}.reference-request-item__expand-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.reference-request-item__method-badge{font-family:var(--font-mono);font-size:var(--font-xs);font-weight:700;text-transform:uppercase;min-width:48px}.reference-request-item__name{flex:1;font-size:var(--font-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-request-item__folder-path{font-size:var(--font-xs);color:var(--text-tertiary);background-color:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.reference-request-item__url-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.reference-request-item__method-dropdown{flex-shrink:0}.reference-request-item__method-dropdown .dropdown__trigger{min-width:80px;font-weight:600;font-size:var(--font-xs)}.reference-request-item__url-input{flex:1;min-width:0}.reference-request-item__url-input .input-wrapper{height:32px}.reference-request-item__url-input .input{font-size:var(--font-sm)}.reference-request-item__send-btn{flex-shrink:0;min-width:80px}.reference-request-item__content{display:flex;flex-direction:column;background-color:var(--bg-primary);border-top:1px solid var(--border-secondary)}.reference-request-item__tabs{display:flex;gap:2px;padding:0 var(--spacing-md);border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary)}.reference-request-item__tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast)}.reference-request-item__tab:hover{color:var(--text-primary)}.reference-request-item__tab.active{color:var(--text-primary);border-bottom-color:var(--color-primary)}.reference-request-item__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background-color:var(--bg-tertiary);border-radius:8px;color:var(--text-tertiary);font-size:10px;font-weight:500}.reference-request-item__tab-indicator{width:5px;height:5px;background-color:var(--color-success);border-radius:50%}.reference-request-item__tab-content{padding:var(--spacing-md);max-height:450px;overflow-y:auto}.reference-request-item__body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.reference-request-item__body-type{flex-shrink:0}.reference-request-item__body-editor{border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.reference-request-item__body-editor .ace_editor{background-color:var(--bg-primary)!important}.reference-request-item__body-editor .ace_gutter{background-color:var(--bg-secondary)!important}.reference-request-item__auth{display:flex;flex-direction:column;gap:var(--spacing-md)}.reference-request-item__auth-type{display:flex;flex-direction:column;gap:var(--spacing-xs)}.reference-request-item__auth-type label{font-size:var(--font-xs);font-weight:500;color:var(--text-secondary)}.reference-request-item__auth-fields{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.reference-request-item__auth-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.reference-request-item__auth-field label{font-size:var(--font-xs);font-weight:500;color:var(--text-secondary)}.reference-request-item__response{padding:var(--spacing-md);padding-top:0;margin-bottom:40px;border-top:1px solid var(--border-primary);background-color:var(--bg-secondary)}.reference-request-item__response .response-viewer{border-radius:var(--radius-md);overflow:hidden}.collection-editor__reference{display:flex;height:100%;overflow:hidden}.reference-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);padding-bottom:200px}.reference-sections-container{display:flex;flex-direction:column}.reference-section{padding-bottom:var(--spacing-3xl);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-primary);box-sizing:border-box;content-visibility:auto;contain-intrinsic-size:auto 300px}.reference-section:last-child{border-bottom:none}.reference-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.reference-section__title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.reference-operations-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto}.reference-operations-card__header{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-primary)}.reference-operations-card__list{padding:var(--spacing-sm) 0}.reference-operations-card__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-mono);font-size:var(--font-xs)}.reference-operations-card__method{font-weight:700;min-width:60px;text-align:right}.reference-operations-card__path{color:var(--text-primary)}.reference-section__toggle{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.reference-section__toggle:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.reference-section__toggle svg{width:14px;height:14px;transition:transform .2s ease}.reference-section__requests{margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.reference-section__requests-placeholder{padding:var(--spacing-xl);text-align:center;color:var(--text-tertiary);font-size:var(--font-sm);border:1px dashed var(--border-secondary);border-radius:var(--radius-lg);min-height:100px;display:flex;align-items:center;justify-content:center}.reference-request{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-primary)}.reference-request__header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.reference-request__method{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:700;font-family:var(--font-mono);text-transform:uppercase}.reference-request__path{font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-primary)}.reference-request__name{margin-left:auto;font-size:var(--font-sm);color:var(--text-secondary)}.reference-request .reference-request-item{border:none;border-radius:0}.reference-request .reference-request-item__header{display:none}.websocket-panel{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary)}.websocket-panel__url-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--border-secondary)}.websocket-panel__protocol{padding:6px 10px;background-color:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);flex-shrink:0}.websocket-panel__url-input{flex:1;min-width:0;overflow:hidden}.websocket-panel__connect-btn{flex-shrink:0;min-width:100px}.websocket-panel__status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-sm);font-weight:500;padding:0 var(--spacing-sm);flex-shrink:0}.websocket-panel__status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.websocket-panel__tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-secondary)}.websocket-panel__tab{padding:var(--spacing-xs) var(--spacing-sm);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;transition:all .15s ease}.websocket-panel__tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.websocket-panel__tab.active{background-color:var(--bg-active);color:var(--text-primary);font-weight:500}.websocket-panel__content{padding:var(--spacing-md);border-bottom:1px solid var(--border-secondary)}.websocket-panel__message-editor{display:flex;flex-direction:column;gap:var(--spacing-sm)}.websocket-panel__message-actions{display:flex;justify-content:flex-end}.websocket-panel__params,.websocket-panel__headers{min-height:150px}.websocket-panel__settings{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.websocket-panel__setting{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}.websocket-panel__setting-info{flex:1}.websocket-panel__setting-label{display:block;font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.websocket-panel__setting-description{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5;margin:0}.websocket-panel__setting-input{width:100px;padding:8px 12px;background-color:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);font-family:var(--font-mono);text-align:center;flex-shrink:0;appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield}.websocket-panel__setting-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.websocket-panel__setting-input::-webkit-inner-spin-button,.websocket-panel__setting-input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.websocket-panel__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:var(--spacing-xs);background-color:var(--bg-tertiary);border-radius:9px;font-size:10px;font-weight:600;color:var(--text-secondary)}.websocket-panel__response{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.websocket-panel__response-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-secondary)}.websocket-panel__response-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.websocket-panel__response-status{font-size:var(--font-sm);font-weight:500;margin-left:auto}.websocket-panel__response-actions-right{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:var(--spacing-md)}.websocket-panel__response-dots{color:var(--text-tertiary);font-size:var(--font-sm);letter-spacing:2px}.websocket-panel__messages-toolbar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-secondary)}.websocket-panel__search{width:300px;flex:1;max-width:400px}.websocket-panel__filter{margin-left:var(--spacing-sm)}.websocket-panel__filter-select{padding:6px 10px;background-color:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);cursor:pointer}.websocket-panel__filter-select:focus{outline:none;border-color:var(--border-focus)}.websocket-panel__clear-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;transition:all .15s ease;margin-left:auto}.websocket-panel__clear-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.websocket-panel__clear-btn svg{width:14px;height:14px}.websocket-panel__messages{flex:1;overflow-y:auto;padding:0}.websocket-panel__empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:var(--font-sm)}.websocket-panel__message{border-bottom:1px solid var(--border-secondary)}.websocket-panel__message-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color .15s ease}.websocket-panel__message-header:hover{background-color:var(--bg-hover)}.websocket-panel__message-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.websocket-panel__message-icon svg{width:14px;height:14px}.websocket-panel__message--sent .websocket-panel__message-icon{color:var(--color-primary)}.websocket-panel__message--received .websocket-panel__message-icon{color:var(--color-success)}.websocket-panel__message--system .websocket-panel__message-icon{color:var(--text-tertiary)}.websocket-panel__message--system .websocket-panel__message-header{background-color:var(--bg-secondary)}.websocket-panel__message--system.websocket-panel__message--info .websocket-panel__message-icon{color:var(--color-info, #3b82f6)}.websocket-panel__message-preview{flex:1;font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.websocket-panel__message--system .websocket-panel__message-preview{font-family:var(--font-sans);color:var(--text-secondary)}.websocket-panel__highlight{background-color:var(--color-warning, #f59e0b);color:var(--bg-primary);padding:0 2px;border-radius:2px;font-weight:500}.websocket-panel__message-time{font-size:var(--font-xs);color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0}.websocket-panel__message-expand{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.websocket-panel__message-expand svg{width:14px;height:14px}.websocket-panel__message-details{padding:var(--spacing-xs);padding-left:calc(var(--spacing-md) + 20px + var(--spacing-sm));background-color:var(--bg-secondary);border-top:1px solid var(--border-secondary)}.websocket-panel__message-editor-container{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-secondary)}.websocket-panel__message-editor-container .ace_editor{background-color:var(--bg-primary)!important}.websocket-panel__message-content{margin:0;font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:none;padding:0}.workspace-editor{display:flex;flex-direction:column;height:100%;background-color:var(--panel-bg)}.workspace-editor--not-found{display:flex;align-items:center;justify-content:center}.workspace-editor__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-tertiary);text-align:center;padding:var(--spacing-2xl)}.workspace-editor__empty svg{width:48px;height:48px;opacity:.5}.workspace-editor__empty h3{margin:0;color:var(--text-primary);font-size:var(--font-lg)}.workspace-editor__empty p{margin:0;font-size:var(--font-sm)}.workspace-editor__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary);background-color:var(--panel-header-bg)}.workspace-editor__header-content{display:flex;align-items:center;gap:var(--spacing-md)}.workspace-editor__color-indicator{width:16px;height:16px;border-radius:var(--radius-sm);flex-shrink:0}.workspace-editor__title{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.workspace-editor__tabs{border-bottom:1px solid var(--border-primary);padding:0 var(--spacing-lg)}.workspace-editor__content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.workspace-editor__overview{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:600px}.workspace-editor__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.workspace-editor__label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.workspace-editor__colors{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.workspace-editor__color-btn{width:32px;height:32px;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.workspace-editor__color-btn:hover{transform:scale(1.1)}.workspace-editor__color-btn--active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--text-primary)}.workspace-editor__color-btn--custom{position:relative;background:conic-gradient(from 0deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red)}.workspace-editor__color-btn--custom:after{content:"+";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.workspace-editor__color-btn--custom.workspace-editor__color-btn--active:after{content:""}.workspace-editor__color-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.workspace-editor__textarea{width:100%;padding:var(--spacing-sm);background-color:var(--input-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-sm);resize:vertical;min-height:100px}.workspace-editor__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.workspace-editor__textarea::placeholder{color:var(--text-tertiary)}.workspace-editor__metadata{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--border-secondary)}.workspace-editor__metadata-item{display:flex;align-items:center;gap:var(--spacing-sm)}.workspace-editor__metadata-label{font-size:var(--font-xs);color:var(--text-tertiary);min-width:60px}.workspace-editor__metadata-value{font-size:var(--font-xs);color:var(--text-secondary)}.workspace-editor__collections{display:flex;flex-direction:column}.workspace-editor__empty-collections{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;color:var(--text-tertiary)}.workspace-editor__empty-collections svg{width:48px;height:48px;opacity:.5}.workspace-editor__empty-collections h4{margin:0;color:var(--text-primary);font-size:var(--font-md)}.workspace-editor__empty-collections p{margin:0;font-size:var(--font-sm)}.workspace-editor__empty-hint{color:var(--text-muted);font-size:var(--font-xs)!important}.workspace-editor__collections-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.workspace-editor__collection-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.workspace-editor__collection-item:hover{background-color:var(--bg-hover);border-color:var(--border-primary)}.workspace-editor__collection-info{display:flex;flex-direction:column;gap:var(--spacing-xs);overflow:hidden}.workspace-editor__collection-name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-editor__collection-description{font-size:var(--font-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.workspace-editor__collection-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.workspace-editor__collection-count{font-size:var(--font-xs);color:var(--text-tertiary)}.workspace-editor__collection-meta .btn{opacity:0;transition:opacity var(--transition-fast)}.workspace-editor__collection-item:hover .workspace-editor__collection-meta .btn{opacity:1}.workspace-editor__danger-zone{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}.workspace-editor__danger-zone h4{margin:0 0 var(--spacing-md);font-size:var(--font-sm);font-weight:600;color:var(--color-error);text-transform:uppercase;letter-spacing:.05em}.workspace-editor__danger-action{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.workspace-editor__danger-action:hover{border-color:var(--color-error)}.workspace-editor__danger-action--blocked{opacity:.7;border-color:var(--border-secondary)}.workspace-editor__danger-action--blocked:hover{border-color:var(--border-secondary)}.workspace-editor__danger-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.workspace-editor__danger-title{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.workspace-editor__danger-description{font-size:var(--font-xs);color:var(--text-tertiary)}.workspace-editor__delete-btn:hover{color:var(--color-error)!important;background-color:#ef44441a!important}.workspace-editor__delete-modal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0}.workspace-editor__delete-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#ef444426;color:var(--color-error)}.workspace-editor__delete-icon svg{width:24px;height:24px}.workspace-editor__delete-message{margin:0;font-size:var(--font-md);color:var(--text-primary)}.workspace-editor__delete-message strong{color:var(--color-error)}.workspace-editor__delete-warning{margin:0;font-size:var(--font-sm);color:var(--text-tertiary);max-width:300px;line-height:1.5}.workspace-editor__delete-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);width:100%;justify-content:center}.workspace-editor__delete-actions .btn{min-width:120px}.workspace-editor__environments{display:flex;flex-direction:column;gap:var(--spacing-lg)}.workspace-editor__section-description{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-secondary)}.workspace-editor__section-description p{margin:0;font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.workspace-editor__section-description strong{color:var(--text-primary)}.workspace-editor__environments-header{display:flex;justify-content:flex-start}.workspace-editor__environments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;color:var(--text-tertiary);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px dashed var(--border-secondary)}.workspace-editor__environments-empty svg{width:48px;height:48px;opacity:.5}.workspace-editor__environments-empty p{margin:0;font-size:var(--font-sm)}.workspace-editor__environments-empty-hint{font-size:var(--font-xs)!important;color:var(--text-muted);max-width:300px}.workspace-editor__environments-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.workspace-editor__environment{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden}.workspace-editor__environment.active{border-color:var(--color-primary)}.workspace-editor__environment-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary)}.workspace-editor__environment-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.workspace-editor__environment-name{max-width:200px}.workspace-editor__environment-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.workspace-editor__environment-switch{display:flex;align-items:center}.workspace-editor__environment-variables{padding:var(--spacing-sm)}.workspace-editor__new-env-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.workspace-editor__new-env-modal p{margin:0;font-size:var(--font-sm);color:var(--text-secondary)}.workspace-editor__new-env-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.diff-viewer{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.diff-viewer__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.diff-viewer__file-info{display:flex;align-items:center;gap:8px}.diff-viewer__file-info svg{width:16px;height:16px;color:var(--text-muted)}.diff-viewer__file-name{font-size:14px;font-weight:600;color:var(--text-primary)}.diff-viewer__file-path{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.diff-viewer__stats{display:flex;align-items:center;gap:12px}.diff-viewer__status{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.diff-viewer__status--added{background:var(--success-bg);color:var(--success)}.diff-viewer__status--modified{background:var(--warning-bg);color:var(--warning)}.diff-viewer__status--deleted{background:var(--danger-bg);color:var(--danger)}.diff-viewer__stat{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.diff-viewer__stat svg{width:12px;height:12px}.diff-viewer__stat--add{color:var(--success)}.diff-viewer__stat--delete{color:var(--danger)}.diff-viewer__content{flex:1;display:flex;overflow:hidden}.diff-viewer__panel{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.diff-viewer__panel--full{flex:1}.diff-viewer__panel-header{display:flex;align-items:center;justify-content:center;padding:8px 12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.diff-viewer__panel-header--old{background:#ef44441a;color:var(--danger);border-bottom:2px solid var(--danger)}.diff-viewer__panel-header--new{background:#22c55e1a;color:var(--success);border-bottom:2px solid var(--success)}.diff-viewer__divider{width:1px;background:var(--border-color)}.diff-viewer__editor{flex:1;overflow:hidden}.diff-viewer__editor .ace_editor{width:100%!important;height:100%!important}.diff-line-deleted{position:absolute;background:#ef444433!important;border-left:3px solid #ef4444}.diff-line-added{position:absolute;background:#22c55e33!important;border-left:3px solid #22c55e}.diff-viewer__editor .ace_marker-layer .diff-line-deleted,.diff-viewer__editor .ace_marker-layer .diff-line-added{z-index:1}:root[data-theme=light] .diff-viewer__panel-header--old{background:#ef444414}:root[data-theme=light] .diff-viewer__panel-header--new{background:#22c55e14}:root[data-theme=light] .diff-viewer__status--added{background:#22c55e1a}:root[data-theme=light] .diff-viewer__status--modified{background:#f59e0b1a}:root[data-theme=light] .diff-viewer__status--deleted{background:#ef44441a}:root[data-theme=light] .diff-line-deleted{background:#ef444426!important}:root[data-theme=light] .diff-line-added{background:#22c55e26!important}.settings-modal-container{height:90vh;max-height:90vh}.settings-modal-container .modal__content{padding:0;display:flex;flex-direction:column}.settings-modal{display:flex;gap:0;flex:1;min-height:0}.settings-modal__sidebar{width:200px;flex-shrink:0;background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-modal__tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.settings-modal__tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.settings-modal__tab.active{background-color:var(--color-primary-alpha);color:var(--color-primary)}.settings-modal__tab-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.settings-modal__tab-icon svg{width:16px;height:16px}.settings-modal__tab-label{flex:1}.settings-modal__content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.settings-modal__panel{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-modal__panel-header{margin-bottom:var(--spacing-sm)}.settings-modal__panel-header h2{margin:0 0 var(--spacing-xs);font-size:var(--font-xl);font-weight:600;color:var(--text-primary)}.settings-modal__panel-header p{margin:0;font-size:var(--font-sm);color:var(--text-tertiary)}.settings-modal__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings-modal__section h3{font-size:var(--font-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.settings-modal__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-modal__field>label{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.settings-modal__field .input,.settings-modal__field .dropdown{max-width:280px}.settings-modal__field--checkbox>label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:400}.settings-modal__field--checkbox>label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.settings-modal__field--checkbox>label span{font-weight:500}.settings-modal__field-description{margin:0;font-size:var(--font-xs);color:var(--text-tertiary);line-height:1.4;max-width:400px}.settings-modal__field-hint{margin:var(--spacing-xs) 0 0;font-size:var(--font-xs);color:var(--text-tertiary)}.settings-modal__field-hint code{background-color:var(--bg-tertiary);padding:1px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85em}.settings-modal__plan-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-primary);background-color:var(--bg-secondary);position:relative}.settings-modal__plan-card--current{border-color:var(--color-primary)}.settings-modal__plan-card--current .settings-modal__plan-badge{background-color:var(--color-primary);color:var(--text-on-primary)}.settings-modal__plan-card--pro{margin-top:var(--spacing-md);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-color:var(--border-secondary)}.settings-modal__plan-card--pro .settings-modal__plan-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.settings-modal__plan-card h3{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:var(--spacing-sm) 0;border:none;padding:0;text-transform:none;letter-spacing:normal}.settings-modal__plan-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.settings-modal__plan-price{margin:0 0 var(--spacing-md);font-size:var(--font-md);color:var(--text-secondary)}.settings-modal__plan-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.settings-modal__plan-features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm);color:var(--text-secondary)}.settings-modal__plan-features li svg{width:16px;height:16px;color:var(--color-success);flex-shrink:0}.settings-modal__upgrade-btn{margin-top:var(--spacing-lg);width:100%}.settings-modal__plans-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--text-secondary)}.settings-modal__plans-error svg{width:40px;height:40px;color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.settings-modal__plans-error h4{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm)}.settings-modal__plans-error p{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.settings-modal__plans-error a{color:var(--color-primary);text-decoration:none}.settings-modal__plans-error a:hover{text-decoration:underline}.settings-modal__about-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.settings-modal__about-row{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.settings-modal__about-label{font-size:var(--font-sm);color:var(--text-secondary);min-width:100px}.settings-modal__about-value{font-size:var(--font-sm);color:var(--text-primary)}.settings-modal__about-value code{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-xs)}.settings-modal__update-check{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.settings-modal__update-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-sm)}.settings-modal__update-status svg{width:16px;height:16px}.settings-modal__update-status--available{background-color:var(--color-success-alpha, rgba(34, 197, 94, .1));color:var(--color-success)}.settings-modal__update-status--downloaded,.settings-modal__update-status--current{background-color:var(--color-primary-alpha);color:var(--color-primary)}.settings-modal__update-status--error{background-color:var(--color-error-alpha, rgba(239, 68, 68, .1));color:var(--color-error)}.settings-modal__theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.settings-modal__theme-card{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.settings-modal__theme-card:hover{border-color:var(--border-hover);background-color:var(--bg-tertiary)}.settings-modal__theme-card.active{border-color:var(--theme-primary, var(--color-primary));box-shadow:0 0 0 1px var(--theme-primary, var(--color-primary)),0 0 20px #6366f133}.settings-modal__theme-preview{display:flex;height:80px;border-radius:var(--radius-md);overflow:hidden;background-color:var(--theme-bg-1);border:1px solid var(--border-primary)}.settings-modal__theme-preview-sidebar{width:28px;background-color:var(--theme-bg-2);border-right:1px solid rgba(255,255,255,.1)}.settings-modal__theme-preview-main{flex:1;display:flex;flex-direction:column}.settings-modal__theme-preview-topbar{height:14px;background-color:var(--theme-bg-1);border-bottom:1px solid rgba(255,255,255,.08)}.settings-modal__theme-preview-content{flex:1;padding:8px;display:flex;flex-direction:column;gap:6px}.settings-modal__theme-preview-btn{width:32px;height:10px;background-color:var(--theme-accent-1);border-radius:3px}.settings-modal__theme-preview-line{height:6px;background-color:var(--theme-bg-2);border-radius:2px}.settings-modal__theme-preview-line:last-child{width:70%}.settings-modal__theme-info{display:flex;flex-direction:column;gap:2px}.settings-modal__theme-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.settings-modal__theme-description{font-size:var(--font-xs);color:var(--text-tertiary);line-height:1.4}.settings-modal__theme-active{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--theme-primary, var(--color-primary));border-radius:var(--radius-full)}.settings-modal__theme-active svg{width:12px;height:12px;color:#fff}.settings-modal__path-field{display:flex;align-items:stretch;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.settings-modal__path-value{flex:1;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.settings-modal__path-actions{display:flex;gap:var(--spacing-xs)}.settings-modal__github-connected{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.settings-modal__github-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.settings-modal__github-info{flex:1}.settings-modal__github-name{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.settings-modal__github-login{font-size:var(--font-sm);color:var(--text-secondary)}.settings-modal__github-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-sm);color:var(--color-success)}.settings-modal__github-status svg{width:16px;height:16px}.settings-modal__github-disconnected{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);text-align:center}.settings-modal__github-disconnected svg{width:48px;height:48px;color:var(--text-muted);margin-bottom:var(--spacing-md)}.settings-modal__github-disconnected span{font-size:var(--font-md);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.settings-modal__github-actions{display:flex;justify-content:flex-start;gap:var(--spacing-sm)}.settings-modal__priority-list strong{color:var(--text-primary)}.settings-modal__section--danger{border-top:1px solid var(--color-error-alpha);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.settings-modal__section--danger h3{color:var(--color-error)}.settings-modal__confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.settings-modal__confirmation-modal{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:450px;width:90%;box-shadow:var(--shadow-xl)}.settings-modal__confirmation-modal h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-lg);color:var(--color-error)}.settings-modal__confirmation-modal p{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5}.settings-modal__confirmation-modal ul{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-sm);line-height:1.8}.settings-modal__confirmation-modal li{margin-bottom:var(--spacing-xs)}.settings-modal__confirmation-modal code{background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-sm);color:var(--color-error);font-weight:600}.settings-modal__confirmation-modal input{margin-bottom:var(--spacing-md)}.settings-modal__confirmation-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.settings-modal__localstorage-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm);background-color:var(--bg-secondary)}.settings-modal__localstorage-item{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.settings-modal__localstorage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.settings-modal__localstorage-key{font-family:var(--font-mono);font-size:var(--font-xs);font-weight:600;color:var(--color-primary);background-color:var(--color-primary-alpha);padding:2px 6px;border-radius:var(--radius-sm)}.settings-modal__localstorage-size{font-size:var(--font-xs);color:var(--text-muted)}.settings-modal__localstorage-value{font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-secondary);background-color:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-sm);margin:0;white-space:pre-wrap;word-break:break-all;max-height:100px;overflow-y:auto;line-height:1.4}.settings-modal__warning-box{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:color-mix(in srgb,var(--color-warning, #f59e0b) 10%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--color-warning, #f59e0b) 30%,var(--border-primary));border-radius:var(--radius-md);align-items:flex-start}.settings-modal__warning-box svg{flex-shrink:0;width:20px;height:20px;color:var(--color-warning, #f59e0b)}.settings-modal__warning-box>div{flex:1}.settings-modal__warning-box p{margin:0;font-size:var(--font-sm);color:var(--text-primary)}.settings-modal__warning-box p:first-child{margin-bottom:var(--spacing-xs)}.settings-modal__warning-box .settings-modal__field-description{max-width:none}.settings-modal__proxy-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-modal__proxy-selector .dropdown{flex:1}.settings-modal__proxy-detail{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.settings-modal__proxy-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.settings-modal__proxy-detail-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.settings-modal__proxy-badge{font-size:10px;font-weight:600;color:var(--text-secondary);background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em}.settings-modal__proxy-detail-url{font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-secondary)}.settings-modal__proxy-detail-url code{display:block;padding:var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);word-break:break-all}.settings-modal__proxy-detail-url .input{max-width:none}.settings-modal__proxy-add-form{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.settings-modal__proxy-add-form .settings-modal__field{margin-bottom:var(--spacing-md)}.settings-modal__proxy-add-form .settings-modal__field:last-of-type{margin-bottom:var(--spacing-sm)}.settings-modal__proxy-add-form .input{max-width:none}.settings-modal__proxy-add-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.import-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.import-modal__smart-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.import-modal__smart-header{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.import-modal__smart-header svg{width:16px;height:16px;color:var(--color-accent)}.import-modal__smart-description{margin:0;font-size:var(--font-sm);color:var(--text-secondary)}.import-modal__smart-input-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm)}.import-modal__smart-input{width:100%;min-height:100px;padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-sm);line-height:1.5;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.import-modal__smart-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f126}.import-modal__smart-input::placeholder{color:var(--text-tertiary);font-family:var(--font-mono)}.import-modal__smart-input-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.import-modal__detected-type{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500}.import-modal__detected-type svg{width:12px;height:12px}.import-modal__detected-type--curl{background-color:#22c55e26;color:var(--color-success)}.import-modal__detected-type--url{background-color:#6366f126;color:var(--color-primary)}.import-modal__detected-type--unknown{background-color:#fbbf2426;color:#f59e0b}.import-modal__divider{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-tertiary);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px}.import-modal__divider:before,.import-modal__divider:after{content:"";flex:1;height:1px;background-color:var(--border-primary)}.import-modal__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:var(--spacing-lg);background-color:var(--bg-secondary);border:2px dashed var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.import-modal__dropzone:hover{border-color:var(--color-accent);background-color:#6366f10d}.import-modal__dropzone--dragging{border-color:var(--color-accent);background-color:#6366f11a;transform:scale(1.01)}.import-modal__dropzone--has-file{border-style:solid;cursor:default}.import-modal__dropzone--has-file:hover{background-color:var(--bg-secondary);border-color:var(--border-primary)}.import-modal__dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.import-modal__dropzone-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary)}.import-modal__dropzone-icon svg{width:24px;height:24px}.import-modal__dropzone-label{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.import-modal__dropzone-hint{font-size:var(--font-xs);color:var(--text-tertiary)}.import-modal__dropzone-preview{display:flex;align-items:center;gap:var(--spacing-md);width:100%;position:relative}.import-modal__dropzone-clear{top:50%;right:-8px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-secondary);font-size:16px;cursor:pointer;transition:all .15s ease}.import-modal__dropzone-clear:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.import-modal__preview{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-success);background-color:#22c55e0d}.import-modal__preview--curl{border-color:var(--color-success);background-color:#22c55e0d}.import-modal__preview--url{border-color:var(--color-primary);background-color:#6366f10d}.import-modal__preview-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);flex-shrink:0}.import-modal__preview-icon svg{width:18px;height:18px}.import-modal__preview-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.import-modal__preview-name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-modal__preview-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-xs);color:var(--text-tertiary)}.import-modal__preview-format{display:inline-flex;align-items:center;padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.import-modal__preview-format--openapi{background-color:#6366f126;color:var(--color-primary)}.import-modal__preview-format--postman{background-color:#ff6c3726;color:#ff6c37}.import-modal__preview-format--insomnia{background-color:#7c3aed26;color:#7c3aed}.import-modal__preview-format--curl{background-color:#22c55e26;color:var(--color-success)}.import-modal__preview-desc{font-size:var(--font-xs);color:var(--text-secondary);line-height:1.4}.import-modal__preview-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-success);border-radius:50%;color:#fff;flex-shrink:0}.import-modal__preview-check svg{width:14px;height:14px}.import-modal__base-url-config{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.import-modal__base-url-header{display:flex;align-items:center;justify-content:space-between}.import-modal__base-url-title{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.import-modal__base-url-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-xs);cursor:pointer;transition:all .15s ease}.import-modal__base-url-toggle svg{width:12px;height:12px}.import-modal__base-url-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary)}.import-modal__base-url-preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-xs);overflow-x:auto}.import-modal__base-url-preview code{padding:2px 6px;background-color:var(--bg-primary);border-radius:var(--radius-xs);color:var(--color-accent);font-family:var(--font-mono);white-space:nowrap}.import-modal__base-url-arrow{color:var(--text-tertiary);flex-shrink:0}.import-modal__base-url-value{color:var(--text-secondary)!important;overflow:hidden;text-overflow:ellipsis}.import-modal__base-url-fields{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.import-modal__base-url-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.import-modal__base-url-field label{font-size:var(--font-xs);color:var(--text-tertiary);font-weight:500}.import-modal__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-sm)}.import-modal__examples{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.import-modal__examples-header{font-size:var(--font-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.import-modal__examples-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.import-modal__examples-column{display:flex;flex-direction:column;gap:var(--spacing-xs)}.import-modal__examples-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-xs);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.import-modal__examples-title svg{width:12px;height:12px}.import-modal__example-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-xs);text-align:left;cursor:pointer;transition:all .15s ease}.import-modal__example-item:hover{background-color:var(--bg-hover);border-color:var(--color-accent);color:var(--text-primary)}@media (max-width: 500px){.import-modal__examples-grid{grid-template-columns:1fr}}.global-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:100px;background-color:#0009;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast)}.global-search{width:100%;max-width:600px;background-color:var(--modal-bg);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:slideIn var(--transition-normal)}.global-search__input-wrapper{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.global-search__input-wrapper svg{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.global-search__input-wrapper kbd{padding:2px 8px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-xs);color:var(--text-tertiary)}.global-search__input{flex:1;background:none;border:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-lg);outline:none}.global-search__input::placeholder{color:var(--text-tertiary)}.global-search__results{max-height:400px;overflow-y:auto;padding:var(--spacing-xs)}.global-search__result{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.global-search__result:hover,.global-search__result.selected{background-color:var(--bg-hover)}.global-search__result-icon{font-size:16px;display:flex;align-items:center;justify-content:center}.global-search__result-icon svg{width:16px;height:16px;color:var(--text-tertiary)}.global-search__result-icon--history svg{color:var(--color-primary)}.global-search__result-method{font-family:var(--font-mono);font-size:var(--font-xs);font-weight:600;min-width:50px}.global-search__result-name{flex:1;font-size:var(--font-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search__result-type,.global-search__result-collection,.global-search__result-path{font-size:var(--font-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.global-search__empty{padding:var(--spacing-xl);text-align:center;color:var(--text-tertiary);font-size:var(--font-sm)}.global-search__hint{padding:var(--spacing-xl);text-align:center}.global-search__hint p{margin:0 0 var(--spacing-md);color:var(--text-tertiary);font-size:var(--font-sm)}.global-search__shortcuts{display:flex;justify-content:center;gap:var(--spacing-lg);font-size:var(--font-xs);color:var(--text-muted)}.global-search__shortcuts span{display:flex;align-items:center;gap:var(--spacing-xs)}.global-search__shortcuts kbd{padding:2px 6px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-sans)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.new-collection-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.new-collection-modal--type-select{gap:var(--spacing-md)}.new-collection-modal__types{display:flex;flex-direction:column;gap:var(--spacing-sm)}.new-collection-modal__type-option{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.new-collection-modal__type-option:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-primary)}.new-collection-modal__type-option--disabled{opacity:.6;cursor:not-allowed}.new-collection-modal__type-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0}.new-collection-modal__type-icon svg{width:20px;height:20px}.new-collection-modal__type-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.new-collection-modal__type-header{display:flex;align-items:center;gap:var(--spacing-sm)}.new-collection-modal__type-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.new-collection-modal__coming-soon{font-size:var(--font-xs);font-weight:500;color:var(--text-tertiary);background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.new-collection-modal__type-description{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.4}.new-collection-modal__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.new-collection-modal__field label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.new-collection-modal__field textarea{padding:var(--spacing-sm);background-color:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-sm);resize:vertical;min-height:80px}.new-collection-modal__field textarea::placeholder{color:var(--text-tertiary)}.new-collection-modal__field textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.new-collection-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.new-environment-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.new-environment-modal__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.new-environment-modal__field label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.new-environment-modal__name-row{display:flex;gap:var(--spacing-sm);align-items:center}.new-environment-modal__name-row input{flex:1}.new-environment-modal__hint{font-size:var(--font-xs);color:var(--text-tertiary);margin:0;line-height:1.5}.new-environment-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.move-collection-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.move-collection-modal__description{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.move-collection-modal__description strong{color:var(--text-primary)}.move-collection-modal__workspace-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto}.move-collection-modal__workspace-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.move-collection-modal__workspace-item:hover:not(.move-collection-modal__workspace-item--disabled){background-color:var(--bg-tertiary);border-color:var(--color-primary)}.move-collection-modal__workspace-item--disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-primary)}.move-collection-modal__workspace-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.move-collection-modal__workspace-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.move-collection-modal__workspace-name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.move-collection-modal__workspace-badge{font-size:var(--font-xs);font-weight:500;color:var(--color-primary);background-color:#6366f126;padding:2px 6px;border-radius:var(--radius-sm)}.move-collection-modal__workspace-description{font-size:var(--font-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.move-collection-modal__current-label{font-size:var(--font-xs);font-weight:500;color:var(--text-tertiary);background-color:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm);flex-shrink:0}.move-collection-modal__arrow{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;transition:transform .15s ease,color .15s ease}.move-collection-modal__workspace-item:hover:not(.move-collection-modal__workspace-item--disabled) .move-collection-modal__arrow{color:var(--color-primary);transform:translate(2px)}.move-collection-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000;z-index:999;transition:background-color .3s ease}.shortcuts-overlay--visible{background-color:#00000080}.shortcuts-panel{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:100%;background-color:var(--bg-primary);border-left:1px solid var(--border-primary);z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.shortcuts-panel--visible{transform:translate(0)}.shortcuts-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary);flex-shrink:0}.shortcuts-panel__header h2{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.shortcuts-panel__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.shortcuts-panel__close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.shortcuts-panel__close svg{width:18px;height:18px}.shortcuts-panel__search{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary);flex-shrink:0}.shortcuts-panel__search .input{width:100%;background-color:var(--bg-tertiary)}.shortcuts-panel__content{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}.shortcuts-panel__section{margin-bottom:var(--spacing-xs)}.shortcuts-panel__section-header{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:none;border:none;cursor:pointer;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:600;text-align:left;transition:background-color var(--transition-fast)}.shortcuts-panel__section-header:hover{background-color:var(--bg-hover)}.shortcuts-panel__section-header svg{width:14px;height:14px;color:var(--text-tertiary)}.shortcuts-panel__items{display:flex;flex-direction:column}.shortcuts-panel__item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 14px + var(--spacing-sm));transition:background-color var(--transition-fast)}.shortcuts-panel__item:hover{background-color:var(--bg-hover)}.shortcuts-panel__item-label{font-size:var(--font-sm);color:var(--text-secondary)}.shortcuts-panel__item-keys{display:flex;align-items:center;gap:4px}.shortcuts-panel__item-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-xs);font-weight:500;color:var(--text-secondary);box-shadow:0 1px 2px #0000001a}.git-commit-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:git-commit-fadeIn .15s ease}.git-commit-modal__content{width:100%;max-width:520px;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 40px #0006;animation:git-commit-slideUp .2s ease;overflow:hidden}.git-commit-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.git-commit-modal__header h2{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.git-commit-modal__header h2 svg{width:20px;height:20px;color:var(--accent-primary)}.git-commit-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.git-commit-modal__close svg{width:18px;height:18px}.git-commit-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.git-commit-modal__body{padding:24px}.git-commit-modal__files-section{margin-bottom:20px}.git-commit-modal__files-section h4{margin:0 0 12px;font-size:13px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between}.git-commit-modal__files-section h4 span{font-weight:400;color:var(--text-muted)}.git-commit-modal__files-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px}.git-commit-modal__file{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-color)}.git-commit-modal__file:last-child{border-bottom:none}.git-commit-modal__file .file-checkbox{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.git-commit-modal__file .file-status{width:8px;height:8px;border-radius:50%}.git-commit-modal__file .file-status--added{background:var(--success)}.git-commit-modal__file .file-status--modified{background:var(--warning)}.git-commit-modal__file .file-status--deleted{background:var(--danger)}.git-commit-modal__file .file-name{flex:1;font-size:13px;color:var(--text-primary);font-family:var(--font-mono)}.git-commit-modal__file .file-action{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500;text-transform:uppercase}.git-commit-modal__file .file-action--added{background:var(--success-bg);color:var(--success)}.git-commit-modal__file .file-action--modified{background:var(--warning-bg);color:var(--warning)}.git-commit-modal__file .file-action--deleted{background:var(--danger-bg);color:var(--danger)}.git-commit-modal__message-section{margin-bottom:20px}.git-commit-modal__message-section label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-secondary)}.git-commit-modal__message-input{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);transition:all .15s ease;resize:none;font-family:inherit}.git-commit-modal__message-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-alpha)}.git-commit-modal__message-input::placeholder{color:var(--text-muted)}.git-commit-modal__message-counter{display:block;text-align:right;margin-top:6px;font-size:11px;color:var(--text-muted)}.git-commit-modal__message-counter--warning{color:var(--warning)}.git-commit-modal__templates{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.git-commit-modal__template{padding:4px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.git-commit-modal__template:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.git-commit-modal__branch-info{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:20px;font-size:13px;color:var(--text-secondary)}.git-commit-modal__branch-info svg{width:14px;height:14px;color:var(--accent-primary)}.git-commit-modal__branch-info strong{color:var(--text-primary)}.git-commit-modal__error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--danger-bg);border-radius:8px;margin-bottom:16px;color:var(--danger);font-size:13px}.git-commit-modal__error svg{width:16px;height:16px;flex-shrink:0}.git-commit-modal__success{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.git-commit-modal__success svg{width:48px;height:48px;color:var(--success);margin-bottom:16px}.git-commit-modal__success h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.git-commit-modal__success p{margin:0;font-size:13px;color:var(--text-secondary)}.git-commit-modal__success .commit-sha{margin-top:12px;padding:6px 12px;background:var(--bg-secondary);border-radius:6px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.git-commit-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.git-commit-modal__btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.git-commit-modal__btn--secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.git-commit-modal__btn--secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.git-commit-modal__btn--primary{background:var(--accent-primary);border:none;color:#fff}.git-commit-modal__btn--primary:hover{background:var(--accent-primary-hover)}.git-commit-modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}@keyframes git-commit-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes git-commit-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.request-history-modal.modal--xl{width:1000px}.request-history-modal .modal__content{padding:0;max-height:70vh}.request-history-modal__content{display:flex;height:600px;max-height:70vh}.request-history-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);flex:1;padding:var(--spacing-xl);color:var(--text-tertiary);text-align:center}.request-history-modal__empty svg{width:64px;height:64px;opacity:.4;margin-bottom:var(--spacing-md)}.request-history-modal__empty h3{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-secondary)}.request-history-modal__empty p{margin:0;font-size:var(--font-sm)}.request-history-modal__empty-hint{margin-top:var(--spacing-sm);font-size:var(--font-xs)!important;color:var(--text-muted);max-width:300px}.request-history-modal__list{width:380px;min-width:340px;border-right:1px solid var(--border-primary);display:flex;flex-direction:column;background-color:var(--bg-secondary)}.request-history-modal__list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);font-size:var(--font-xs);color:var(--text-tertiary);font-weight:500}.request-history-modal__clear-btn{color:var(--text-tertiary)}.request-history-modal__clear-btn:hover{color:var(--error-primary)}.request-history-modal__filters{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);background-color:var(--bg-tertiary)}.request-history-modal__date-filter{display:flex;flex-direction:column;gap:var(--spacing-xs)}.request-history-modal__date-inputs{display:flex;align-items:center;gap:var(--spacing-xs)}.request-history-modal__date-input-group{display:flex;flex-direction:column;gap:2px;flex:1}.request-history-modal__date-input-group label{font-size:9px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.request-history-modal__date-input{width:100%;padding:5px 8px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background-color:var(--bg-secondary);color:var(--text-primary);font-size:12px;font-family:var(--font-mono);text-align:center}.request-history-modal__date-input::placeholder{color:var(--text-muted);font-size:10px}.request-history-modal__date-input:focus{outline:none;border-color:var(--color-primary)}.request-history-modal__date-separator{color:var(--text-tertiary);font-size:12px;padding-top:14px}.request-history-modal__time-shortcuts{display:flex;gap:2px;background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:2px}.request-history-modal__time-btn{flex:1;padding:4px 8px;border:none;background:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:10px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.request-history-modal__time-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.request-history-modal__time-btn.active{background-color:var(--color-primary);color:var(--color-primary-text, #fff)}.request-history-modal__status-filter{display:flex;gap:4px;flex-wrap:wrap}.request-history-modal__status-btn{padding:3px 8px;border:1px solid var(--border-primary);background:transparent;border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:10px;font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);opacity:.6}.request-history-modal__status-btn:hover:not(.disabled){opacity:1;border-color:var(--status-color);color:var(--status-color)}.request-history-modal__status-btn.active{opacity:1;background-color:color-mix(in srgb,var(--status-color) 15%,transparent);border-color:var(--status-color);color:var(--status-color)}.request-history-modal__status-btn.disabled{opacity:.3;cursor:not-allowed}.request-history-modal__list-items{flex:1;overflow-y:auto;padding:var(--spacing-xs)}.request-history-modal__no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);color:var(--text-tertiary);text-align:center}.request-history-modal__no-results p{margin:0;font-size:var(--font-sm)}.request-history-modal__item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);border:1px solid transparent}.request-history-modal__item:hover{background-color:var(--bg-hover)}.request-history-modal__item.selected{background-color:var(--bg-tertiary);border-color:var(--color-primary)}.request-history-modal__item-status{display:flex;align-items:center}.request-history-modal__status-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;font-family:var(--font-mono)}.request-history-modal__status-badge--success{background-color:#22c55e26;color:#22c55e}.request-history-modal__status-badge--redirect{background-color:#3b82f626;color:#3b82f6}.request-history-modal__status-badge--client-error{background-color:#f59e0b26;color:#f59e0b}.request-history-modal__status-badge--server-error,.request-history-modal__status-badge--error{background-color:#ef444426;color:#ef4444}.request-history-modal__item-info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.request-history-modal__item-method{font-family:var(--font-mono);font-size:var(--font-xs);font-weight:600;flex-shrink:0}.request-history-modal__item-url{font-size:var(--font-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.request-history-modal__item-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);font-size:11px}.request-history-modal__item-time{display:flex;align-items:center;gap:4px;color:var(--text-secondary);margin-left:auto;flex-shrink:0}.request-history-modal__item-time svg{width:11px;height:11px;opacity:.7}.request-history-modal__item-duration{font-family:var(--font-mono);color:var(--text-tertiary);font-size:10px}.request-history-modal__details{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-primary)}.request-history-modal__details-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary)}.request-history-modal__details-tabs{display:flex;gap:2px}.request-history-modal__details-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.request-history-modal__details-tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.request-history-modal__details-tab.active{background-color:var(--bg-tertiary);color:var(--text-primary)}.request-history-modal__tab-badge{padding:1px 5px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;font-family:var(--font-mono)}.request-history-modal__tab-badge--success{background-color:#22c55e26;color:#22c55e}.request-history-modal__tab-badge--redirect{background-color:#3b82f626;color:#3b82f6}.request-history-modal__tab-badge--client-error{background-color:#f59e0b26;color:#f59e0b}.request-history-modal__tab-badge--server-error,.request-history-modal__tab-badge--error{background-color:#ef444426;color:#ef4444}.request-history-modal__details-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.request-history-modal__details-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.request-history-modal__no-selection{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:var(--font-sm)}.request-history-modal__response,.request-history-modal__request{display:flex;flex-direction:column;gap:var(--spacing-lg)}.request-history-modal__response-meta{display:flex;align-items:center;gap:var(--spacing-md)}.request-history-modal__response-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600}.request-history-modal__response-status svg{width:14px;height:14px}.request-history-modal__response-status--success{background-color:#22c55e26;color:#22c55e}.request-history-modal__response-status--redirect{background-color:#3b82f626;color:#3b82f6}.request-history-modal__response-status--client-error{background-color:#f59e0b26;color:#f59e0b}.request-history-modal__response-status--server-error,.request-history-modal__response-status--error{background-color:#ef444426;color:#ef4444}.request-history-modal__response-info{font-size:var(--font-xs);color:var(--text-tertiary)}.request-history-modal__response-error{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:#ef4444;background-color:#ef44441a;border-radius:var(--radius-md)}.request-history-modal__response-error svg{width:20px;height:20px}.request-history-modal__response-headers h4,.request-history-modal__request-headers h4,.request-history-modal__response-body h4,.request-history-modal__request-body h4{margin:0 0 var(--spacing-sm);font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.request-history-modal__headers-list{display:flex;flex-direction:column;gap:2px;background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-xs);max-height:150px;overflow-y:auto}.request-history-modal__header-row{display:flex;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-xs);font-family:var(--font-mono);border-radius:var(--radius-sm)}.request-history-modal__header-row:hover{background-color:var(--bg-hover)}.request-history-modal__header-key{color:var(--color-primary);min-width:150px;flex-shrink:0}.request-history-modal__header-value{color:var(--text-secondary);word-break:break-all}.request-history-modal__body-editor{border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.request-history-modal__body-editor .ace_editor{background-color:var(--bg-secondary)!important}.request-history-modal__body-editor .ace_gutter{background-color:var(--bg-tertiary)!important}.request-history-modal__request-url{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-sm)}.request-history-modal__request-method{font-weight:600;flex-shrink:0}.request-history-modal__request-url-text{color:var(--text-secondary);word-break:break-all}.request-history-modal__curl{display:flex;flex-direction:column;gap:var(--spacing-sm)}.request-history-modal__curl-header{display:flex;align-items:center;justify-content:space-between}.request-history-modal__curl-header h4{display:flex;align-items:center;gap:var(--spacing-xs);margin:0;font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.request-history-modal__curl-header h4 svg{width:14px;height:14px}.request-history-modal__curl-code{margin:0;padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-primary);white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;border:1px solid var(--border-primary)}.request-history-modal__body-omitted{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);color:var(--text-secondary)}.request-history-modal__body-omitted svg{width:20px;height:20px;flex-shrink:0;color:#3b82f6;margin-top:2px}.request-history-modal__body-omitted strong{display:block;font-size:var(--font-sm);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.request-history-modal__body-omitted p{margin:0;font-size:var(--font-xs);line-height:1.5}.update-modal-container{max-width:520px}.update-modal{padding:var(--spacing-md)}.update-modal__checking{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) 0}.update-modal__spinner{width:40px;height:40px;border:3px solid var(--border-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.update-modal__checking p{color:var(--text-secondary);font-size:var(--font-sm)}.update-modal__up-to-date{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) 0;text-align:center}.update-modal__success-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-success-alpha);color:var(--color-success)}.update-modal__success-icon svg{width:32px;height:32px}.update-modal__success-icon--ready{background-color:var(--color-primary-alpha);color:var(--color-primary)}.update-modal__up-to-date h3{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.update-modal__up-to-date p{margin:0;color:var(--text-secondary);font-size:var(--font-sm)}.update-modal__error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) 0;text-align:center}.update-modal__error-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-error-alpha);color:var(--color-error);font-size:var(--font-xl);font-weight:700}.update-modal__error-message{margin:0;color:var(--text-secondary);font-size:var(--font-sm);max-width:300px}.update-modal__idle{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) 0;text-align:center}.update-modal__idle p{margin:0;color:var(--text-secondary);font-size:var(--font-sm)}.update-modal__idle code{font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs)}.update-modal__available{display:flex;flex-direction:column;gap:var(--spacing-lg)}.update-modal__version-comparison{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) 0}.update-modal__version-box{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:100px}.update-modal__version-box--new{background-color:var(--color-primary-alpha);border-color:var(--color-primary)}.update-modal__version-label{font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.update-modal__version-box code{font-family:var(--font-mono);font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.update-modal__version-arrow{font-size:var(--font-xl);color:var(--text-tertiary)}.update-modal__release-date{margin:0;text-align:center;color:var(--text-tertiary);font-size:var(--font-xs)}.update-modal__version-info{text-align:center;color:var(--text-secondary);font-size:var(--font-sm);margin:0}.update-modal__version-info code{font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.update-modal__release-notes{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);max-height:200px;overflow-y:auto}.update-modal__release-notes h4{margin:0 0 var(--spacing-sm);font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.update-modal__release-notes-content{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6}.update-modal__release-notes-content h2,.update-modal__release-notes-content h3,.update-modal__release-notes-content h4{margin:var(--spacing-md) 0 var(--spacing-xs);font-weight:600;color:var(--text-primary)}.update-modal__release-notes-content h2{font-size:var(--font-md)}.update-modal__release-notes-content h3{font-size:var(--font-sm)}.update-modal__release-notes-content h4{font-size:var(--font-xs)}.update-modal__release-notes-content p{margin:var(--spacing-xs) 0}.update-modal__release-notes-content li{margin-left:var(--spacing-md);padding-left:var(--spacing-xs)}.update-modal__release-notes-content li::marker{color:var(--color-primary)}.update-modal__no-notes{color:var(--text-tertiary);font-style:italic;margin:0}.update-modal__no-notes a{color:var(--color-primary);text-decoration:none}.update-modal__no-notes a:hover{text-decoration:underline}.update-modal__actions{display:flex;gap:var(--spacing-sm);justify-content:center;padding-top:var(--spacing-sm)}.update-modal__downloading{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) 0}.update-modal__download-info{display:flex;justify-content:space-between;align-items:center}.update-modal__download-version{font-size:var(--font-sm);color:var(--text-primary);font-weight:500}.update-modal__download-stats{font-size:var(--font-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.update-modal__downloaded{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.update-modal__downloaded h3{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.update-modal__downloaded .update-modal__release-notes{width:100%;text-align:left}.update-modal__changelog{display:flex;flex-direction:column;gap:var(--spacing-lg)}.update-modal__version-badge{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--font-sm)}.update-modal__version-badge span{color:var(--text-tertiary)}.update-modal__version-badge code{font-family:var(--font-mono);color:var(--color-primary);font-weight:600}.update-modal__changelog .update-modal__release-notes{max-height:300px}.onboarding-tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s ease}.onboarding-tour--visible{opacity:1;pointer-events:auto}.onboarding-tour__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.onboarding-tour__welcome{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:48px;max-width:480px;width:90%;text-align:center;box-shadow:0 24px 48px #0006;animation:welcomeSlideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes welcomeSlideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.onboarding-tour__welcome-icon{width:72px;height:72px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border-radius:20px;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 rgba(var(--primary-rgb),.4)}50%{transform:scale(1.05);box-shadow:0 0 20px 4px rgba(var(--primary-rgb),.2)}}.onboarding-tour__welcome-icon svg{width:36px;height:36px;color:#fff}.onboarding-tour__welcome-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.5px}.onboarding-tour__welcome-subtitle{font-size:16px;color:var(--text-secondary);margin:0 0 24px}.onboarding-tour__welcome-description{font-size:14px;color:var(--text-tertiary);line-height:1.6;margin:0 0 24px}.onboarding-tour__welcome-steps{margin-bottom:32px}.onboarding-tour__step-count{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-tertiary);border-radius:20px;font-size:13px;color:var(--text-secondary);font-weight:500}.onboarding-tour__welcome-actions{display:flex;gap:12px;justify-content:center}.onboarding-tour__welcome-actions .btn--primary{padding-left:24px;padding-right:20px}.onboarding-tour__welcome-actions .btn svg{width:16px;height:16px}.onboarding-tour__spotlight-svg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:auto}.onboarding-tour__spotlight-border{position:fixed;border:2px solid var(--primary);border-radius:8px;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15),0 0 20px rgba(var(--primary-rgb),.3),inset 0 0 20px rgba(var(--primary-rgb),.1);pointer-events:none;animation:spotlightPulse 2s ease-in-out infinite;transition:all .3s cubic-bezier(.16,1,.3,1)}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15),0 0 20px rgba(var(--primary-rgb),.3),inset 0 0 20px rgba(var(--primary-rgb),.1)}50%{box-shadow:0 0 0 6px rgba(var(--primary-rgb),.2),0 0 30px rgba(var(--primary-rgb),.4),inset 0 0 30px rgba(var(--primary-rgb),.15)}}.onboarding-tour__tooltip{position:fixed;width:340px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:20px;box-shadow:0 16px 48px #0000004d;pointer-events:auto;animation:tooltipFadeIn .3s cubic-bezier(.16,1,.3,1);transition:top .3s ease,left .3s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding-tour__tooltip-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.onboarding-tour__tooltip-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:10px;color:var(--primary)}.onboarding-tour__tooltip-icon svg{width:20px;height:20px}.onboarding-tour__tooltip-title{font-size:16px;font-weight:600;color:var(--text-primary)}.onboarding-tour__tooltip-description{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0 0 20px}.onboarding-tour__tooltip-footer{display:flex;flex-direction:column;gap:16px}.onboarding-tour__progress{display:flex;align-items:center;justify-content:space-between}.onboarding-tour__progress-text{font-size:12px;color:var(--text-tertiary);font-weight:500}.onboarding-tour__progress-dots{display:flex;gap:6px}.onboarding-tour__progress-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-tertiary);transition:all .2s ease}.onboarding-tour__progress-dot.active{background:var(--primary);transform:scale(1.2)}.onboarding-tour__progress-dot.completed{background:var(--success)}.onboarding-tour__tooltip-actions{display:flex;gap:8px;justify-content:flex-end}.onboarding-tour__tooltip-actions .btn{min-width:auto}.onboarding-tour__tooltip-actions .btn--primary svg{width:14px;height:14px}.onboarding-tour__tooltip--right:before,.onboarding-tour__tooltip--left:before,.onboarding-tour__tooltip--top:before,.onboarding-tour__tooltip--bottom:before{content:"";position:absolute;width:12px;height:12px;background:var(--bg-secondary);border:1px solid var(--border-primary);transform:rotate(45deg)}.onboarding-tour__tooltip--right:before{left:-7px;top:50%;margin-top:-6px;border-right:none;border-top:none}.onboarding-tour__tooltip--left:before{right:-7px;top:50%;margin-top:-6px;border-left:none;border-bottom:none}.onboarding-tour__tooltip--bottom:before{top:-7px;left:50%;margin-left:-6px;border-bottom:none;border-right:none}.onboarding-tour__tooltip--top:before{bottom:-7px;left:50%;margin-left:-6px;border-top:none;border-left:none}.center-panel{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary)}.center-panel__tabs{flex-shrink:0}.center-panel__content{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.center-panel__content--horizontal{flex-direction:row}.center-panel__content--horizontal .center-panel__request-section{flex:1;min-width:0;border-right:none}.center-panel__content--horizontal .center-panel__response-section{flex-shrink:0;min-width:300px;max-width:calc(100% - 300px);display:flex;flex-direction:column;position:relative;border-left:1px solid var(--border-primary)}.center-panel__content--horizontal .center-panel__response-section--horizontal{border-top:none}.center-panel__content--horizontal .center-panel__response{flex:1;height:auto!important;border-top:none}.center-panel__request-section{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.center-panel__response-section{display:flex;flex-direction:column;flex-shrink:0;min-height:0}.center-panel__url-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--border-primary);flex-shrink:0}.center-panel__method{flex-shrink:0}.center-panel__method .dropdown__trigger{min-width:100px;font-weight:600}.center-panel__url-wrapper{display:flex;align-items:center;flex:1;min-width:0;position:relative}.center-panel__url{flex:1;min-width:0;overflow:hidden}.center-panel__url .input-wrapper{height:36px}.center-panel__proxy-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--color-primary-alpha);border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);z-index:1}.center-panel__proxy-indicator:hover{background:var(--color-primary)}.center-panel__proxy-indicator svg{width:14px;height:14px;color:var(--color-primary)}.center-panel__proxy-indicator:hover svg{color:#fff}.center-panel__send{flex-shrink:0;min-width:100px}.center-panel__send-shortcut{font-size:var(--font-xs);opacity:.6;margin-left:var(--spacing-xs);font-weight:500;background:none;padding:0;border:none}.center-panel__url-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.center-panel__copy-btn{flex-shrink:0}.center-panel__copy-btn--copied{color:var(--color-success)}.center-panel__code-btn,.center-panel__history-btn{flex-shrink:0}.center-panel__options{display:flex;flex-direction:column;flex:1;min-height:150px;overflow:hidden}.center-panel__option-tabs{display:flex;gap:2px;padding:0 var(--spacing-md);border-bottom:1px solid var(--border-primary);flex-shrink:0}.center-panel__option-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.center-panel__option-tab:hover{color:var(--text-primary)}.center-panel__option-tab.active{color:var(--text-primary);border-bottom-color:var(--color-primary)}.center-panel__option-badge{padding:0 6px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500;color:var(--text-secondary)}.center-panel__option-badge--dot{width:6px;height:6px;padding:0;background-color:var(--color-primary)}.center-panel__option-content{flex:1;overflow-y:auto;overflow-x:visible;padding:var(--spacing-md);position:relative}.center-panel__params,.center-panel__headers{height:100%;overflow:visible;position:relative}.center-panel__params-section{margin-bottom:var(--spacing-lg)}.center-panel__params-section:last-child{margin-bottom:0}.center-panel__params-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-primary)}.center-panel__params-section-title{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.center-panel__params-section-count{font-size:var(--font-xs);font-weight:500;color:var(--text-tertiary);background-color:var(--bg-secondary);padding:0 var(--spacing-xs);border-radius:var(--radius-sm)}.center-panel__params-section--path .center-panel__params-section-title{color:#f59e0b}.center-panel__params-section--path .center-panel__params-section-count{background-color:#f59e0b33;color:#fbbf24}.center-panel__auth{display:flex;flex-direction:column;gap:var(--spacing-lg)}.center-panel__auth-inherited{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-md);transition:all .15s ease}.center-panel__auth-inherited--clickable{cursor:pointer}.center-panel__auth-inherited--clickable:hover{background-color:#6366f126;border-color:#6366f180}.center-panel__auth-inherited-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#6366f133;border-radius:var(--radius-sm);color:var(--color-primary);flex-shrink:0}.center-panel__auth-inherited-icon svg{width:18px;height:18px}.center-panel__auth-inherited-info{display:flex;flex-direction:column;gap:2px;flex:1}.center-panel__auth-inherited-title{font-size:var(--font-sm);font-weight:600;color:var(--color-primary)}.center-panel__auth-inherited-detail{font-size:var(--font-xs);color:var(--text-secondary)}.center-panel__auth-inherited-detail strong{color:var(--text-primary)}.center-panel__auth-inherited-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:.6;flex-shrink:0;transition:opacity .15s ease,transform .15s ease}.center-panel__auth-inherited-arrow svg{width:16px;height:16px}.center-panel__auth-inherited--clickable:hover .center-panel__auth-inherited-arrow{opacity:1;transform:translate(2px)}.center-panel__auth-type{display:flex;flex-direction:column;gap:var(--spacing-xs)}.center-panel__auth-type label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.center-panel__auth-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.center-panel__auth-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.center-panel__auth-field label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.center-panel__body{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.center-panel__body-type{flex-shrink:0}.center-panel__body-editor{flex:1;min-height:150px;border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;position:relative}.center-panel__body-editor .ace_editor{background-color:var(--bg-primary)!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important}.center-panel__body-editor .ace_gutter{background-color:var(--bg-secondary)!important}.center-panel__body-editor .ace_search{background-color:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 12px #00000026!important;padding:var(--spacing-sm)!important;color:var(--text-primary)!important}.center-panel__body-editor .ace_search.right{top:0!important;right:0!important;border-top-right-radius:0!important;border-top-left-radius:0!important}.center-panel__body-editor .ace_search_form,.center-panel__body-editor .ace_replace_form{background-color:var(--bg-primary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-sm)!important;margin:0!important;padding:2px!important}.center-panel__body-editor .ace_search_field{background-color:var(--bg-primary)!important;border:none!important;color:var(--text-primary)!important;font-family:var(--font-mono)!important;font-size:var(--font-sm)!important;padding:var(--spacing-xs) var(--spacing-sm)!important;outline:none!important}.center-panel__body-editor .ace_search_field::placeholder{color:var(--text-muted)!important}.center-panel__body-editor .ace_search_field:focus{outline:none!important}.center-panel__body-editor .ace_searchbtn,.center-panel__body-editor .ace_replacebtn{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;padding:4px 8px!important;margin-left:4px!important;cursor:pointer!important;transition:all var(--transition-fast)!important}.center-panel__body-editor .ace_searchbtn:hover,.center-panel__body-editor .ace_replacebtn:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.center-panel__body-editor .ace_searchbtn.prev,.center-panel__body-editor .ace_searchbtn.next,.center-panel__body-editor .ace_replacebtn.prev,.center-panel__body-editor .ace_replacebtn.next{padding:4px 6px!important}.center-panel__body-editor .ace_searchbtn_close{background:transparent!important;border:none!important;color:var(--text-tertiary)!important;font-size:16px!important;cursor:pointer!important;padding:4px!important;margin-left:var(--spacing-sm)!important}.center-panel__body-editor .ace_searchbtn_close:hover{color:var(--text-primary)!important}.center-panel__body-editor .ace_button{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;padding:2px 6px!important;margin:0 2px!important;cursor:pointer!important;font-size:var(--font-xs)!important}.center-panel__body-editor .ace_button:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.center-panel__body-editor .ace_button.checked{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.center-panel__body-editor .ace_search_counter{color:var(--text-tertiary)!important;font-size:var(--font-xs)!important;padding:0 var(--spacing-sm)!important}.center-panel__body-editor .ace_search_options{margin-top:var(--spacing-xs)!important;display:flex!important;align-items:center!important;gap:4px!important}.center-panel__body-editor .ace_button[action=toggleWholeWords],.center-panel__body-editor .ace_button[action=searchInSelection]{display:none!important}.center-panel__body-editor .ace_marker-layer .ace_selection{background-color:var(--color-primary-alpha, rgba(99, 102, 241, .3))!important}.center-panel__body-editor .ace_marker-layer .ace_selected-word{background-color:var(--color-primary-alpha, rgba(99, 102, 241, .3))!important;border:1px solid var(--color-primary)!important}.center-panel__body-editor .ace_marker-layer .ace_bracket{border:1px solid var(--color-primary)!important}.center-panel__body-editor .ace_marker-layer .ace_searchMarker{background-color:var(--color-primary-alpha, rgba(99, 102, 241, .25))!important;border-radius:2px}.center-panel__body-editor .ace_marker-layer .ace_searchMarker-selected{background-color:var(--color-primary)!important;border-radius:2px}.center-panel__body-editor .ace_searchMarker-selected{color:#fff!important}.center-panel__scripts{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%}.center-panel__script{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.center-panel__script-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.center-panel__script-header label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.center-panel__script-samples{flex-shrink:0}.center-panel__script-samples .dropdown__trigger{min-width:180px;font-size:var(--font-xs);color:var(--text-tertiary)}.center-panel__script-samples .dropdown__menu{min-width:200px}.center-panel__script label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.center-panel__script-editor{flex:1;min-height:100px;border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;position:relative}.center-panel__script-editor .ace_editor{background-color:var(--bg-primary)!important}.center-panel__script-editor .ace_gutter{background-color:var(--bg-secondary)!important}.center-panel__script-editor .ace_search{background-color:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 12px #00000026!important;padding:var(--spacing-sm)!important;color:var(--text-primary)!important}.center-panel__script-editor .ace_search.right{top:0!important;right:0!important;border-top-right-radius:0!important;border-top-left-radius:0!important}.center-panel__script-editor .ace_search_form,.center-panel__script-editor .ace_replace_form{background-color:var(--bg-primary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-sm)!important;margin:0!important;padding:2px!important}.center-panel__script-editor .ace_search_field{background-color:var(--bg-primary)!important;border:none!important;color:var(--text-primary)!important;font-family:var(--font-mono)!important;font-size:var(--font-sm)!important;padding:var(--spacing-xs) var(--spacing-sm)!important;outline:none!important}.center-panel__script-editor .ace_search_field::placeholder{color:var(--text-muted)!important}.center-panel__script-editor .ace_search_field:focus{outline:none!important}.center-panel__script-editor .ace_searchbtn,.center-panel__script-editor .ace_replacebtn{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;padding:4px 8px!important;margin-left:4px!important;cursor:pointer!important;transition:all var(--transition-fast)!important}.center-panel__script-editor .ace_searchbtn:hover,.center-panel__script-editor .ace_replacebtn:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.center-panel__script-editor .ace_searchbtn.prev,.center-panel__script-editor .ace_searchbtn.next,.center-panel__script-editor .ace_replacebtn.prev,.center-panel__script-editor .ace_replacebtn.next{padding:4px 6px!important}.center-panel__script-editor .ace_searchbtn_close{background:transparent!important;border:none!important;color:var(--text-tertiary)!important;font-size:16px!important;cursor:pointer!important;padding:4px!important;margin-left:var(--spacing-sm)!important}.center-panel__script-editor .ace_searchbtn_close:hover{color:var(--text-primary)!important}.center-panel__script-editor .ace_button{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;padding:2px 6px!important;margin:0 2px!important;cursor:pointer!important;font-size:var(--font-xs)!important}.center-panel__script-editor .ace_button:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.center-panel__script-editor .ace_button.checked{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.center-panel__script-editor .ace_search_counter{color:var(--text-tertiary)!important;font-size:var(--font-xs)!important;padding:0 var(--spacing-sm)!important}.center-panel__script-editor .ace_search_options{margin-top:var(--spacing-xs)!important;display:flex!important;align-items:center!important;gap:4px!important}.center-panel__script-editor .ace_button[action=toggleWholeWords],.center-panel__script-editor .ace_button[action=searchInSelection]{display:none!important}.center-panel__script-editor .ace_marker-layer .ace_selection{background-color:var(--color-primary-alpha, rgba(99, 102, 241, .3))!important}.center-panel__script-editor .ace_marker-layer .ace_selected-word{background-color:var(--color-primary-alpha, rgba(99, 102, 241, .3))!important;border:1px solid var(--color-primary)!important}.center-panel__script-editor .ace_marker-layer .ace_bracket{border:1px solid var(--color-primary)!important}.center-panel__script-editor .ace_marker-layer .ace_searchMarker{background-color:var(--color-primary-alpha, rgba(99, 102, 241, .25))!important;border-radius:2px}.center-panel__script-editor .ace_marker-layer .ace_searchMarker-selected{background-color:var(--color-primary)!important;border-radius:2px}.center-panel__script-editor .ace_searchMarker-selected{color:#fff!important}.center-panel__tags{display:flex;flex-direction:column;gap:var(--spacing-md)}.center-panel__tags-description{font-size:var(--font-sm);color:var(--text-tertiary);line-height:1.5}.center-panel__tags-description p{margin:0}.center-panel__description{display:flex;flex-direction:column;height:100%;gap:var(--spacing-sm)}.center-panel__description-toolbar{display:flex;align-items:center;justify-content:flex-start}.center-panel__description-tabs{display:flex;background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:2px;gap:2px}.center-panel__description-tab{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.center-panel__description-tab:hover{color:var(--text-primary);background-color:var(--bg-hover)}.center-panel__description-tab--active{color:var(--text-primary);background-color:var(--bg-primary);box-shadow:var(--shadow-sm)}.center-panel__description-editor{flex:1;display:flex;flex-direction:column;min-height:200px}.center-panel__description-textarea{flex:1;width:100%;min-height:200px;padding:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-sm);line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);resize:vertical;outline:none;transition:border-color var(--transition-fast)}.center-panel__description-textarea:focus{border-color:var(--color-primary)}.center-panel__description-textarea::placeholder{color:var(--text-tertiary)}.center-panel__description-preview{flex:1;padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow-y:auto;font-size:var(--font-sm);line-height:1.7;color:var(--text-primary)}.center-panel__description-preview h1,.center-panel__description-preview h2,.center-panel__description-preview h3{margin:0 0 var(--spacing-sm) 0;font-weight:600;color:var(--text-primary)}.center-panel__description-preview h1{font-size:1.5em}.center-panel__description-preview h2{font-size:1.25em}.center-panel__description-preview h3{font-size:1.1em}.center-panel__description-preview p{margin:0 0 var(--spacing-md) 0}.center-panel__description-preview code{padding:2px 6px;font-family:var(--font-mono);font-size:.9em;background-color:var(--bg-tertiary);border-radius:var(--radius-sm)}.center-panel__description-preview pre{margin:0 0 var(--spacing-md) 0;padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);overflow-x:auto}.center-panel__description-preview pre code{padding:0;background:none}.center-panel__description-preview ul{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}.center-panel__description-preview li{margin-bottom:var(--spacing-xs)}.center-panel__description-preview a{color:var(--color-primary);text-decoration:none}.center-panel__description-preview a:hover{text-decoration:underline}.center-panel__description-preview em{font-style:italic;color:var(--text-secondary)}.center-panel__description-preview strong{font-weight:600}.center-panel__settings{color:var(--text-tertiary);font-size:var(--font-sm)}.center-panel__response{display:flex;flex-direction:column;flex-shrink:0;border-top:1px solid var(--border-primary);position:relative;overflow:hidden}.center-panel__response .response-viewer{flex:1;display:flex;flex-direction:column;min-height:0}.center-panel__response--hidden{border-top:none;visibility:hidden;pointer-events:none;position:absolute;left:-9999px}.center-panel__response-collapsed{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);border-top:1px solid var(--border-primary);background-color:var(--bg-secondary)}.center-panel__response-expand{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.center-panel__response-expand svg{color:var(--text-tertiary)}.center-panel__response-expand:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary)}.center-panel__response-expand:hover svg{color:var(--color-primary)}.center-panel__resize-handle{position:absolute;top:0;left:0;right:0;height:6px;cursor:ns-resize;background-color:transparent;z-index:10;transition:background-color var(--transition-fast)}.center-panel__resize-handle:hover,.center-panel__resize-handle.active{background-color:var(--color-primary)}.center-panel__resize-handle.active:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;cursor:ns-resize}.center-panel__resize-handle-horizontal{position:absolute;top:0;bottom:0;left:0;width:6px;cursor:ew-resize;background-color:transparent;z-index:10;transition:background-color var(--transition-fast)}.center-panel__resize-handle-horizontal:hover,.center-panel__resize-handle-horizontal.active{background-color:var(--color-primary)}.center-panel__resize-handle-horizontal.active:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;cursor:ew-resize}.center-panel__welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:48px 24px;overflow-y:auto;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--primary) 3%,transparent) 100%)}.center-panel__welcome-content{display:flex;flex-direction:column;align-items:center;gap:48px;max-width:680px;width:100%}.center-panel__welcome-logo{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.center-panel__welcome-logo svg{filter:drop-shadow(0 4px 12px rgba(119,240,139,.25))}.center-panel__welcome-title{font-size:36px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.center-panel__welcome-subtitle{font-size:16px;color:var(--text-tertiary);margin:0;font-weight:400}.center-panel__welcome-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}@media (max-width: 600px){.center-panel__welcome-features{grid-template-columns:1fr}}.center-panel__welcome-feature{display:flex;align-items:flex-start;gap:14px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.center-panel__welcome-feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--primary) 8%,transparent));color:var(--primary);flex-shrink:0}.center-panel__welcome-feature-icon svg{width:20px;height:20px}.center-panel__welcome-feature-text{display:flex;flex-direction:column;gap:4px}.center-panel__welcome-feature-text h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.center-panel__welcome-feature-text p{margin:0;font-size:12px;color:var(--text-tertiary);line-height:1.5}.center-panel__welcome-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.center-panel__welcome-actions button{padding:12px 32px;font-size:15px;gap:10px}.center-panel__welcome-actions button svg{width:18px;height:18px}.center-panel__welcome-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.center-panel__welcome-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px #0000001a}.center-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);flex:1;color:var(--text-tertiary)}.center-panel__empty p{margin:0;font-size:var(--font-md)}.right-panel{display:flex;flex-direction:column;height:100%;background-color:var(--panel-bg)}.right-panel__header{display:flex;align-items:center;padding:0 var(--spacing-md);border-bottom:1px solid var(--border-primary);flex-shrink:0}.right-panel__tabs{display:flex;gap:2px}.right-panel__tab{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.right-panel__tab:hover{color:var(--text-primary)}.right-panel__tab.active{color:var(--text-primary);border-bottom-color:var(--color-primary)}.right-panel__content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.right-panel__curl{display:flex;flex-direction:column;gap:var(--spacing-sm)}.right-panel__curl-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.right-panel__curl-code{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-primary);white-space:pre-wrap;word-break:break-all;overflow-x:auto;margin:0}.right-panel__code,.right-panel__placeholder{color:var(--text-tertiary);font-size:var(--font-sm);text-align:center;padding:var(--spacing-xl)}.right-panel__code-hint,.right-panel__placeholder-hint{margin-top:var(--spacing-sm);font-size:var(--font-xs);color:var(--text-muted)}.right-panel__info-section h4{font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.right-panel__info-section dl{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm)}.right-panel__info-section dt{color:var(--text-tertiary)}.right-panel__info-section dd{color:var(--text-primary);margin:0;word-break:break-all}.right-panel__info-url{font-family:var(--font-mono);font-size:var(--font-xs)}.right-panel__empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-tertiary);font-size:var(--font-sm)}.console-panel{display:flex;flex-direction:column;height:100%;background-color:var(--console-bg)}.console-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);border-bottom:1px solid var(--border-primary);flex-shrink:0}.console-panel__title{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.console-panel__actions{display:flex;gap:var(--spacing-xs)}.console-panel__actions .btn{height:24px;padding:0 var(--spacing-sm);font-size:var(--font-xs)}.console-panel__actions .btn svg{width:12px;height:12px}.console-panel__content{flex:1;overflow-y:auto;font-family:var(--font-mono);font-size:var(--font-xs)}.console-panel__empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--font-sm)}.console-panel__entry{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-bottom:1px solid var(--border-primary)}.console-panel__entry:hover{background-color:var(--bg-hover)}.console-panel__entry--info .console-panel__entry-icon{color:var(--color-info)}.console-panel__entry--warn .console-panel__entry-icon{color:var(--color-warning)}.console-panel__entry--error{background-color:#ef44440d}.console-panel__entry--error .console-panel__entry-icon{color:var(--color-error)}.console-panel__entry--success .console-panel__entry-icon{color:var(--color-success)}.console-panel__entry-icon{flex-shrink:0;display:flex;align-items:center}.console-panel__entry-icon svg{width:14px;height:14px}.console-panel__entry-time{flex-shrink:0;color:var(--text-tertiary);font-size:var(--font-xs)}.console-panel__entry-message{flex:1;color:var(--text-primary);word-break:break-all}.console-panel__entry-details{flex-basis:100%;margin:0;margin-left:calc(14px + var(--spacing-sm));padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-xs);white-space:pre-wrap;word-break:break-all}.code-panel{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary)}.code-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary)}.code-panel__header h3{margin:0;font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.code-panel__header .btn{padding:var(--spacing-xs)}.code-panel__header .btn svg{width:16px;height:16px}.code-panel__format-selector{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary)}.code-panel__format-selector .dropdown{min-width:200px}.code-panel__copy-btn{padding:var(--spacing-xs)!important}.code-panel__copy-btn svg{width:16px;height:16px}.code-panel__copy-btn.copied{color:var(--color-success)}.code-panel__editor{flex:1;overflow:hidden}.code-panel__editor .ace_editor{background-color:var(--bg-primary)!important}.code-panel__editor .ace_gutter{background-color:var(--bg-secondary)!important}.code-panel__empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-tertiary);font-size:var(--font-sm)}.mocking-panel{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary)}.mocking-panel--empty{align-items:center;justify-content:center}.mocking-panel__empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-tertiary);text-align:center;max-width:400px}.mocking-panel__empty-state svg{width:64px;height:64px;opacity:.5}.mocking-panel__empty-state h2{margin:0;font-size:var(--font-xl);color:var(--text-primary)}.mocking-panel__empty-state p{margin:0;font-size:var(--font-sm)}.mocking-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary)}.mocking-panel__header-info{flex:1;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}.mocking-panel__mode-toggle{display:flex;align-items:center;background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:2px;border:1px solid var(--border-primary)}.mocking-panel__mode-toggle .mode-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-xs);font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.mocking-panel__mode-toggle .mode-btn svg{width:14px;height:14px}.mocking-panel__mode-toggle .mode-btn:hover:not(:disabled){color:var(--text-primary)}.mocking-panel__mode-toggle .mode-btn.active{background-color:var(--color-primary);color:#fff}.mocking-panel__mode-toggle .mode-btn:disabled{opacity:.5;cursor:not-allowed}.mocking-panel__mode-toggle .mode-help-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:var(--spacing-xs);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.mocking-panel__mode-toggle .mode-help-btn svg{width:14px;height:14px}.mocking-panel__mode-toggle .mode-help-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}.mocking-panel__name-input{max-width:300px;height:32px}.mocking-panel__name-input input{font-size:var(--font-lg);font-weight:600}.mocking-panel__endpoint{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm)}.mocking-panel__endpoint-label{color:var(--text-tertiary)}.mocking-panel__endpoint-url{padding:2px 8px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-secondary)}.mocking-panel__header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.mocking-panel__delete-btn{color:var(--text-tertiary)}.mocking-panel__delete-btn:hover{color:var(--color-danger);background-color:var(--color-danger-alpha)}.mocking-panel__port-input{display:flex;align-items:center;gap:var(--spacing-xs)}.mocking-panel__port-input label{font-size:var(--font-sm);color:var(--text-tertiary)}.mocking-panel__port-input .input{width:80px}.mocking-panel__cloud-settings,.mocking-panel__local-settings{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.mocking-panel__cloud-row{display:flex;gap:var(--spacing-lg);align-items:center}.mocking-panel__cloud-field{display:flex;align-items:center;gap:var(--spacing-sm)}.mocking-panel__cloud-field label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;white-space:nowrap}.mocking-panel__cloud-field--wide{flex:1}.mocking-panel__namespace-input{display:flex;align-items:center;gap:var(--spacing-xs)}.mocking-panel__namespace-input .input{width:150px}.mocking-panel__namespace-input .mocking-panel__endpoint-hostname{width:200px}.mocking-panel__namespace-suffix{font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-tertiary)}.mocking-panel__namespace-status{min-width:130px;text-align:right}.mocking-panel__checking{font-size:var(--font-xs);color:var(--color-warning);animation:mocking-pulse 1s infinite}.mocking-panel__available{font-size:var(--font-xs);color:var(--color-success);font-weight:500}.mocking-panel__unavailable{font-size:var(--font-xs);color:var(--color-danger);font-weight:500}@keyframes mocking-pulse{0%,to{opacity:1}50%{opacity:.5}}.mocking-panel__status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);font-size:var(--font-sm)}.mocking-panel__status-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--color-danger)}.mocking-panel__status.running .mocking-panel__status-indicator{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.mocking-panel__status.cloud.running .mocking-panel__status-indicator{background-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.mocking-panel__status.connecting .mocking-panel__status-indicator{background-color:var(--color-warning);animation:mocking-pulse 1s infinite}.mocking-panel__status-text{color:var(--text-secondary)}.mocking-panel__status-hint{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:auto;color:var(--text-tertiary);font-size:var(--font-xs)}.mocking-panel__status-hint svg{width:12px;height:12px;flex-shrink:0}.mocking-panel__status-hint code{padding:2px 4px;background-color:var(--bg-secondary);border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast)}.mocking-panel__status-hint code:hover{background-color:var(--color-primary-alpha);color:var(--color-primary)}.mocking-panel__quick-actions{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);overflow-x:auto}.mocking-panel__quick-actions-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-xs);font-weight:600;color:var(--text-tertiary);white-space:nowrap}.mocking-panel__quick-actions-label svg{width:14px;height:14px;color:var(--color-warning)}.mocking-panel__quick-actions .btn{font-family:var(--font-mono);font-size:var(--font-xs);white-space:nowrap;padding:var(--spacing-xs) var(--spacing-sm)}.mocking-panel__quick-actions .btn:hover{background-color:var(--color-primary-alpha);color:var(--color-primary)}.mocking-panel__content{flex:1;display:flex;flex-direction:column;overflow:hidden}.mocking-panel__content.resizing{-webkit-user-select:none;user-select:none}.mocking-panel__table-section{display:flex;flex-direction:column;min-height:0;overflow:hidden}.mocking-panel__search-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);flex-shrink:0}.mocking-panel__search{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.mocking-panel__search:focus-within{border-color:var(--color-primary)}.mocking-panel__search svg{width:14px;height:14px;color:var(--text-tertiary)}.mocking-panel__search input{flex:1;background:transparent;border:none;outline:none;font-size:var(--font-sm);color:var(--text-primary)}.mocking-panel__search input::placeholder{color:var(--text-tertiary)}.mocking-panel__request-table-container{flex:1;overflow-y:auto;overflow-x:auto;min-height:0}.mocking-panel__request-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.mocking-panel__request-table thead{position:sticky;top:0;background-color:var(--bg-secondary);z-index:1}.mocking-panel__request-table thead th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--text-secondary);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-primary);white-space:nowrap}.mocking-panel__request-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.mocking-panel__request-table thead th.sortable:hover{color:var(--text-primary)}.mocking-panel__request-table thead th.sortable .sort-icon{display:inline-flex;margin-left:var(--spacing-xs);vertical-align:middle}.mocking-panel__request-table thead th.sortable .sort-icon svg{width:12px;height:12px}.mocking-panel__request-table thead th.sorted{color:var(--color-primary)}.mocking-panel__request-table tbody tr{cursor:pointer;transition:background-color var(--transition-fast)}.mocking-panel__request-table tbody tr:hover{background-color:var(--bg-hover)}.mocking-panel__request-table tbody tr.selected{background-color:var(--color-primary-alpha)}.mocking-panel__request-table tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--color-primary)}.mocking-panel__request-table tbody tr.mocked{background-color:#22c55e14}.mocking-panel__request-table tbody tr.mocked.selected{background-color:#22c55e26}.mocking-panel__request-table tbody tr.mocked.selected td:first-child{box-shadow:inset 3px 0 0 var(--color-success)}.mocking-panel__request-table tbody tr td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);vertical-align:middle}.mocking-panel__request-table .num-header,.mocking-panel__request-table .num-cell{width:40px;text-align:center;color:var(--text-tertiary);font-size:var(--font-xs)}.mocking-panel__request-table .num-cell{font-family:var(--font-mono)}.mocking-panel__request-table .method-cell{font-family:var(--font-mono);font-size:var(--font-xs);font-weight:700;width:70px}.mocking-panel__request-table .route-header{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.mocking-panel__request-table .route-toggle{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;font-size:9px;font-weight:600;color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:3px;cursor:pointer;transition:all .15s ease;vertical-align:middle}.mocking-panel__request-table .route-toggle:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-primary)}.mocking-panel__request-table .route-toggle.active{color:var(--accent-primary);background:var(--accent-primary-bg);border-color:var(--accent-primary)}.mocking-panel__request-table .path-cell{font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-primary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mocking-panel__request-table .status-cell{width:80px}.mocking-panel__request-table .status-cell .status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-xs);font-weight:600;background-color:var(--bg-tertiary);color:var(--text-secondary)}.mocking-panel__request-table .status-cell .status-badge.success{background-color:#49cc9026;color:#49cc90}.mocking-panel__request-table .status-cell .status-badge.warning{background-color:#f9a60226;color:#f9a602}.mocking-panel__request-table .status-cell .status-badge.error{background-color:#f93e3e26;color:#f93e3e}.mocking-panel__request-table .time-cell{font-size:var(--font-xs);color:var(--text-tertiary);width:100px}.mocking-panel__request-table .mocked-cell{width:100px}.mocking-panel__request-table .mocked-cell .mocked-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-xs);font-weight:600;color:var(--color-success);padding:2px 8px;background-color:var(--color-success-alpha);border-radius:var(--radius-sm)}.mocking-panel__request-table .mocked-cell .mocked-badge svg{width:12px;height:12px}.mocking-panel__list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;gap:var(--spacing-sm);color:var(--text-tertiary);text-align:center}.mocking-panel__list-empty p{margin:0}.mocking-panel__list-empty .hint{font-size:var(--font-xs);opacity:.8}.mocking-panel__panel-resize-handle{height:4px;background-color:var(--border-primary);cursor:row-resize;flex-shrink:0;transition:background-color var(--transition-fast)}.mocking-panel__panel-resize-handle:hover{background-color:var(--color-primary)}.mocking-panel__details-panel{display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--border-primary);background-color:var(--bg-primary)}.mocking-panel__details-panel.resizing{-webkit-user-select:none;user-select:none}.mocking-panel__details-panel.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh!important;z-index:1000;border-top:none}.mocking-panel__details-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary);flex-shrink:0}.mocking-panel__details-header-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.mocking-panel__colored-url{display:flex;align-items:center;gap:0;font-family:var(--font-mono);font-size:var(--font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mocking-panel__colored-url .method{font-weight:700;margin-right:var(--spacing-md);flex-shrink:0}.mocking-panel__colored-url .protocol{color:var(--text-tertiary)}.mocking-panel__colored-url .host{color:#60a5fa;font-weight:500}.mocking-panel__colored-url .path{color:var(--text-primary)}.mocking-panel__colored-url .query{color:#f59e0b}.mocking-panel__details-header-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.mocking-panel__env-selector{min-width:180px}.mocking-panel__env-selector .autocomplete{width:100%}.mocking-panel__mock-toggle{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.mocking-panel__mock-toggle svg{width:14px;height:14px;color:#f59e0b}.mocking-panel__details-content{flex:1;display:flex;overflow:hidden}.mocking-panel__pane{display:flex;flex-direction:column;overflow:hidden}.mocking-panel__pane--request{flex-shrink:0;border-right:1px solid var(--border-primary)}.mocking-panel__pane--response{flex:1;min-width:0}.mocking-panel__pane-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);background-color:var(--bg-tertiary)}.mocking-panel__pane-header h4{margin:0;font-size:var(--font-sm);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.mocking-panel__pane-header h4 svg{width:16px;height:16px;color:var(--text-secondary)}.mocking-panel__pane-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.mocking-panel__tabs{display:flex;gap:var(--spacing-xs)}.mocking-panel__tabs .tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-xs);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.mocking-panel__tabs .tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.mocking-panel__tabs .tab.active{background-color:var(--color-primary-alpha);color:var(--color-primary)}.mocking-panel__pane-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:var(--spacing-md);min-height:0}.mocking-panel__resize-handle{width:4px;background-color:transparent;cursor:col-resize;flex-shrink:0;transition:background-color var(--transition-fast)}.mocking-panel__resize-handle:hover{background-color:var(--color-primary)}.mocking-panel__section{margin-bottom:var(--spacing-lg)}.mocking-panel__section h5{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.mocking-panel__empty-section{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:var(--font-sm)}.mocking-panel__info-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.mocking-panel__info-table th{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-primary);text-align:left;font-weight:600;color:var(--text-secondary);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px}.mocking-panel__info-table td{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-primary);vertical-align:top}.mocking-panel__info-table td.key{font-family:var(--font-mono);font-size:var(--font-xs);color:var(--color-primary);white-space:nowrap;width:30%}.mocking-panel__info-table td.value{font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-secondary);word-break:break-all}.mocking-panel__info-table td.value code{background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs)}.mocking-panel__info-table tr:last-child td{border-bottom:none}.mocking-panel__details-info{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-md)}.mocking-panel__curl-section{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.mocking-panel__curl-header{display:flex;align-items:center;justify-content:space-between}.mocking-panel__curl-label{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.mocking-panel__curl-code{margin:0;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-primary);overflow-x:auto;white-space:pre-wrap;word-break:break-all;line-height:1.6}.mocking-panel__curl-code code{font-family:inherit}.mocking-panel__badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500;background-color:var(--bg-tertiary);color:var(--text-secondary)}.mocking-panel__badge--success{background-color:#22c55e26;color:#22c55e}.mocking-panel__badge--warning{background-color:#f9a60226;color:#f9a602}.mocking-panel__badge--error{background-color:#ef444426;color:#ef4444}.mocking-panel__body-preview{margin:0;padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.mocking-panel__response-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-shrink:0}.mocking-panel__response-meta--inline{gap:var(--spacing-lg)}.mocking-panel__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mocking-panel__field-inline{display:flex;align-items:center;gap:var(--spacing-sm)}.mocking-panel__field-inline label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.mocking-panel__field-inline .input{width:auto}.mocking-panel__field-inline .input input{width:80px}.mocking-panel__field-inline:last-child .input input{width:120px}.mocking-panel__response-size{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:help;padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-left:auto}.mocking-panel__response-size-compressed{font-size:var(--font-size-xs);color:var(--text-tertiary)}.mocking-panel__size-tooltip{display:flex;flex-direction:column;gap:4px;min-width:180px}.mocking-panel__size-tooltip-row{display:flex;justify-content:space-between;gap:var(--spacing-md);font-size:var(--font-size-xs)}.mocking-panel__size-tooltip-row span:first-child{color:var(--text-secondary)}.mocking-panel__size-tooltip-row span:last-child{font-family:var(--font-mono);color:var(--text-primary)}.mocking-panel__size-tooltip-row--total{border-top:1px solid var(--border-secondary);padding-top:4px;margin-top:2px;font-weight:500}.mocking-panel__field label{font-size:var(--font-xs);color:var(--text-tertiary);font-weight:500}.mocking-panel__field .input{width:100px}.mocking-panel__field:last-child .input{width:150px}.mocking-panel__editor-container{flex:1;display:flex;flex-direction:column;min-height:0}.mocking-panel__editor-container--readonly .ace_cursor{display:none}.mocking-panel__editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-xs);flex-shrink:0;gap:var(--spacing-sm)}.mocking-panel__editor-search{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);padding:4px 8px;transition:border-color .15s ease}.mocking-panel__editor-search:focus-within{border-color:var(--accent-primary)}.mocking-panel__editor-search>svg{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.mocking-panel__editor-search-input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);color:var(--text-primary);font-family:var(--font-mono)}.mocking-panel__editor-search-input::placeholder{color:var(--text-tertiary)}.mocking-panel__editor-search-result{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;padding:2px 6px;background:var(--bg-secondary);border-radius:var(--radius-xs);font-family:var(--font-mono)}.mocking-panel__editor-search-result.error{color:var(--color-error);background:var(--color-error-bg)}.mocking-panel__editor-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:2px;color:var(--text-tertiary);border-radius:var(--radius-xs);transition:all .15s ease}.mocking-panel__editor-search-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.mocking-panel__editor-search-clear svg{width:12px;height:12px}.mocking-panel__editor-search-nav{display:flex;gap:2px}.mocking-panel__editor-search-nav-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:2px;color:var(--text-tertiary);border-radius:var(--radius-xs);transition:all .15s ease}.mocking-panel__editor-search-nav-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.mocking-panel__editor-search-nav-btn svg{width:14px;height:14px}.mocking-panel__editor{flex:1;position:relative;border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;min-height:200px}.mocking-panel__editor .ace_editor{position:absolute!important;top:0;left:0;right:0;bottom:0;font-family:var(--font-mono)!important}.mocking-panel__headers-editor .editable-table{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.mocking-panel__label-with-help{display:flex;align-items:center;gap:var(--spacing-xs)}.mocking-panel__help-button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;opacity:.6;transition:opacity .15s,color .15s}.mocking-panel__help-button:hover{opacity:1;color:var(--accent-primary)}.mocking-panel__help-button svg{width:14px;height:14px}.mocking-panel__settings-link{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:var(--spacing-xs);color:var(--text-tertiary);opacity:.6;transition:opacity .15s,color .15s;vertical-align:middle}.mocking-panel__settings-link:hover{opacity:1;color:var(--accent-primary)}.mocking-panel__settings-link svg{width:12px;height:12px}.mocking-panel__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.mocking-panel__modal{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-secondary)}.mocking-panel__modal--wide{max-width:900px;width:90%}.mocking-panel__modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary)}.mocking-panel__modal-header h2{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.mocking-panel__modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s,color .15s}.mocking-panel__modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.mocking-panel__modal-close svg{width:18px;height:18px}.mocking-panel__modal-content{padding:var(--spacing-lg);overflow-y:auto}.mocking-panel__flow-diagram{background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.mocking-panel__flow-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.mocking-panel__flow-box{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background-color:var(--bg-primary);border:2px solid var(--border-primary);min-width:140px;text-align:center}.mocking-panel__flow-box--client{border-color:#3b82f6;background-color:#3b82f61a}.mocking-panel__flow-box--proxy{border-color:#8b5cf6;background-color:#8b5cf61a}.mocking-panel__flow-box--echolon{border-color:#10b981;background-color:#10b9811a}.mocking-panel__flow-box--mock{border-color:#f59e0b;background-color:#f59e0b1a}.mocking-panel__flow-box--forward{border-color:#06b6d4;background-color:#06b6d41a}.mocking-panel__flow-box--response{border-color:#22c55e;background-color:#22c55e1a}.mocking-panel__flow-icon{font-size:24px}.mocking-panel__flow-label{font-weight:600;color:var(--text-primary);font-size:var(--font-sm)}.mocking-panel__flow-sublabel{font-size:var(--font-xs);color:var(--text-tertiary)}.mocking-panel__flow-arrow{font-size:20px;color:var(--text-tertiary);font-weight:700}.mocking-panel__flow-decision{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.mocking-panel__flow-decision-box{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-tertiary);border-radius:50px;border:2px dashed var(--border-secondary)}.mocking-panel__flow-branches{display:flex;gap:var(--spacing-xl);justify-content:center}.mocking-panel__flow-branch{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1;max-width:200px}.mocking-panel__flow-branch-label{font-size:var(--font-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm)}.mocking-panel__flow-branch--yes .mocking-panel__flow-branch-label{background-color:#22c55e33;color:#22c55e}.mocking-panel__flow-branch--no .mocking-panel__flow-branch-label{background-color:#ef444433;color:#ef4444}.mocking-panel__flow-explanation h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-md);color:var(--text-primary)}.mocking-panel__flow-explanation ol,.mocking-panel__flow-explanation ul{margin:0 0 var(--spacing-lg) 0;padding-left:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-sm);line-height:1.6}.mocking-panel__flow-explanation li{margin-bottom:var(--spacing-xs)}.mocking-panel__flow-explanation li ul{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.mocking-panel__flow-explanation code{background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}.mocking-panel__flow-explanation strong{color:var(--text-primary)}.mocking-panel__flow-explanation em{color:var(--accent-primary);font-style:normal}.mocking-panel__mode-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.mocking-panel__mode-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-secondary)}.mocking-panel__mode-card-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.mocking-panel__mode-card-header svg{width:20px;height:20px}.mocking-panel__mode-card-header h3{margin:0;font-size:var(--font-md);font-weight:600}.mocking-panel__mode-card-header--local{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:#3b82f6}.mocking-panel__mode-card-header--local svg{color:#3b82f6}.mocking-panel__mode-card-header--cloud{background:linear-gradient(135deg,#a855f71a,#a855f70d);color:#a855f7}.mocking-panel__mode-card-header--cloud svg{color:#a855f7}.mocking-panel__mode-card-content{padding:var(--spacing-lg)}.mocking-panel__mode-diagram{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.mocking-panel__diagram-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-xs);text-align:center}.mocking-panel__diagram-item .icon{font-size:20px}.mocking-panel__diagram-item--app{background-color:#3b82f626;color:#60a5fa}.mocking-panel__diagram-item--local{background-color:#22c55e26;color:#22c55e}.mocking-panel__diagram-item--cloud{background-color:#a855f726;color:#a855f7}.mocking-panel__diagram-item--echolon{background-color:#f9731626;color:#f97316}.mocking-panel__diagram-arrow{color:var(--text-tertiary);font-size:var(--font-lg)}.mocking-panel__mode-features{list-style:none;padding:0;margin:0 0 var(--spacing-md) 0}.mocking-panel__mode-features li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-sm);color:var(--text-secondary)}.mocking-panel__mode-features li:before{content:"•";color:var(--text-tertiary)}.mocking-panel__mode-features li strong{color:var(--text-primary)}.mocking-panel__mode-use-case{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-secondary)}.mocking-panel__mode-use-case strong{color:var(--text-primary)}.mocking-panel__mode-summary h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.mocking-panel__comparison-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.mocking-panel__comparison-table th,.mocking-panel__comparison-table td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);text-align:left}.mocking-panel__comparison-table th{background-color:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.mocking-panel__comparison-table th:first-child{width:40%}.mocking-panel__comparison-table td{color:var(--text-secondary)}.mocking-panel__comparison-table td:first-child{color:var(--text-primary)}.mocking-panel__context-menu{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;padding:var(--spacing-xs);min-width:160px}.mocking-panel__context-menu button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-sm);cursor:pointer;text-align:left}.mocking-panel__context-menu button svg{width:14px;height:14px;color:var(--text-secondary)}.mocking-panel__context-menu button:hover{background-color:var(--bg-tertiary)}.mocking-panel__context-menu button:hover svg{color:#ef4444}.mocking-panel__qr-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:var(--spacing-sm);padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);vertical-align:middle}.mocking-panel__qr-button:hover{background-color:var(--bg-tertiary);color:var(--color-primary)}.mocking-panel__qr-button svg{width:16px;height:16px}.mocking-panel__modal--qr{max-width:380px;width:90%}.mocking-panel__modal--qr .mocking-panel__modal-header h2{display:flex;align-items:center;gap:var(--spacing-sm)}.mocking-panel__modal--qr .mocking-panel__modal-header h2 svg{width:20px;height:20px;color:var(--color-primary)}.mocking-panel__qr-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg)}.mocking-panel__qr-instruction{margin:0;font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.mocking-panel__qr-code{background-color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a}.mocking-panel__qr-code img{display:block;width:256px;height:256px}.mocking-panel__qr-url{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.mocking-panel__qr-url code{font-family:var(--font-mono);font-size:var(--font-xs);color:var(--color-primary);word-break:break-all}.mocking-panel__qr-loading{display:flex;align-items:center;justify-content:center;width:256px;height:256px;background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--font-sm)}.mocking-panel__qr-error{display:flex;align-items:center;justify-content:center;width:256px;height:256px;background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-sm)}.mocking-panel__qr-note{font-size:var(--font-xs);color:var(--text-tertiary);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--color-warning)}.mocking-panel__qr-note strong{color:var(--text-secondary)}@keyframes autosave-flash{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.mocking-panel__autosave-flash{animation:autosave-flash .35s ease-in-out 1}.api-reference-panel{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary);overflow:hidden}.api-reference-panel--empty{justify-content:center;align-items:center}.api-reference-panel__empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;color:var(--text-tertiary);max-width:400px}.api-reference-panel__empty-state svg{width:64px;height:64px;opacity:.5}.api-reference-panel__empty-state h3{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-secondary)}.api-reference-panel__empty-state p{margin:0;font-size:var(--font-sm)}.api-reference-panel__header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary);flex-shrink:0;background-color:var(--bg-secondary)}.api-reference-panel__header h2{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.api-reference-panel__count{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500;color:var(--text-secondary)}.api-reference-panel__content{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xl)}.api-reference-panel__group{display:flex;flex-direction:column;gap:var(--spacing-md)}.api-reference-panel__group-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.api-reference-panel__group-name{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.api-reference-panel__group-count{padding:2px 8px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-tertiary)}.api-reference-panel__group-requests{display:flex;flex-direction:column;gap:var(--spacing-sm)}.request-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.request-card:hover{border-color:var(--border-secondary)}.request-card--expanded{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-alpha, rgba(99, 102, 241, .2))}.request-card__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast)}.request-card__header:hover{background-color:var(--bg-hover)}.request-card__method{font-family:var(--font-mono);font-size:var(--font-sm);font-weight:700;min-width:60px}.request-card__name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);white-space:nowrap}.request-card__path{font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-tertiary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-card__toggle{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.request-card__toggle:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.request-card__content{border-top:1px solid var(--border-primary);background-color:var(--bg-primary)}.request-card__url-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.request-card__method-dropdown{flex-shrink:0}.request-card__method-dropdown .dropdown__trigger{min-width:90px;font-weight:600}.request-card__url-input{flex:1;min-width:0;overflow:hidden}.request-card__url-input .input-wrapper{height:36px}.request-card__send-btn{flex-shrink:0;min-width:90px}.request-card__options{display:flex;flex-direction:column;min-height:0}.request-card__option-tabs{display:flex;gap:2px;padding:0 var(--spacing-md);border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary)}.request-card__option-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.request-card__option-tab:hover{color:var(--text-primary)}.request-card__option-tab.active{color:var(--text-primary);border-bottom-color:var(--color-primary)}.request-card__option-badge{padding:0 6px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500;color:var(--text-secondary)}.request-card__option-content{padding:var(--spacing-md);max-height:300px;overflow-y:auto}.request-card__body{display:flex;flex-direction:column;gap:var(--spacing-md)}.request-card__body-type{flex-shrink:0}.request-card__body-editor{border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.request-card__body-editor .ace_editor{background-color:var(--bg-primary)!important}.request-card__body-editor .ace_gutter{background-color:var(--bg-secondary)!important}.request-card__auth{display:flex;flex-direction:column;gap:var(--spacing-md)}.request-card__auth-type{display:flex;flex-direction:column;gap:var(--spacing-xs)}.request-card__auth-type label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.request-card__auth-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.request-card__auth-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.request-card__auth-field label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.request-card__response{border-top:1px solid var(--border-primary)}.request-card__response .response-viewer{border-radius:0}.demo-debug-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;padding:var(--spacing-lg);min-width:320px;max-width:400px}.demo-debug-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009}.demo-debug-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.demo-debug-panel__title{font-size:var(--font-base);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.demo-debug-panel__title-icon{color:var(--accent-primary)}.demo-debug-panel__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.demo-debug-panel__close:hover{background:var(--bg-hover);color:var(--text-primary)}.demo-debug-panel__section{margin-bottom:var(--spacing-md)}.demo-debug-panel__section:last-child{margin-bottom:0}.demo-debug-panel__label{font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.demo-debug-panel__current{font-size:var(--font-sm);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-mono)}.demo-debug-panel__modes{display:flex;flex-direction:column;gap:var(--spacing-xs)}.demo-debug-panel__mode-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.demo-debug-panel__mode-btn:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary)}.demo-debug-panel__mode-btn--active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.demo-debug-panel__mode-btn--active:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--text-on-accent)}.demo-debug-panel__mode-name{font-weight:500;font-size:var(--font-sm)}.demo-debug-panel__mode-desc{font-size:var(--font-xs);opacity:.7}.demo-debug-panel__actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.demo-debug-panel__action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-sm)}.demo-debug-panel__action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.demo-debug-panel__action-btn svg{width:14px;height:14px}.demo-debug-panel__action-btn--record{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.demo-debug-panel__action-btn--record:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.demo-debug-panel__action-btn--stop{background:#ef4444;border-color:#ef4444;color:#fff}.demo-debug-panel__action-btn--stop:hover{background:#dc2626;border-color:#dc2626}.demo-debug-panel__size-selector{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.demo-debug-panel__size-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-xs);font-family:var(--font-mono);min-width:40px}.demo-debug-panel__size-btn:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary)}.demo-debug-panel__size-btn--active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.demo-debug-panel__size-btn--active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.demo-debug-panel__shortcut{font-size:var(--font-xs);color:var(--text-quaternary);text-align:center;margin-top:var(--spacing-md)}.demo-debug-panel__shortcut kbd{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px}:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #818cf8;--accent-primary-alpha: color-mix(in srgb, var(--color-primary) 15%, transparent);--color-secondary: #ec4899;--color-accent: #14b8a6;--color-get: #61affe;--color-post: #49cc90;--color-put: #fca130;--color-patch: #50e3c2;--color-delete: #f93e3e;--color-head: #9012fe;--color-options: #0d5aa7;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--font-xs: 11px;--font-sm: 12px;--font-md: 13px;--font-lg: 14px;--font-xl: 16px;--font-2xl: 18px;--font-3xl: 24px;--font-sans: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-modal-backdrop: 200;--z-modal: 210;--z-tooltip: 300;--z-context-menu: 400}[data-color-scheme=terminal]{--color-primary: #22c55e;--color-primary-hover: #16a34a;--color-primary-light: #4ade80;--color-secondary: #10b981;--color-accent: #34d399}[data-color-scheme=midnight]{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #818cf8;--color-secondary: #ec4899;--color-accent: #14b8a6}[data-color-scheme=ocean]{--color-primary: #0ea5e9;--color-primary-hover: #0284c7;--color-primary-light: #38bdf8;--color-secondary: #06b6d4;--color-accent: #22d3ee}[data-color-scheme=sunset]{--color-primary: #f97316;--color-primary-hover: #ea580c;--color-primary-light: #fb923c;--color-secondary: #f59e0b;--color-accent: #fbbf24}[data-color-scheme=rose]{--color-primary: #ec4899;--color-primary-hover: #db2777;--color-primary-light: #f472b6;--color-secondary: #f43f5e;--color-accent: #fb7185}[data-color-scheme=emerald]{--color-primary: #14b8a6;--color-primary-hover: #0d9488;--color-primary-light: #2dd4bf;--color-secondary: #06b6d4;--color-accent: #22d3ee}[data-theme=dark]{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #232342;--bg-elevated: #2a2a4a;--bg-hover: #323256;--bg-active: #3d3d6b;--bg-input: #1e1e38;--text-primary: #f8f8fc;--text-secondary: #a8a8c0;--text-tertiary: #6b6b8a;--text-muted: #4a4a68;--text-inverse: #0f0f1a;--border-primary: #2d2d50;--border-secondary: #3a3a60;--border-hover: #4a4a70;--border-focus: var(--color-primary);--scrollbar-track: var(--bg-secondary);--scrollbar-thumb: var(--bg-elevated);--scrollbar-thumb-hover: var(--bg-hover);--editor-bg: #1a1a2e;--editor-gutter: #232342;--editor-line-highlight: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-alpha: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-alpha-light: color-mix(in srgb, var(--color-primary) 15%, transparent);--sidebar-bg: var(--bg-secondary);--topbar-bg: var(--bg-primary);--panel-bg: var(--bg-secondary);--modal-bg: var(--bg-tertiary);--dropdown-bg: var(--bg-elevated);--tooltip-bg: var(--bg-elevated);--console-bg: var(--bg-primary);--tab-bg: transparent;--tab-bg-active: var(--bg-tertiary);--tab-bg-hover: var(--bg-hover);--tab-border: var(--border-primary);--btn-primary-bg: var(--color-primary);--btn-primary-text: white;--btn-secondary-bg: var(--bg-elevated);--btn-secondary-text: var(--text-primary);--btn-ghost-bg: transparent;--btn-ghost-text: var(--text-secondary);--input-bg: var(--bg-input);--input-border: var(--border-primary);--input-placeholder: var(--text-tertiary)}[data-theme=dark][data-color-scheme=terminal]{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-elevated: #222222;--bg-hover: #2a2a2a;--bg-active: #333333;--bg-input: #141414;--border-primary: #222222;--border-secondary: #2a2a2a;--border-hover: #333333;--editor-bg: #111111;--editor-gutter: #1a1a1a}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fc;--bg-tertiary: #f0f2f7;--bg-elevated: #ffffff;--bg-hover: #e8eaf0;--bg-active: #dde0e8;--bg-input: #ffffff;--text-primary: #1a1a2e;--text-secondary: #4a4a68;--text-tertiary: #6b6b8a;--text-muted: #a8a8c0;--text-inverse: #f8f8fc;--border-primary: #e2e4ea;--border-secondary: #d0d3dc;--border-hover: #c0c4d0;--border-focus: var(--color-primary);--scrollbar-track: var(--bg-secondary);--scrollbar-thumb: #c0c4d0;--scrollbar-thumb-hover: #a8adb8;--editor-bg: #ffffff;--editor-gutter: #f8f9fc;--editor-line-highlight: color-mix(in srgb, var(--color-primary) 8%, transparent);--color-primary-alpha: color-mix(in srgb, var(--color-primary) 25%, transparent);--color-primary-alpha-light: color-mix(in srgb, var(--color-primary) 12%, transparent);--sidebar-bg: var(--bg-secondary);--topbar-bg: var(--bg-primary);--panel-bg: var(--bg-primary);--modal-bg: var(--bg-primary);--dropdown-bg: var(--bg-primary);--tooltip-bg: #1a1a2e;--console-bg: var(--bg-secondary);--tab-bg: transparent;--tab-bg-active: var(--bg-primary);--tab-bg-hover: var(--bg-hover);--tab-border: var(--border-primary);--btn-primary-bg: var(--color-primary);--btn-primary-text: white;--btn-secondary-bg: var(--bg-tertiary);--btn-secondary-text: var(--text-primary);--btn-ghost-bg: transparent;--btn-ghost-text: var(--text-secondary);--input-bg: var(--bg-input);--input-border: var(--border-primary);--input-placeholder: var(--text-tertiary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--font-md);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}:is():hover{background:var(--scrollbar-thumb-hover)}::selection{background-color:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,[role=button]:focus-visible,.autocomplete__trigger:focus-visible,.input-wrapper input:focus-visible{outline:none}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--font-mono);font-size:var(--font-sm)}.no-select{-webkit-user-select:none;user-select:none}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.resize-horizontal{cursor:col-resize}.resize-vertical{cursor:row-resize}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.method-get{color:var(--color-get)}.method-post{color:var(--color-post)}.method-put{color:var(--color-put)}.method-patch{color:var(--color-patch)}.method-delete{color:var(--color-delete)}.method-head{color:var(--color-head)}.method-options{color:var(--color-options)}.status-success{color:var(--color-success)}.status-warning{color:var(--color-warning)}.status-error{color:var(--color-error)}.status-info{color:var(--color-info)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-normal)}.animate-slideIn{animation:slideIn var(--transition-normal)}.animate-slideUp{animation:slideUp var(--transition-normal)}.animate-scaleIn{animation:scaleIn var(--transition-normal)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.echolon-web-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:var(--text-primary, #1a1a1a);background:var(--bg-primary, #ffffff)}.echolon-web-loading__spinner{width:40px;height:40px;border:3px solid var(--border-color, #e5e7eb);border-top-color:var(--primary-color, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.echolon-web-loading p{margin:0;font-size:1rem;opacity:.7}.echolon-web-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:2rem;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:var(--text-primary, #1a1a1a);background:var(--bg-primary, #ffffff)}.echolon-web-error h2{margin:0 0 1rem;font-size:1.5rem;color:var(--error-color, #ef4444)}.echolon-web-error p{margin:0 0 .5rem;font-size:1rem;max-width:600px}.echolon-web-error__hint{opacity:.7;font-size:.875rem!important}.echolon-web-error__hint code{background:var(--bg-secondary, #f3f4f6);padding:.125rem .375rem;border-radius:4px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem}@keyframes spin{to{transform:rotate(360deg)}}#echolon{height:100%}body>#echolon{min-height:100vh}#echolon .main-layout{height:100%}@media (prefers-color-scheme: dark){.echolon-web-loading,.echolon-web-error{--text-primary: #f9fafb;--bg-primary: #111827;--bg-secondary: #1f2937;--border-color: #374151}}[data-theme=dark] .echolon-web-loading,[data-theme=dark] .echolon-web-error{--text-primary: #f9fafb;--bg-primary: #111827;--bg-secondary: #1f2937;--border-color: #374151}