:where(.topic-panel,.topic-panel--inline){box-sizing:border-box;background:var(--topic-bg);color:var(--topic-text);border-radius:var(--radius-large);padding:var(--pad-large);font-family:var(--main-font);display:flex;flex-direction:column;transition:max-height .3s ease,padding .3s ease;overflow:hidden}.topic-panel{position:fixed;top:100px;left:10px;width:280px;box-shadow:var(--shadow-2);z-index:9998;max-height:70vh}.topic-panel--inline{position:relative;top:auto;left:auto;width:100%;box-shadow:none;max-height:none;height:100%}.topic-panel__content{flex:1;min-height:0;overflow:auto}.topic-panel__divider{border-top:1px solid var(--topic-border);margin:var(--gap-large) 0}.topic-panel__section{margin-bottom:var(--gap-large)}.topic-panel__row{display:flex;gap:var(--gap-small);align-items:center;margin-bottom:var(--gap-small)}.topic-panel__label{font-weight:600;font-size:var(--font-sm);opacity:.85;min-width:56px}:where(.topic-panel__input,.topic-selector__input){padding:var(--pad-small) var(--pad-large);border-radius:var(--radius-small);border:1px solid var(--input-border);background:var(--input-bg);color:var(--main-color);height:var(--size-sm);outline:none;box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease}.topic-panel__input{font-size:var(--font-sm);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;box-shadow:none}.topic-panel__input:hover{border-color:var(--input-border-hover)}.topic-panel__input:focus{border-color:var(--input-border-focus);background:var(--color-overlay-strong)}.topic-panel__input--full{width:100%;box-sizing:border-box}.topic-panel__input--grow{flex:1;min-width:0}.topic-panel__list{display:flex;flex-direction:column;gap:var(--gap-small)}.topic-panel__section-title{font-weight:600;margin-bottom:var(--gap-small)}.topic-panel__button{padding:var(--btn-padding-sm);border-radius:var(--radius-small);border:none;cursor:pointer;color:var(--color-text);font-size:var(--font-sm);height:var(--size-sm);min-height:var(--size-sm);display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.topic-panel__button:hover{opacity:.85}.topic-panel__button--muted{background:var(--topic-btn-muted)}.topic-panel__button--primary{background:var(--topic-btn-primary)}.topic-panel__button--success{background:var(--topic-btn-success)}.topic-panel__button--danger{background:var(--topic-btn-danger)}.topic-panel__image-container{width:100%;background:var(--topic-image-bg);border-radius:var(--radius-small);overflow:hidden;border:1px solid var(--topic-border)}.topic-panel__empty{font-size:var(--font-sm);opacity:.7}.topic-panel__list-row{display:flex;align-items:center;gap:var(--gap-small)}.topic-panel__tag{font-size:var(--font-sm);color:var(--topic-tag-text);background:var(--topic-tag-bg);border-radius:var(--radius-small);padding:var(--pad-small)}.topic-panel__topic-name{flex:1;font-size:var(--font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-panel__list-item{display:flex;flex-direction:column;gap:var(--gap-small);background:var(--topic-list-bg);border:1px solid var(--topic-border);border-radius:var(--radius-small);padding:var(--pad-small)}.topic-selector{display:flex;width:100%}.topic-selector__input{width:100%;font-size:var(--font-md);transition:border-color .2s ease}.topic-selector__input:focus{border-color:var(--input-border-focus)}.topic-selector__input::placeholder{color:var(--color-placeholder)}.topic-panel__row--full{width:100%}