.icon-button{all:unset;cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);position:relative;overflow:hidden}.icon-button--small{width:24px;height:24px}.icon-button--medium{width:32px;height:32px}.icon-button--large{width:40px;height:40px}.icon-button--primary{background:var(--color-primary-default);border:var(--border-width-thin) solid transparent;color:var(--color-text-on-action,#fff)}.icon-button--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(var(--micro-scale-hover))}.icon-button--subtle{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);color:var(--color-text-tertiary)}.icon-button--subtle:hover:not(:disabled){background:var(--color-surface-tertiary);color:var(--color-text-default);border-color:var(--color-border-secondary);transform:scale(var(--micro-scale-hover))}.icon-button--ghost{background:transparent;border:var(--border-width-thin) solid transparent;color:var(--color-text-tertiary)}.icon-button--ghost:hover:not(:disabled){background:var(--color-surface-tertiary);color:var(--color-text-default);transform:scale(var(--micro-scale-hover))}.icon-button--danger{background:transparent;border:var(--border-width-thin) solid transparent;color:var(--color-status-error-default)}.icon-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-status-error-default) 8%,transparent);color:var(--color-status-error-default);transform:scale(1.01)}.icon-button--minimal{background:transparent;border:var(--border-width-thin) solid transparent;color:var(--color-text-secondary);opacity:var(--opacity-semantic-emphasis-medium)}.icon-button--minimal:hover:not(:disabled){opacity:1;transform:scale(var(--micro-scale-hover))}.icon-button--transparent-primary{background:transparent;border:var(--border-width-thin) solid transparent;color:var(--color-primary-default)}.icon-button--transparent-primary:hover:not(:disabled){background:transparent;color:var(--color-primary-hover);transform:scale(var(--micro-scale-hover))}.icon-button:active:not(:disabled){transform:scale(var(--micro-scale-press));transition:all .1s var(--motion-spring-snappy)}.icon-button:disabled{opacity:var(--opacity-semantic-disabled,.4);cursor:not-allowed}.icon-button:focus-visible{outline:var(--border-width-thick) solid var(--color-border-focus);outline-offset:2px}.icon-button--small .icon{width:14px;height:14px}.icon-button--medium .icon{width:18px;height:18px}.icon-button--large .icon{width:20px;height:20px}.icon-button--animating{color:var(--feedback-color,var(--color-status-success-default));animation:iconFeedback 1.2s var(--motion-spring-gentle)}@keyframes iconFeedback{0%{color:var(--color-text-tertiary);transform:scale(1)}15%{color:var(--feedback-color,var(--color-status-success-default));transform:scale(var(--micro-scale-hover))}85%{color:var(--feedback-color,var(--color-status-success-default));transform:scale(1)}to{color:var(--color-text-tertiary);transform:scale(1)}}.icon{display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.icon-small{width:1em!important;height:1em!important}.icon-medium{width:1.5em!important;height:1.5em!important}.icon-large{width:2em!important;height:2em!important}.icon-on-action{color:#fff}.icon-error{color:var(--color-icon-red,#e74c3c)!important}.icon-success{color:var(--color-status-success-default,#27ae60)}.icon-warning{color:var(--color-status-warning-default,#ffc107)}.icon-info{color:var(--color-status-info-default,#3498db)}.icon-muted{color:var(--color-text-tertiary,#aaa)}.icon svg{width:100%;height:100%;display:block}.keyboard-shortcuts-content{display:flex;flex-direction:column;gap:32px;margin-bottom:16px;padding-top:var(--space-lg);height:65vh;max-height:700px;min-height:450px;overflow-y:auto}.keyboard-shortcuts-columns{display:flex;gap:48px;align-items:flex-start}.keyboard-shortcuts-column{flex:1 1;display:flex;flex-direction:column;gap:32px}.keyboard-shortcuts-group{display:flex;flex-direction:column;gap:8px}.keyboard-shortcuts-group-header{margin-bottom:0;padding-bottom:2px;border-bottom:1px solid var(--color-border-secondary)}.keyboard-shortcuts-group-header h3{margin:0;font-size:15px;font-weight:700;color:var(--color-text-default)}.keyboard-shortcuts-list{display:flex;flex-direction:column;gap:0}.keyboard-shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 0;border-bottom:1px solid var(--color-border-secondary)}.keyboard-shortcut-row:last-child{border-bottom:none}.keyboard-shortcut-description{font-size:14px;color:var(--color-text-default);line-height:1.4;flex:1 1}.keyboard-shortcut-keys{display:flex;align-items:center;gap:6px;flex-shrink:0}.keyboard-shortcut-plus{font-size:11px;color:var(--color-text-secondary);margin:0 3px;font-weight:500}.keyboard-shortcut-note{font-size:12px;color:var(--color-text-secondary);margin-left:8px;font-style:italic}.keyboard-shortcuts-footer{border-top:1px solid var(--color-border-secondary);padding-top:16px;margin-top:8px}.keyboard-shortcuts-footer p{margin:0;font-size:12px;color:var(--color-text-secondary);text-align:center}@media (max-width:768px){.keyboard-shortcuts-columns{flex-direction:column;gap:24px}.keyboard-shortcuts-column{gap:24px}.keyboard-shortcut-row{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 0}.keyboard-shortcut-keys{align-self:flex-end}.keyboard-shortcuts-content{gap:24px}}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--color-surface-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-secondary);transition:all var(--transition-fast)}.row>.auto-expanding-textarea,.row>.auto-expanding-textarea-container{flex:1 1;min-width:0}.row>:not(.row__content):not(.row__chevron){max-width:400px;flex-shrink:0}.row>.textarea{max-width:600px}.row:last-child{border-bottom:none}.row--normal{min-height:44px;padding:var(--space-sm) var(--space-md)}.row--compact{min-height:36px;padding:var(--space-xs) var(--space-md)}.row__content{display:flex;align-items:center;gap:var(--space-sm);flex:1 1;min-width:0}.row__icon{width:20px;height:20px;flex-shrink:0;color:var(--color-text-secondary)}.row--compact .row__icon{width:18px;height:18px}.row__label{flex:1 1;min-width:0}.row__label-content{display:flex;flex-direction:column;gap:var(--space-2xs)}.row__label-main{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.row--compact .row__label-main{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.row__label-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-base)}.row__chevron{width:16px;height:16px;flex-shrink:0;color:var(--color-text-tertiary)}.row--clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.row--clickable:active,.row--clickable:hover{background:var(--color-surface-tertiary)}.row--clickable:active{transform:scale(.99)}.row--clickable:focus-visible{outline:var(--border-width-thick) solid var(--color-border-focus);outline-offset:-2px}.row[data-color-theme=blue] .row__icon{--color-icon-orange:var(--color-icon-blue);--color-icon-orange-secondary:var(--color-icon-blue-secondary);--color-icon-red:var(--color-icon-blue);--color-icon-red-secondary:var(--color-icon-blue-secondary);--color-icon-green:var(--color-icon-blue);--color-icon-green-secondary:var(--color-icon-blue-secondary);--color-icon-purple:var(--color-icon-blue);--color-icon-purple-secondary:var(--color-icon-blue-secondary);--color-icon-yellow:var(--color-icon-blue);--color-icon-yellow-secondary:var(--color-icon-blue-secondary);--color-icon-teal:var(--color-icon-blue);--color-icon-teal-secondary:var(--color-icon-blue-secondary);--color-icon-brown:var(--color-icon-blue);--color-icon-brown-secondary:var(--color-icon-blue-secondary);--color-icon-gold:var(--color-icon-blue);--color-icon-gold-secondary:var(--color-icon-blue-secondary)}.row[data-color-theme=green] .row__icon{--color-icon-orange:var(--color-icon-green);--color-icon-orange-secondary:var(--color-icon-green-secondary);--color-icon-red:var(--color-icon-green);--color-icon-red-secondary:var(--color-icon-green-secondary);--color-icon-blue:var(--color-icon-green);--color-icon-blue-secondary:var(--color-icon-green-secondary);--color-icon-purple:var(--color-icon-green);--color-icon-purple-secondary:var(--color-icon-green-secondary);--color-icon-yellow:var(--color-icon-green);--color-icon-yellow-secondary:var(--color-icon-green-secondary);--color-icon-teal:var(--color-icon-green);--color-icon-teal-secondary:var(--color-icon-green-secondary);--color-icon-brown:var(--color-icon-green);--color-icon-brown-secondary:var(--color-icon-green-secondary);--color-icon-gold:var(--color-icon-green);--color-icon-gold-secondary:var(--color-icon-green-secondary)}.row[data-color-theme=red] .row__icon{--color-icon-orange:var(--color-icon-red);--color-icon-orange-secondary:var(--color-icon-red-secondary);--color-icon-blue:var(--color-icon-red);--color-icon-blue-secondary:var(--color-icon-red-secondary);--color-icon-green:var(--color-icon-red);--color-icon-green-secondary:var(--color-icon-red-secondary);--color-icon-purple:var(--color-icon-red);--color-icon-purple-secondary:var(--color-icon-red-secondary);--color-icon-yellow:var(--color-icon-red);--color-icon-yellow-secondary:var(--color-icon-red-secondary);--color-icon-teal:var(--color-icon-red);--color-icon-teal-secondary:var(--color-icon-red-secondary);--color-icon-brown:var(--color-icon-red);--color-icon-brown-secondary:var(--color-icon-red-secondary);--color-icon-gold:var(--color-icon-red);--color-icon-gold-secondary:var(--color-icon-red-secondary)}.side-panel{gap:var(--layout-section-gap);height:100%;overflow:visible;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.side-panel,.side-panel-section{display:flex;flex-direction:column}.side-panel-section{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-bottom:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:none;transition:all .2s var(--motion-spring-gentle)}.side-panel-section__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--layout-panel-padding-v) var(--layout-panel-padding-h);border-bottom:var(--border-width-thin) solid var(--color-border-primary);background:var(--color-surface-default);min-height:var(--layout-panel-header-height);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.side-panel-section__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-secondary)}.side-panel-section__title{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-text-default);margin:0;flex:1 1}.side-panel-section__title--clickable:hover{opacity:.7}.side-panel-section__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:var(--color-surface-tertiary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.side-panel-section__action{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;opacity:0;transition:all var(--transition-fast)}.side-panel-section:hover .side-panel-section__action{opacity:1}.side-panel-section__content{padding:var(--layout-panel-padding-v) var(--layout-panel-padding-h);flex:1 1;min-height:0;overflow-y:auto;overflow-x:visible;width:100%;box-sizing:border-box}.side-panel-section--stats{flex-shrink:0;background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:none}.side-panel-section--stats .side-panel-section__content{padding:0}.side-panel-section--stats .side-panel-section__header{background:var(--color-surface-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.side-panel-section--list{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:visible;background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:none}.side-panel-section--list .side-panel-section__header{background:var(--color-surface-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.side-panel-section--list .side-panel-section__content{padding:0;display:flex;flex-direction:column;flex:1 1;min-height:0;height:100%;max-height:100%;width:100%;box-sizing:border-box;overflow-y:auto;overflow-x:visible;scrollbar-width:none;-ms-overflow-style:none}.side-panel-section--list .side-panel-section__content::-webkit-scrollbar{display:none}.layout-panel-section--stats .layout-panel-section__content{padding:0 var(--layout-panel-padding-h)}.layout-panel-section--list .layout-panel-section__content{padding:0}.layout-panel-section--compact .layout-panel-section__content{padding:var(--space-sm) var(--layout-panel-padding-h)}@media (max-width:1200px){.side-panel{gap:var(--layout-section-gap);width:100%;max-width:100%;min-width:100%;height:100%;overflow:visible}.side-panel-section--list{height:100%;max-height:100%;overflow:visible;padding:0}.side-panel-section--list .side-panel-section__content{height:100%;max-height:100%;overflow-y:auto;overflow-x:visible;padding:0}}@media (max-width:768px){.is-mobile .side-panel{gap:var(--layout-section-gap);width:100%;max-width:100%;min-width:100%;height:100%;overflow:visible}.is-mobile .side-panel-section__header{padding:var(--space-xs) var(--layout-panel-padding-h);min-height:var(--layout-panel-header-height)}.is-mobile .side-panel-section__content{padding:var(--layout-panel-padding-v) var(--layout-panel-padding-h)}.is-mobile .side-panel-section--stats .side-panel-section__content{padding:0}.is-mobile .side-panel-section--list .side-panel-section__content{padding:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:visible}.is-mobile .side-panel-section__action{opacity:.4}.is-mobile .side-panel-section:active .side-panel-section__action,.is-mobile .side-panel-section:hover .side-panel-section__action{opacity:1}}