.table-renderer{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;transition:var(--transition-all);overflow:hidden}.table-renderer--empty{padding:var(--spacing-2xl);text-align:center}.table-renderer--fullscreen{z-index:1000;background:var(--color-background);box-shadow:none;border-radius:0;position:fixed;inset:0}.table-renderer--fullscreen .table-renderer__container{max-height:calc(100vh - 120px)!important}.table-renderer--fullscreen .table-renderer__controls{background:var(--color-background-secondary);border-bottom:2px solid var(--color-border)}.table-renderer__empty-state{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.table-renderer__caption{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.table-renderer__controls{padding:var(--spacing-3)var(--spacing-4);background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.table-renderer__controls-left{align-items:center;gap:var(--spacing-3);flex:1;min-width:0;display:flex}.table-renderer__controls-right{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.table-renderer__search{align-items:center;gap:var(--spacing-sm);flex:1;max-width:300px;display:flex;position:relative}.table-renderer__search svg{left:var(--spacing-sm);color:var(--color-text-tertiary);z-index:1;position:absolute}.table-renderer__search-input{padding-left:var(--spacing-2xl);font-size:var(--font-size-sm);height:32px}.table-renderer__count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;font-weight:var(--font-weight-medium)}.table-renderer__refresh-btn{transition:var(--transition-transform)}.table-renderer__refresh-btn:hover{transform:scale(1.05)}.table-renderer__refresh-btn .animate-spin{animation:1s linear infinite spin}.table-renderer__fullscreen-btn{transition:var(--transition-colors),var(--transition-transform)}.table-renderer__fullscreen-btn:hover{transform:scale(1.05)}.table-renderer__container{position:relative;overflow:auto}.table-renderer__table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);background:var(--color-background)}.table-renderer__thead{background:var(--color-background-secondary);z-index:10;position:sticky;top:0}.table-renderer__header-row{border-bottom:2px solid var(--color-border)}.table-renderer__th{padding:var(--spacing-sm)var(--spacing-md);text-align:left;font-weight:var(--font-weight-medium);color:var(--color-text-primary);border-right:1px solid var(--color-border);white-space:nowrap;position:relative}.table-renderer__th:last-child{border-right:none}.table-renderer__th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-renderer__th.sortable:hover,.table-renderer__th.sorted-asc,.table-renderer__th.sorted-desc{background:var(--color-background-tertiary)}.table-renderer__header-cell{justify-content:space-between;align-items:center;gap:var(--spacing-xs);min-width:0;display:flex}.table-renderer__header-cell span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.table-renderer__sort-btn{opacity:.5;width:20px;height:20px;transition:opacity var(--transition-fast);flex-shrink:0;padding:0}.table-renderer__sort-btn:hover{opacity:1}.table-renderer__tbody tr:nth-child(2n){background:var(--color-background-tertiary)}.table-renderer__tbody tr:hover{background:var(--color-background-elevated)}.table-renderer__row{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.table-renderer__td{padding:var(--spacing-sm)var(--spacing-md);border-right:1px solid var(--color-border);vertical-align:top;text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.table-renderer__td:last-child{border-right:none}.table-renderer__text{color:var(--color-text-primary)}.table-renderer__number{color:var(--color-text-primary);font-family:var(--font-family-mono);text-align:right;display:block}.table-renderer__boolean{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;padding:2px 6px;display:inline-flex}.table-renderer__boolean.true{background:var(--color-success-light);color:var(--color-success-dark)}.table-renderer__boolean.false{background:var(--color-danger-light);color:var(--color-danger-dark)}.table-renderer__date{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.table-renderer__link{color:var(--color-primary);transition:border-color var(--transition-fast);border-bottom:1px solid #0000;text-decoration:none}.table-renderer__link:hover{border-bottom-color:var(--color-primary)}.table-renderer__pagination{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-background-tertiary);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.table-renderer__pagination-info{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.table-renderer__pagination-controls{gap:var(--spacing-sm);display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.table-renderer__controls{align-items:stretch;gap:var(--spacing-2);flex-direction:column}.table-renderer__controls-left,.table-renderer__controls-right{justify-content:space-between;width:100%}.table-renderer__search{flex:1;max-width:none}.table-renderer__container{font-size:var(--font-size-xs)}.table-renderer__th,.table-renderer__td{padding:var(--spacing-xs)var(--spacing-sm);max-width:120px}.table-renderer__header-cell{flex-direction:column;align-items:flex-start;gap:2px}.table-renderer__sort-btn{align-self:flex-end}.table-renderer__pagination{gap:var(--spacing-sm);text-align:center;flex-direction:column}.table-renderer--fullscreen .table-renderer__container{max-height:calc(100vh - 140px)!important}}[data-theme=light] .table-renderer{background:#fff;border-color:#e1e5e9}[data-theme=light] .table-renderer__caption,[data-theme=light] .table-renderer__controls{background:#f8f9fa;border-bottom-color:#e1e5e9}[data-theme=light] .table-renderer__thead{background:#f8f9fa}[data-theme=light] .table-renderer__header-row{border-bottom-color:#e1e5e9}[data-theme=light] .table-renderer__th{border-right-color:#e1e5e9}[data-theme=light] .table-renderer__th.sortable:hover,[data-theme=light] .table-renderer__th.sorted-asc,[data-theme=light] .table-renderer__th.sorted-desc{background:#e9ecef}[data-theme=light] .table-renderer__tbody tr:nth-child(2n){background:#f8f9fa}[data-theme=light] .table-renderer__tbody tr:hover{background:#e9ecef}[data-theme=light] .table-renderer__row{border-bottom-color:#e1e5e9}[data-theme=light] .table-renderer__td{border-right-color:#e1e5e9}[data-theme=light] .table-renderer__boolean.true{color:#155724;background:#d4edda}[data-theme=light] .table-renderer__boolean.false{color:#721c24;background:#f8d7da}[data-theme=light] .table-renderer__pagination{background:#f8f9fa;border-top-color:#e1e5e9}@media (prefers-contrast:high){.table-renderer,.table-renderer__th,.table-renderer__td{border-width:2px}.table-renderer__header-row{border-bottom-width:3px}}@media print{.table-renderer__controls,.table-renderer__pagination{display:none}.table-renderer__container{max-height:none;overflow:visible}.table-renderer__table{font-size:10px}.table-renderer__th,.table-renderer__td{border:1px solid #000;padding:4px}}
.code-renderer{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-family:var(--font-family-mono);overflow:hidden}.code-renderer.expanded{z-index:1000;width:90vw;height:90vh;box-shadow:var(--shadow-xl);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.code-renderer.expanded .code-renderer__content{max-height:calc(90vh - 120px)!important}.code-renderer__header{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.code-renderer__info{align-items:center;gap:var(--spacing-sm);display:flex}.code-renderer__stats{font-size:var(--font-size-xs);color:var(--color-text-tertiary);padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-background);border-radius:var(--radius-sm)}.code-renderer__filename{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);display:flex}.code-renderer__filename svg{color:var(--color-text-tertiary)}.code-renderer__language{font-size:var(--font-size-xs);font-family:var(--font-family-mono)}.code-renderer__actions{gap:var(--spacing-xs);display:flex}.code-renderer__action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-tertiary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:0}.code-renderer__action-btn:hover{background:var(--color-background-elevated);color:var(--color-text-secondary);border-color:var(--color-border);transform:translateY(-1px)}.code-renderer__action-btn.active{background:var(--color-primary-100);color:var(--color-primary-600);border-color:var(--color-primary-200)}.code-renderer__action-btn svg{width:14px;height:14px}.code-renderer__search{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--spacing-sm);display:flex}.code-renderer__search-input{padding:var(--spacing-xs)var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-sm);transition:all var(--transition-fast);flex:1}.code-renderer__search-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.code-renderer__search-input::placeholder{color:var(--color-text-tertiary)}.code-renderer__search-results{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.code-renderer__content{background:var(--color-background);position:relative;overflow:auto}.code-renderer__content::-webkit-scrollbar{width:8px;height:8px}.code-renderer__content::-webkit-scrollbar-track{background:var(--color-background-secondary)}.code-renderer__content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.code-renderer__content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.code-renderer__content pre{padding:var(--spacing-lg)!important;font-size:var(--font-size-sm)!important;line-height:1.6!important;font-family:var(--font-family-mono)!important;background:0 0!important;margin:0!important}.code-renderer__content code{font-family:var(--font-family-mono)!important}.code-renderer__content .linenumber{-webkit-user-select:none;user-select:none;color:var(--color-text-tertiary)!important;margin-right:var(--spacing-md)!important;padding-right:var(--spacing-sm)!important;border-right:1px solid var(--color-border)!important}.code-renderer__content .code-search-highlight{background:var(--color-warning-200);color:var(--color-warning-800);font-weight:var(--font-weight-medium);border-radius:2px;padding:1px 2px}.code-renderer__footer{padding:var(--spacing-xs)var(--spacing-md);background:var(--color-background-tertiary);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.code-renderer__stats{gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex}.code-renderer__stats span{white-space:nowrap}@media (max-width:768px){.code-renderer.expanded{width:95vw;height:95vh;top:2.5vh;left:2.5vw;transform:none}.code-renderer.expanded .code-renderer__content{max-height:calc(95vh - 120px)!important}.code-renderer__header{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.code-renderer__info,.code-renderer__actions{justify-content:center}.code-renderer__action-btn{width:36px;height:36px}.code-renderer__action-btn svg{width:16px;height:16px}.code-renderer__content pre{padding:var(--spacing-md)!important;font-size:var(--font-size-xs)!important}.code-renderer__stats{gap:var(--spacing-xs);text-align:center;flex-direction:column}}[data-theme=light] .code-renderer{background:#fff;border-color:#e1e5e9}[data-theme=light] .code-renderer__header,[data-theme=light] .code-renderer__footer{background:#f8f9fa;border-color:#e1e5e9}[data-theme=light] .code-renderer__content{background:#fff}[data-theme=light] .code-renderer__content::-webkit-scrollbar-track{background:#f8f9fa}[data-theme=light] .code-renderer__content::-webkit-scrollbar-thumb{background:#e1e5e9}[data-theme=light] .code-renderer__content::-webkit-scrollbar-thumb:hover{background:#adb5bd}[data-theme=light] .code-renderer__content .linenumber{border-right-color:#e1e5e9!important}[data-theme=light] .code-renderer__action-btn:hover{background:#e9ecef;border-color:#e1e5e9}@media (prefers-contrast:high){.code-renderer,.code-renderer__header,.code-renderer__footer,.code-renderer__action-btn{border-width:2px}}@media print{.code-renderer__header,.code-renderer__footer{display:none}.code-renderer__content{max-height:none!important;overflow:visible!important}.code-renderer__content pre{padding:.5cm!important;font-size:8px!important;line-height:1.2!important}.code-renderer.expanded{width:100%!important;height:auto!important;box-shadow:none!important;position:static!important;transform:none!important}}@media (prefers-reduced-motion:reduce){.code-renderer__action-btn{transition:none}}
.chart-renderer{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;overflow:hidden}.chart-renderer.expanded .chart-renderer__content{min-height:450px}.chart-renderer--empty{padding:var(--spacing-2xl);text-align:center}.chart-renderer__empty-state{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.chart-renderer__header{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.chart-renderer__info{align-items:center;gap:var(--spacing-sm);display:flex}.chart-renderer__type{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-xs);display:flex}.chart-renderer__dataset-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.chart-renderer__actions{align-items:center;gap:var(--spacing-xs);display:flex}.chart-renderer__type-selector{margin-right:var(--spacing-sm)}.chart-renderer__type-select{padding:var(--spacing-xs)var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-xs);min-width:120px;transition:all var(--transition-fast)}.chart-renderer__type-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.chart-renderer__type-select:hover{border-color:var(--color-text-tertiary)}.chart-renderer__action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-tertiary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:0}.chart-renderer__action-btn:hover{background:var(--color-background-elevated);color:var(--color-text-secondary);border-color:var(--color-border);transform:translateY(-1px)}.chart-renderer__action-btn.active{background:var(--color-primary-100);color:var(--color-primary-600);border-color:var(--color-primary-200)}.chart-renderer__action-btn svg{width:14px;height:14px}.chart-renderer__content{padding:var(--spacing-lg);background:var(--color-background);min-height:300px;position:relative}.chart-renderer__canvas-container{width:100%;height:100%;position:relative}.chart-renderer__canvas-container canvas{max-width:100%!important;height:auto!important}.chart-renderer__footer{padding:var(--spacing-xs)var(--spacing-md);background:var(--color-background-tertiary);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.chart-renderer__summary{gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex}.chart-renderer__summary span{white-space:nowrap}.chart-renderer[data-chart-type=line] .chart-renderer__content,.chart-renderer[data-chart-type=bar] .chart-renderer__content{padding:var(--spacing-md)}.chart-renderer[data-chart-type=pie] .chart-renderer__content,.chart-renderer[data-chart-type=doughnut] .chart-renderer__content{justify-content:center;align-items:center;min-height:350px;display:flex}.chart-renderer[data-chart-type=pie] .chart-renderer__canvas-container,.chart-renderer[data-chart-type=doughnut] .chart-renderer__canvas-container{max-width:350px;max-height:350px}.chart-renderer[data-chart-type=radar] .chart-renderer__content{justify-content:center;align-items:center;min-height:400px;display:flex}.chart-renderer[data-chart-type=radar] .chart-renderer__canvas-container{max-width:400px;max-height:400px}.chart-renderer[data-chart-type=polarArea] .chart-renderer__content{justify-content:center;align-items:center;min-height:350px;display:flex}.chart-renderer[data-chart-type=polarArea] .chart-renderer__canvas-container{max-width:350px;max-height:350px}@media (max-width:768px){.chart-renderer__header{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.chart-renderer__info,.chart-renderer__actions{justify-content:center}.chart-renderer__action-btn{width:36px;height:36px}.chart-renderer__action-btn svg{width:16px;height:16px}.chart-renderer__content{padding:var(--spacing-md);min-height:250px}.chart-renderer__summary{gap:var(--spacing-xs);text-align:center;flex-direction:column}.chart-renderer[data-chart-type=pie] .chart-renderer__content,.chart-renderer[data-chart-type=doughnut] .chart-renderer__content{min-height:300px}.chart-renderer[data-chart-type=pie] .chart-renderer__canvas-container,.chart-renderer[data-chart-type=doughnut] .chart-renderer__canvas-container{max-width:280px;max-height:280px}.chart-renderer[data-chart-type=radar] .chart-renderer__content{min-height:320px}.chart-renderer[data-chart-type=radar] .chart-renderer__canvas-container{max-width:300px;max-height:300px}.chart-renderer[data-chart-type=polarArea] .chart-renderer__content{min-height:300px}.chart-renderer[data-chart-type=polarArea] .chart-renderer__canvas-container{max-width:280px;max-height:280px}}@media (max-width:1024px) and (min-width:769px){.chart-renderer__content{padding:var(--spacing-lg)}.chart-renderer[data-chart-type=pie] .chart-renderer__canvas-container,.chart-renderer[data-chart-type=doughnut] .chart-renderer__canvas-container,.chart-renderer[data-chart-type=polarArea] .chart-renderer__canvas-container{max-width:320px;max-height:320px}.chart-renderer[data-chart-type=radar] .chart-renderer__canvas-container{max-width:360px;max-height:360px}}[data-theme=light] .chart-renderer{background:#fff;border-color:#e1e5e9}[data-theme=light] .chart-renderer__header,[data-theme=light] .chart-renderer__footer{background:#f8f9fa;border-color:#e1e5e9}[data-theme=light] .chart-renderer__content{background:#fff}[data-theme=light] .chart-renderer__action-btn:hover{background:#e9ecef;border-color:#e1e5e9}@media (prefers-contrast:high){.chart-renderer,.chart-renderer__header,.chart-renderer__footer,.chart-renderer__action-btn{border-width:2px}}@media print{.chart-renderer__header,.chart-renderer__footer{display:none}.chart-renderer__content{padding:.5cm;background:#fff!important}.chart-renderer canvas{-webkit-print-color-adjust:exact;color-adjust:exact}}@media (prefers-reduced-motion:reduce){.chart-renderer__action-btn{transition:none}}@keyframes chart-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.chart-renderer__loading{height:200px;color:var(--color-text-tertiary);font-size:var(--font-size-sm);justify-content:center;align-items:center;animation:2s infinite chart-loading;display:flex}
.image-renderer{width:100%;position:relative}.image-renderer--error{padding:var(--spacing-2xl);text-align:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.image-renderer__error-state{color:var(--color-text-tertiary)}.image-renderer__error-state p{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.image-renderer__error-url{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-tertiary);word-break:break-all}.image-renderer__container{border-radius:var(--radius-md);background:var(--color-background-secondary);border:1px solid var(--color-border);display:inline-block;position:relative;overflow:hidden}.image-renderer__image{max-width:100%;height:auto;transition:transform var(--transition-base);display:block}.image-renderer__image:hover{transform:scale(1.02)}.image-renderer__loading{padding:var(--spacing-2xl);color:var(--color-text-tertiary);font-size:var(--font-size-sm);flex-direction:column;justify-content:center;align-items:center;display:flex}.image-renderer__loading-spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-primary);width:32px;height:32px;margin-bottom:var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}.image-renderer__overlay{padding:var(--spacing-sm);opacity:0;transition:opacity var(--transition-base);background:#00000080;justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;inset:0}.image-renderer__container:hover .image-renderer__overlay{opacity:1}.image-renderer__controls{gap:var(--spacing-xs);display:flex}.image-renderer__control-btn{border-radius:var(--radius-sm);color:#fff;width:32px;height:32px;transition:all var(--transition-fast);background:#000000b3;border:1px solid #fff3;padding:0}.image-renderer__control-btn:hover{background:#000000e6;border-color:#fff6;transform:scale(1.05)}.image-renderer__control-btn.active{background:var(--color-primary-600);border-color:var(--color-primary-400);color:#fff}.image-renderer__control-btn svg{width:14px;height:14px}.image-renderer__info-panel{margin-top:var(--spacing-sm);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.image-renderer__info-header{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.image-renderer__info-header h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}.image-renderer__info-close{width:24px;height:24px;color:var(--color-text-tertiary);padding:0}.image-renderer__info-close:hover{color:var(--color-text)}.image-renderer__info-content{padding:var(--spacing-md)}.image-renderer__info-item{padding:var(--spacing-xs)0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;display:flex}.image-renderer__info-item:last-child{border-bottom:none}.image-renderer__info-item .label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:80px}.image-renderer__info-item .value{color:var(--color-text);text-align:right;margin-left:var(--spacing-sm);flex:1}.image-renderer__info-item .value.image-renderer__url{font-family:var(--font-family-mono);font-size:var(--font-size-xs);word-break:break-all;color:var(--color-text-tertiary)}.image-renderer__info{margin-top:var(--spacing-sm)}.image-renderer__metadata{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.image-renderer__caption{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;font-style:italic}.image-renderer__lightbox{z-index:1000;-webkit-user-select:none;user-select:none;background:#000000f2;flex-direction:column;display:flex;position:fixed;inset:0}.image-renderer__lightbox-controls{padding:var(--spacing-md)var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;justify-content:space-between;align-items:center;display:flex}.image-renderer__lightbox-info{gap:var(--spacing-lg);color:#fff;font-size:var(--font-size-sm);display:flex}.image-renderer__zoom-level{font-family:var(--font-family-mono);font-weight:var(--font-weight-medium)}.image-renderer__dimensions{font-family:var(--font-family-mono);color:#ffffffb3}.image-renderer__lightbox-actions{gap:var(--spacing-xs);display:flex}.image-renderer__lightbox-btn{border-radius:var(--radius-sm);color:#fff;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;padding:0}.image-renderer__lightbox-btn:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.image-renderer__lightbox-btn svg{width:16px;height:16px}.image-renderer__lightbox-content{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-renderer__lightbox-image{object-fit:contain;transform-origin:50%;max-width:90vw;max-height:90vh;transition:transform .2s}.image-renderer__shortcuts{gap:var(--spacing-lg);padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffb3;font-size:var(--font-size-xs);background:#000c;justify-content:center;display:flex}.image-renderer__shortcuts kbd{border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);color:#fff;margin-right:var(--spacing-xs);background:#ffffff1a;border:1px solid #fff3;padding:2px 6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.image-renderer__overlay{opacity:1;background:#0000004d}.image-renderer__control-btn{width:36px;height:36px}.image-renderer__control-btn svg{width:16px;height:16px}.image-renderer__lightbox-controls{gap:var(--spacing-sm);padding:var(--spacing-sm);flex-direction:column}.image-renderer__lightbox-info{justify-content:center}.image-renderer__lightbox-actions{flex-wrap:wrap;justify-content:center}.image-renderer__lightbox-btn{width:44px;height:44px}.image-renderer__lightbox-btn svg{width:18px;height:18px}.image-renderer__lightbox-image{max-width:95vw;max-height:70vh}.image-renderer__shortcuts{gap:var(--spacing-sm);text-align:center;flex-direction:column}}[data-theme=light] .image-renderer--error,[data-theme=light] .image-renderer__container{background:#f8f9fa;border-color:#e1e5e9}[data-theme=light] .image-renderer__loading-spinner{border-color:#e1e5e9;border-top-color:var(--color-primary)}@media (prefers-contrast:high){.image-renderer__container,.image-renderer__control-btn,.image-renderer__lightbox-btn{border-width:2px}.image-renderer__lightbox{background:#000000fa}}@media (prefers-reduced-motion:reduce){.image-renderer__image{transition:none}.image-renderer__image:hover{transform:none}.image-renderer__overlay,.image-renderer__control-btn,.image-renderer__lightbox-btn{transition:none}.image-renderer__control-btn:hover,.image-renderer__lightbox-btn:hover{transform:none}.image-renderer__lightbox-image{transition:none}.image-renderer__loading-spinner{animation:none}}@media print{.image-renderer__overlay,.image-renderer__lightbox{display:none}.image-renderer__image{max-width:100%;height:auto}.image-renderer__caption{color:#000;margin-top:.5cm;font-style:normal}}
.rich-renderer{width:100%}.rich-renderer__loading{padding:var(--spacing-lg);color:var(--color-text-tertiary);font-size:var(--font-size-sm);background:var(--color-background-tertiary);border-radius:var(--radius-md);border:1px dashed var(--color-border);justify-content:center;align-items:center;display:flex}.rich-renderer__text{color:inherit;line-height:1.6}.rich-renderer__text p{margin-bottom:var(--spacing-md)}.rich-renderer__text p:last-child{margin-bottom:0}.rich-renderer__text h1,.rich-renderer__text h2,.rich-renderer__text h3,.rich-renderer__text h4,.rich-renderer__text h5,.rich-renderer__text h6{margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.rich-renderer__text h1{font-size:var(--font-size-2xl)}.rich-renderer__text h2{font-size:var(--font-size-xl)}.rich-renderer__text h3{font-size:var(--font-size-lg)}.rich-renderer__text h4{font-size:var(--font-size-base)}.rich-renderer__text ul,.rich-renderer__text ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.rich-renderer__text ul li,.rich-renderer__text ol li{margin-bottom:var(--spacing-xs);line-height:1.5}.rich-renderer__text ul{list-style-type:disc}.rich-renderer__text ol{list-style-type:decimal}.rich-renderer__text blockquote{margin:var(--spacing-md)0;padding:var(--spacing-md);border-left:4px solid var(--color-primary);background:var(--color-background-tertiary);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--color-text-secondary);font-style:italic}.rich-renderer__text hr{margin:var(--spacing-lg)0;background:var(--color-border);border:none;height:1px}.rich-renderer__text strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.rich-renderer__text em{font-style:italic}.rich-renderer__text code{background:var(--color-background-tertiary);border-radius:var(--radius-sm);font-family:var(--font-family-mono);color:var(--color-text-primary);border:1px solid var(--color-border);padding:2px 6px;font-size:.9em}.rich-renderer__text a{color:var(--color-primary);transition:border-color var(--transition-fast);border-bottom:1px solid #0000;text-decoration:none}.rich-renderer__text a:hover{border-bottom-color:var(--color-primary)}.rich-renderer__text a:visited{color:var(--color-secondary)}.rich-renderer__text img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:var(--spacing-md)0}.rich-renderer__text table{border-collapse:collapse;width:100%;margin:var(--spacing-md)0;font-size:var(--font-size-sm)}.rich-renderer__text table th,.rich-renderer__text table td{padding:var(--spacing-sm);text-align:left;border:1px solid var(--color-border)}.rich-renderer__text table th{background:var(--color-background-secondary);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.rich-renderer__text table tr:nth-child(2n){background:var(--color-background-tertiary)}.rich-renderer--table .rich-renderer__content{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}.rich-renderer--code .rich-renderer__content{border-radius:var(--radius-md);overflow:hidden}.rich-renderer--chart .rich-renderer__content{padding:var(--spacing-lg);background:var(--color-background-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.rich-renderer--image .rich-renderer__content{text-align:center}.rich-renderer--pdf .rich-renderer__content{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}[data-theme=light] .rich-renderer__loading{background:#f8f9fa;border-color:#e1e5e9}[data-theme=light] .rich-renderer__text code{color:#495057;background:#f8f9fa;border-color:#e1e5e9}[data-theme=light] .rich-renderer__text blockquote{border-left-color:var(--color-primary);background:#f8f9fa}[data-theme=light] .rich-renderer__text table th,[data-theme=light] .rich-renderer__text table tr:nth-child(2n){background:#f8f9fa}[data-theme=light] .rich-renderer__text table th,[data-theme=light] .rich-renderer__text table td{border-color:#e1e5e9}[data-theme=light] .rich-renderer--chart .rich-renderer__content{background:#fff;border-color:#e1e5e9}[data-theme=light] .rich-renderer--table .rich-renderer__content,[data-theme=light] .rich-renderer--code .rich-renderer__content,[data-theme=light] .rich-renderer--pdf .rich-renderer__content{border-color:#e1e5e9}@media (max-width:768px){.rich-renderer__text{font-size:var(--font-size-sm)}.rich-renderer__text h1{font-size:var(--font-size-xl)}.rich-renderer__text h2{font-size:var(--font-size-lg)}.rich-renderer__text h3{font-size:var(--font-size-base)}.rich-renderer__text table{font-size:var(--font-size-xs)}.rich-renderer__text table th,.rich-renderer__text table td{padding:var(--spacing-xs)}.rich-renderer__text blockquote{padding:var(--spacing-sm);margin:var(--spacing-sm)0}.rich-renderer--chart .rich-renderer__content{padding:var(--spacing-md)}}@media print{.rich-renderer__text{color:#000!important}.rich-renderer__text a{color:#000!important;text-decoration:underline!important}.rich-renderer__text code{background:#f5f5f5!important;border:1px solid #ccc!important}.rich-renderer__text blockquote{background:#f9f9f9!important;border-left-color:#333!important}}@media (prefers-contrast:high){.rich-renderer__text code,.rich-renderer__text table th,.rich-renderer__text table td{border-width:2px}.rich-renderer__text blockquote{border-left-width:6px}.rich-renderer__loading{border-width:2px}}