/* /Components/Aoi/AoiCanvas.razor.rz.scp.css */
.aoi-canvas-wrapper[b-gta1ir7e63] {
    display: grid;
    gap: 0.85rem;
}

.aoi-toolbar[b-gta1ir7e63] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.aoi-toolbar label[b-gta1ir7e63] {
    font-size: 0.78rem;
    font-weight: 700;
}

.aoi-toolbar input[b-gta1ir7e63] {
    min-width: 10rem;
    padding: 0.5rem 0.65rem;
}

.aoi-hint[b-gta1ir7e63] {
    color: #555;
    font-size: 0.78rem;
}

.aoi-empty[b-gta1ir7e63] {
    padding: 1rem;
    color: #555;
    border: 1px dashed var(--ui-border);
    border-radius: 12px;
    text-align: center;
}

.aoi-list h3[b-gta1ir7e63] {
    margin: 0 0 0.55rem;
    font-size: 0.95rem;
}

.aoi-list ul[b-gta1ir7e63] {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.aoi-list li[b-gta1ir7e63] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--win98-surface);
}

.aoi-list input[b-gta1ir7e63] {
    min-width: 8rem;
    flex: 1 1 10rem;
    padding: 0.45rem 0.55rem;
}

.aoi-rect-meta[b-gta1ir7e63] {
    color: #555;
    font-size: 0.76rem;
    font-variant-numeric: tabular-nums;
}

.aoi-list .control-button[b-gta1ir7e63] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    padding: 0.45rem 0.7rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--win98-surface-soft);
    color: #000;
    font-weight: 700;
}

.aoi-list .control-button.danger[b-gta1ir7e63] {
    color: #842828;
    border-color: #c99191;
    background: #fff1f1;
}
/* /Components/Blog/BlogArticle.razor.rz.scp.css */
.blog-shell[b-b6yd7c3ep2] {
    display: grid;
    grid-template-columns: minmax(150px, 180px) minmax(0, 1fr);
    gap: 2rem 2.5rem;
    align-items: stretch;
    height: calc(100dvh - 2.2rem);
    min-height: 0;
    overflow: hidden;
}

.blog-body[b-b6yd7c3ep2] {
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-right: 0.5rem;
}

.blog-article[b-b6yd7c3ep2] {
    max-width: 40rem;
}

@media (max-width: 900px) {
    .blog-shell[b-b6yd7c3ep2] {
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(0, 1fr);
        gap: 1rem;
        height: calc(100dvh - 2.2rem);
        width: 100%;
    }

    .blog-body[b-b6yd7c3ep2] {
        width: 100%;
        padding-right: 0;
    }

    .blog-article[b-b6yd7c3ep2] {
        max-width: none;
    }
}
/* /Components/Blog/BlogCode.razor.rz.scp.css */
.blog-code[b-tidaxgc11t] {
    margin: 0 0 1rem;
    padding: 0.85rem 1rem;
    overflow-x: auto;
    border-left: 3px solid var(--win98-blue);
    border-radius: 0 8px 8px 0;
    background: rgba(255, 255, 255, 0.7);
    font-size: 0.82rem;
    line-height: 1.5;
}

.blog-code code[b-tidaxgc11t] {
    color: inherit;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
}
/* /Components/Blog/BlogHeader.razor.rz.scp.css */
.blog-header[b-oxryzoyry2] {
    margin-bottom: 2rem;
}

.blog-meta[b-oxryzoyry2] {
    margin: 0 0 0.5rem;
    color: #777;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
}

.blog-header h1[b-oxryzoyry2] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.blog-lead[b-oxryzoyry2] {
    margin: 0.85rem 0 0;
    color: #444;
    font-size: 1.05rem;
    line-height: 1.6;
}
/* /Components/Blog/BlogSection.razor.rz.scp.css */
.blog-section[b-g0jeet8ycc] {
    margin: 0 0 2.25rem;
    scroll-margin-top: 0.75rem;
}

.blog-section h2[b-g0jeet8ycc] {
    margin: 0 0 0.85rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid var(--ui-border);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.35;
}

.blog-section-body[b-g0jeet8ycc] {
    color: #2a2a2a;
    font-size: 0.94rem;
    line-height: 1.65;
}

.blog-section-body :deep(p)[b-g0jeet8ycc] {
    margin: 0 0 1rem;
}

.blog-section-body :deep(p:last-child)[b-g0jeet8ycc] {
    margin-bottom: 0;
}

.blog-section-body :deep(ul)[b-g0jeet8ycc],
.blog-section-body :deep(ol)[b-g0jeet8ycc] {
    margin: 0 0 1rem;
    padding-left: 1.25rem;
}

.blog-section-body :deep(li)[b-g0jeet8ycc] {
    margin-bottom: 0.4rem;
}

.blog-section-body :deep(li:last-child)[b-g0jeet8ycc] {
    margin-bottom: 0;
}

.blog-section-body :deep(code)[b-g0jeet8ycc] {
    padding: 0.1rem 0.35rem;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.05);
    font-size: 0.88em;
}
/* /Components/Blog/BlogToc.razor.rz.scp.css */
.blog-toc[b-54nj24mgai] {
    min-height: 0;
    height: 100%;
    overflow: auto;
    padding: 0.5rem 0;
}

.blog-toc-label[b-54nj24mgai] {
    margin: 0 0 0.75rem;
    color: #777;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.blog-toc-nav[b-54nj24mgai] {
    display: grid;
    gap: 0.1rem;
}

.blog-toc-link[b-54nj24mgai] {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.35rem;
    align-items: baseline;
    width: 100%;
    margin: 0;
    padding: 0.35rem 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #555;
    font: inherit;
    font-size: 0.8rem;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
}

.blog-toc-num[b-54nj24mgai] {
    color: #999;
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
}

.blog-toc-link:hover[b-54nj24mgai] {
    color: var(--win98-blue-strong);
}

.blog-toc-link.is-active[b-54nj24mgai] {
    color: #111;
    font-weight: 600;
}

.blog-toc-link.is-active .blog-toc-num[b-54nj24mgai] {
    color: var(--win98-blue-strong);
}

@media (max-width: 900px) {
    .blog-toc[b-54nj24mgai] {
        height: auto;
        max-height: none;
        overflow: visible;
        padding-bottom: 0.25rem;
        border-bottom: 1px solid var(--ui-border);
    }

    .blog-toc-nav[b-54nj24mgai] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem 1rem;
    }

    .blog-toc-link[b-54nj24mgai] {
        width: auto;
        grid-template-columns: auto auto;
        padding: 0.2rem 0;
    }
}
/* /Components/Modules/ChartGaze/Results/ExperimentResultsView.razor.rz.scp.css */
.results-shell[b-6f10o74ox9] {
    display: grid;
    gap: 1.1rem;
    padding: 0 0 2.5rem;
}

[b-6f10o74ox9] .panel-card {
    overflow: hidden;
    padding: 1rem 1.1rem;
    border: 1px solid var(--ui-border);
    border-radius: 14px;
    background: var(--win98-surface);
}

[b-6f10o74ox9] .results-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

[b-6f10o74ox9] .results-header h1,
[b-6f10o74ox9] .panel-head h2,
[b-6f10o74ox9] .panel-head h3 {
    margin: 0;
    color: #000;
}

[b-6f10o74ox9] .results-header h1 {
    font-size: 1.45rem;
    line-height: 1.25;
}

[b-6f10o74ox9] .results-meta {
    margin: 0.3rem 0 0;
    color: #555;
    font-size: 0.8rem;
}

[b-6f10o74ox9] .meta-sep {
    margin: 0 0.2rem;
    color: #888;
}

[b-6f10o74ox9] .metric-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.65rem;
    background: rgba(27, 161, 226, 0.1);
    color: #000;
    font-size: 0.78rem;
    font-weight: 700;
    border: 1px solid rgba(27, 161, 226, 0.28);
    border-radius: 999px;
    white-space: nowrap;
}

[b-6f10o74ox9] .panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

[b-6f10o74ox9] .panel-head.compact {
    margin-bottom: 0.45rem;
}

[b-6f10o74ox9] .control-button {
    padding: 0.55rem 0.85rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--win98-surface-soft);
    color: #000;
    font-weight: 700;
}

[b-6f10o74ox9] .control-button.primary {
    background: var(--win98-blue);
    color: #fff;
    border-color: var(--win98-blue-strong);
}

[b-6f10o74ox9] .viewer-mode-pills {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

[b-6f10o74ox9] .image-strip {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(132px, 160px);
    gap: 0.65rem;
    overflow-x: auto;
    padding-bottom: 0.85rem;
}

[b-6f10o74ox9] .image-thumb {
    display: grid;
    gap: 0.4rem;
    padding: 0.55rem;
    border: 1px solid var(--ui-border);
    border-radius: 12px;
    background: #dcdcdc;
    text-align: left;
}

[b-6f10o74ox9] .image-thumb:hover,
[b-6f10o74ox9] .image-thumb.is-active {
    background: #e7e7e7;
}

[b-6f10o74ox9] .image-thumb.is-active {
    border-color: rgba(27, 161, 226, 0.45);
    background: rgba(27, 161, 226, 0.12);
}

[b-6f10o74ox9] .image-thumb-frame {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    background: #f7f7f7;
}

[b-6f10o74ox9] .chart-sketch,
[b-6f10o74ox9] .chart-canvas {
    display: block;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(#ddd, #ddd) 12% 78% / 10% 18% no-repeat,
        linear-gradient(#bbb, #bbb) 28% 62% / 10% 34% no-repeat,
        linear-gradient(#999, #999) 44% 48% / 10% 48% no-repeat,
        linear-gradient(#777, #777) 60% 55% / 10% 41% no-repeat,
        linear-gradient(#555, #555) 76% 40% / 10% 56% no-repeat,
        linear-gradient(#e8e8e8, #fafafa);
}

[b-6f10o74ox9] .chart-sketch.sketch-line,
[b-6f10o74ox9] .chart-canvas.sketch-line {
    background:
        linear-gradient(115deg, transparent 0 46%, #666 46% 48%, transparent 48%),
        radial-gradient(circle at 18% 70%, #444 0 4px, transparent 5px),
        radial-gradient(circle at 38% 42%, #444 0 4px, transparent 5px),
        radial-gradient(circle at 58% 48%, #444 0 4px, transparent 5px),
        radial-gradient(circle at 78% 28%, #444 0 4px, transparent 5px),
        linear-gradient(#e8e8e8, #fafafa);
}

[b-6f10o74ox9] .chart-sketch.sketch-scatter,
[b-6f10o74ox9] .chart-canvas.sketch-scatter {
    background:
        radial-gradient(circle at 22% 68%, #555 0 3px, transparent 4px),
        radial-gradient(circle at 30% 55%, #555 0 3px, transparent 4px),
        radial-gradient(circle at 36% 72%, #555 0 3px, transparent 4px),
        radial-gradient(circle at 48% 40%, #555 0 3px, transparent 4px),
        radial-gradient(circle at 55% 58%, #555 0 3px, transparent 4px),
        radial-gradient(circle at 68% 30%, #555 0 4px, transparent 5px),
        radial-gradient(circle at 78% 62%, #555 0 3px, transparent 4px),
        linear-gradient(#e8e8e8, #fafafa);
}

[b-6f10o74ox9] .chart-sketch.sketch-pie,
[b-6f10o74ox9] .chart-canvas.sketch-pie {
    background:
        conic-gradient(#666 0 38%, #999 38% 62%, #bbb 62% 82%, #ddd 82% 100%),
        #fafafa;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 58% 78%, auto;
}

[b-6f10o74ox9] .image-thumb-label {
    color: #000;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.25;
}

[b-6f10o74ox9] .image-thumb-meta {
    color: #555;
    font-size: 0.72rem;
    font-weight: 600;
}

.results-grid[b-6f10o74ox9] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.9fr);
    gap: 1.1rem;
    align-items: start;
}

[b-6f10o74ox9] .chart-stage {
    display: grid;
    gap: 0.75rem;
}

[b-6f10o74ox9] .chart-canvas {
    position: relative;
    min-height: 320px;
    border: 1px solid var(--ui-border);
    border-radius: 12px;
    overflow: hidden;
}

[b-6f10o74ox9] .heatmap-blob {
    position: absolute;
    border-radius: 999px;
    filter: blur(18px);
    opacity: 0.55;
    pointer-events: none;
    transition: inset 180ms ease, opacity 180ms ease, background 180ms ease;
}

[b-6f10o74ox9] .heatmap-a {
    inset: 38% 48% 28% 18%;
    background: rgba(27, 161, 226, 0.7);
}

[b-6f10o74ox9] .heatmap-b {
    inset: 22% 18% 48% 52%;
    background: rgba(18, 119, 167, 0.55);
}

[b-6f10o74ox9] .heatmap-c {
    inset: 55% 30% 18% 40%;
    background: rgba(143, 58, 58, 0.35);
}

[b-6f10o74ox9] .heatmap-a.is-questions {
    inset: 48% 22% 18% 42%;
}

[b-6f10o74ox9] .heatmap-b.is-questions {
    inset: 58% 48% 12% 20%;
    opacity: 0.4;
}

[b-6f10o74ox9] .ai-prompt-bar {
    display: grid;
    gap: 0.35rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: #efefef;
}

[b-6f10o74ox9] .ai-prompt-label {
    color: #555;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

[b-6f10o74ox9] .ai-prompt-text {
    display: block;
    overflow: hidden;
    color: #222;
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-6f10o74ox9] .question-strip {
    display: grid;
    gap: 0.55rem;
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid #d9d9d9;
}

[b-6f10o74ox9] .question-chip {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    width: 100%;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: #dcdcdc;
    text-align: left;
}

[b-6f10o74ox9] .question-chip:hover,
[b-6f10o74ox9] .question-chip.is-active {
    background: #e7e7e7;
}

[b-6f10o74ox9] .question-chip.is-active {
    border-color: rgba(27, 161, 226, 0.45);
    background: rgba(27, 161, 226, 0.12);
}

[b-6f10o74ox9] .question-chip-id {
    color: #000;
    font-size: 0.78rem;
    font-weight: 800;
}

[b-6f10o74ox9] .question-chip-text {
    color: #222;
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.35;
}

[b-6f10o74ox9] .evaluator-list {
    display: grid;
    gap: 0.55rem;
    margin-bottom: 1rem;
}

[b-6f10o74ox9] .evaluator-item {
    display: grid;
    grid-template-columns: 1.2rem minmax(0, 1fr);
    gap: 0.55rem;
    align-items: start;
    width: 100%;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: #dcdcdc;
    text-align: left;
}

[b-6f10o74ox9] .evaluator-item:hover,
[b-6f10o74ox9] .evaluator-item.is-active {
    background: #e7e7e7;
}

[b-6f10o74ox9] .evaluator-item.is-active {
    border-color: rgba(27, 161, 226, 0.45);
    background: rgba(27, 161, 226, 0.12);
}

[b-6f10o74ox9] .evaluator-check {
    color: var(--win98-blue-strong);
    font-size: 0.85rem;
    font-weight: 800;
    line-height: 1.2;
}

[b-6f10o74ox9] .evaluator-body {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

[b-6f10o74ox9] .evaluator-name {
    color: #000;
    font-weight: 700;
}

[b-6f10o74ox9] .evaluator-meta {
    color: #555;
    font-size: 0.78rem;
}

[b-6f10o74ox9] .answer-block {
    padding-top: 0.85rem;
    border-top: 1px solid #ddd;
}

[b-6f10o74ox9] .answer-question {
    margin: 0 0 0.75rem;
    color: #333;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.4;
}

[b-6f10o74ox9] .answer-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

[b-6f10o74ox9] .answer-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #efefef;
}

[b-6f10o74ox9] .answer-who {
    color: #555;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

[b-6f10o74ox9] .answer-text {
    margin: 0;
    color: #000;
    font-weight: 700;
    line-height: 1.35;
}

[b-6f10o74ox9] .compare-table-wrap {
    overflow: auto;
    border: 1px solid var(--ui-border);
    border-radius: 12px;
    background: #fff;
}

[b-6f10o74ox9] .compare-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

[b-6f10o74ox9] .compare-table th,
[b-6f10o74ox9] .compare-table td {
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    text-align: left;
}

[b-6f10o74ox9] .compare-table thead th {
    position: sticky;
    top: 0;
    background: var(--win98-surface);
    color: #000;
    z-index: 1;
}

[b-6f10o74ox9] .compare-table tbody tr.is-current {
    background: rgba(27, 161, 226, 0.1);
}

@media (max-width: 1080px) {
    .results-grid[b-6f10o74ox9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    [b-6f10o74ox9] .results-header,
    [b-6f10o74ox9] .panel-head {
        flex-direction: column;
        align-items: stretch;
    }

    [b-6f10o74ox9] .chart-canvas {
        min-height: 240px;
    }
}
/* /Components/Stimuli/Image2DView.razor.rz.scp.css */
.image-2d-view[b-o0tige23v5] {
    position: relative;
    display: block;
    line-height: 0;
    background:
        repeating-linear-gradient(90deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .08) 1px, transparent 1px, transparent 12.5%),
        linear-gradient(180deg, #d5d5d5 0%, #eee 100%);
}

.image-2d-view-image[b-o0tige23v5] {
    display: block;
    max-width: min(100%, 960px);
    max-height: min(62vh, 520px);
    width: auto;
    height: auto;
}

.image-2d-view-overlays[b-o0tige23v5] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
/* /Components/Stimuli/Image360View.razor.rz.scp.css */
.image-360-view[b-h9p7wa3aq1] {
    width: 100%;
    max-width: min(100%, 960px);
    height: 100%;
    min-height: min(62vh, 520px);
    overflow: hidden;
    background: #101010;
}

.image-360-view-canvas[b-h9p7wa3aq1] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    background: #101010;
    cursor: grab;
    touch-action: none;
}

.image-360-view-canvas:active[b-h9p7wa3aq1] {
    cursor: grabbing;
}
/* /Components/Stimuli/ImageStimulusViewer.razor.rz.scp.css */
.image-stimulus-viewer[b-w7n6l6a5gs] {
    display: grid;
    gap: .75rem;
}

.viewer-toolbar[b-w7n6l6a5gs] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
}

.viewer-toolbar > span[b-w7n6l6a5gs] {
    margin-right: .2rem;
    color: #555;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.viewer-button[b-w7n6l6a5gs] {
    min-width: 3.2rem;
    padding: .55rem .8rem;
    border: 1px solid var(--ui-border);
    border-radius: 9px;
    background: var(--win98-surface-soft);
    color: #000;
    font-weight: 700;
}

.viewer-button.is-active[b-w7n6l6a5gs] {
    border-color: var(--win98-blue-strong);
    background: var(--win98-blue);
    color: #fff;
}

.stimulus-stage-stack[b-w7n6l6a5gs] {
    position: relative;
    width: fit-content;
    max-width: min(100%, 960px);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid var(--ui-border);
    border-radius: 16px;
    background: #101010;
}

.stimulus-2d-slot.is-inactive[b-w7n6l6a5gs],
.stimulus-360-slot.is-inactive[b-w7n6l6a5gs] {
    visibility: hidden;
    pointer-events: none;
}

.stimulus-360-slot[b-w7n6l6a5gs] {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.stimulus-marker[b-w7n6l6a5gs] {
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .65);
}

.stimulus-marker.is-valid[b-w7n6l6a5gs] {
    background: #ef4444;
}

.stimulus-marker.is-invalid[b-w7n6l6a5gs] {
    background: #f59e0b;
}

.stimulus-heatmap[b-w7n6l6a5gs],
.stimulus-trail[b-w7n6l6a5gs] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
/* /Layout/ExternalLayout.razor.rz.scp.css */
.external-page[b-x8nsi9uocq] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.external-page main[b-x8nsi9uocq] {
    flex: 1;
}

.external-page .content[b-x8nsi9uocq] {
    padding: 1.1rem 1.5rem 2rem;
}

@media (min-width: 641px) {
    .external-page .content[b-x8nsi9uocq] {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-93j5j7q8p9] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-93j5j7q8p9] {
    flex: 1;
}

.sidebar[b-93j5j7q8p9] {
    background: var(--win98-surface);
    border-right: 1px solid var(--ui-border);
    transition: width 180ms ease;
}

.top-row[b-93j5j7q8p9] {
    background: var(--win98-surface);
    border-bottom: 1px solid var(--ui-border);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row-upload[b-93j5j7q8p9] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.55rem 0.85rem;
    color: #000;
    font-size: 0.82rem;
    font-weight: 700;
    border-radius: 10px;
}

.top-row-upload input[b-93j5j7q8p9] {
    max-width: 190px;
}

@media (max-width: 640.98px) {
    .top-row[b-93j5j7q8p9] {
        justify-content: flex-start;
        height: auto;
        min-height: 3.5rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        gap: 0.75rem;
        flex-wrap: wrap;
    }
}

@media (min-width: 641px) {
    .page[b-93j5j7q8p9] {
        flex-direction: row;
    }

    .sidebar[b-93j5j7q8p9] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .sidebar.is-collapsed[b-93j5j7q8p9] {
        width: 88px;
    }

    .top-row[b-93j5j7q8p9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-93j5j7q8p9], article[b-93j5j7q8p9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-actions[b-31d8oubjyh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.navbar-toggler[b-31d8oubjyh] {
    background: var(--win98-surface-soft);
    border: 1px solid var(--ui-border);
    border-radius: 10px;
}

.sidebar-toggle[b-31d8oubjyh] {
    display: none;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--win98-surface-soft);
    color: #000;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
}

.top-row[b-31d8oubjyh] {
    min-height: 4rem;
}

.navbar-brand[b-31d8oubjyh] {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 800;
    color: #000;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
}

.navbar-brand.is-collapsed[b-31d8oubjyh] {
    display: none;
}

.nav-icon[b-31d8oubjyh] {
    display: block;
    flex: 0 0 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    fill: currentColor;
}

.nav-item[b-31d8oubjyh] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-31d8oubjyh] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-31d8oubjyh] {
        padding-bottom: 1rem;
    }

    .nav-item[b-31d8oubjyh]  a {
        color: #000;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        padding: 0 0.75rem;
        border: 1px solid transparent;
        border-radius: 10px;
    }

.nav-item[b-31d8oubjyh]  a.active {
    background: rgba(27, 161, 226, 0.14);
    color: #111;
    border-color: rgba(27, 161, 226, 0.45);
}

.nav-item[b-31d8oubjyh]  a:hover {
    background: rgba(27, 161, 226, 0.08);
    color: #000;
    border-color: rgba(27, 161, 226, 0.22);
}

@media (min-width: 641px) {
    .navbar-toggler[b-31d8oubjyh] {
        display: none;
    }

    .sidebar-toggle[b-31d8oubjyh] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .collapse[b-31d8oubjyh] {
        display: block;
    }

    .nav-scrollable[b-31d8oubjyh] {
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }

    .nav-scrollable.is-collapsed .nav-item[b-31d8oubjyh] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .nav-scrollable.is-collapsed .nav-item[b-31d8oubjyh]  a {
        justify-content: center;
        margin: 0 0.75rem;
    }

    .nav-scrollable.is-collapsed .nav-label[b-31d8oubjyh] {
        display: none;
    }

    .nav-scrollable.is-collapsed .nav-icon[b-31d8oubjyh] {
        margin-right: 0;
    }
}
/* /Pages/ChartGaze.razor.rz.scp.css */
.chart-gaze-page[b-4x0qxzvftn]  .blog-article {
    max-width: none;
}
/* /Pages/GazeLive.razor.rz.scp.css */
.gaze-live-shell[b-2pr9aammly] {
    display: grid;
    gap: 1.1rem;
    padding-bottom: 2.5rem;
}

.gaze-live-header[b-2pr9aammly],
.viewer-heading[b-2pr9aammly] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.gaze-live-header h1[b-2pr9aammly],
.viewer-heading h2[b-2pr9aammly] {
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.25;
}

.viewer-heading h2[b-2pr9aammly] {
    font-size: 1.05rem;
}

.gaze-facts[b-2pr9aammly] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem;
    margin: 0.35rem 0 0;
    color: #555;
    font-size: 0.82rem;
}

.meta-sep[b-2pr9aammly] {
    margin: 0 0.2rem;
    color: #888;
}

.device-id[b-2pr9aammly] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    word-break: break-all;
}

.stream-pill[b-2pr9aammly] {
    padding: 0.55rem 0.8rem;
    border: 1px solid #b7b7b7;
    border-radius: 999px;
    background: #e8e8e8;
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

.stream-pill.is-live[b-2pr9aammly] {
    color: #176b36;
    border-color: #8bc7a1;
    background: #e8f7ed;
}

.stream-pill.is-live[b-2pr9aammly]::before {
    display: inline-block;
    width: 0.55rem;
    height: 0.55rem;
    margin-right: 0.45rem;
    border-radius: 50%;
    background: #22a447;
    content: "";
}

.gaze-empty[b-2pr9aammly],
.gaze-viewer-card[b-2pr9aammly],
.gaze-control-block[b-2pr9aammly],
.gaze-stats article[b-2pr9aammly] {
    border: 1px solid var(--ui-border);
    border-radius: 14px;
    background: var(--win98-surface);
}

.gaze-empty[b-2pr9aammly],
.gaze-viewer-card[b-2pr9aammly],
.gaze-control-block[b-2pr9aammly] {
    padding: 1rem 1.1rem;
}


.gaze-empty[b-2pr9aammly] {
    display: grid;
    gap: 0.75rem;
    justify-items: start;
}

.gaze-empty p[b-2pr9aammly] {
    margin: 0;
    color: #555;
}

.gaze-action[b-2pr9aammly] {
    display: inline-flex;
    align-items: center;
    padding: 0.65rem 0.9rem;
    border-radius: 10px;
    background: var(--win98-blue);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.gaze-main-layout[b-2pr9aammly] {
    display: grid;
    grid-template-columns: minmax(16rem, 0.85fr) minmax(0, 1.4fr);
    gap: 0.85rem;
    align-items: start;
}

.gaze-side-column[b-2pr9aammly] {
    display: grid;
    gap: 0.85rem;
    align-content: start;
}

.gaze-control-block[b-2pr9aammly] {
    display: grid;
    gap: 0.75rem;
    align-content: start;
}

.control-block-label[b-2pr9aammly] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.control-block-label > span:first-child[b-2pr9aammly] {
    color: #555;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.recording-actions[b-2pr9aammly] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.recording-status[b-2pr9aammly] {
    padding: 0.3rem 0.55rem;
    border: 1px solid #bbb;
    border-radius: 999px;
    background: #e8e8e8;
    font-size: 0.72rem;
    font-weight: 700;
}

.recording-recording[b-2pr9aammly] {
    color: #9f1f1f;
    border-color: #e2a0a0;
    background: #fff0f0;
}

.recording-paused[b-2pr9aammly] {
    color: #765600;
    border-color: #d7bd69;
    background: #fff9df;
}

.recording-finished[b-2pr9aammly] {
    color: #176b36;
    border-color: #8bc7a1;
    background: #e8f7ed;
}

.recording-note[b-2pr9aammly] {
    margin: 0;
    color: #765600;
    font-size: 0.8rem;
}

.gaze-action-button[b-2pr9aammly] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 0.9rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--win98-surface-soft);
    color: #000;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.gaze-action-button.primary[b-2pr9aammly] {
    color: #fff;
    border-color: var(--win98-blue-strong);
    background: var(--win98-blue);
}

.gaze-action-button.danger[b-2pr9aammly] {
    color: #842828;
    border-color: #c99191;
    background: #fff1f1;
}

.gaze-action-button:disabled[b-2pr9aammly] {
    opacity: 0.5;
    cursor: not-allowed;
}

.gaze-stats[b-2pr9aammly] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.gaze-stats article[b-2pr9aammly] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.75rem 0.85rem;
}

.gaze-stats span[b-2pr9aammly] {
    color: #555;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.gaze-stats strong[b-2pr9aammly] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gaze-viewer-card[b-2pr9aammly] {
    display: grid;
    gap: 0.85rem;
}

.viewer-heading > span[b-2pr9aammly] {
    color: #555;
    font-size: 0.82rem;
    font-weight: 700;
}

.gaze-canvas[b-2pr9aammly] {
    width: 100%;
    overflow: hidden;
    border: 1px solid #222;
    border-radius: 12px;
    background: #141414;
}

.gaze-canvas svg[b-2pr9aammly] {
    display: block;
    width: 100%;
    height: 100%;
}

.empty-background[b-2pr9aammly] {
    fill: #27272a;
}

.gaze-grid path[b-2pr9aammly] {
    fill: none;
    stroke: rgba(255, 255, 255, 0.22);
    stroke-width: 1;
}

@media (max-width: 900px) {
    .gaze-main-layout[b-2pr9aammly] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .gaze-live-header[b-2pr9aammly],
    .viewer-heading[b-2pr9aammly] {
        flex-direction: column;
    }

    .recording-actions[b-2pr9aammly],
    .gaze-action-button[b-2pr9aammly] {
        width: 100%;
    }
}
/* /Pages/NotFound.razor.rz.scp.css */
.not-found-shell[b-vn9vpj04ow] {
    display: grid;
    gap: 0.5rem;
    max-width: 24rem;
    padding-top: 0.5rem;
}

.not-found-shell h1[b-vn9vpj04ow] {
    margin: 0;
    font-size: 1.45rem;
}

.not-found-shell p[b-vn9vpj04ow] {
    margin: 0;
    color: #555;
}

.not-found-shell a[b-vn9vpj04ow] {
    width: fit-content;
    margin-top: 0.35rem;
    padding: 0.65rem 0.9rem;
    border-radius: 10px;
    background: var(--win98-blue);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
/* /Pages/Player.razor.rz.scp.css */
.player-shell[b-w8yjskh9fr] {
    display: grid;
    gap: 1.1rem;
    padding: 0 0 2.5rem;
}

.panel-card[b-w8yjskh9fr] {
    border: 1px solid var(--ui-border);
    border-radius: 14px;
}

.inline-upload[b-w8yjskh9fr] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.85rem;
    background: var(--win98-surface-soft);
    border: 1px solid var(--ui-border);
    border-radius: 10px;
}

.trial-subtitle[b-w8yjskh9fr],
.viewer-path code[b-w8yjskh9fr],
.timeline-meta[b-w8yjskh9fr],
.empty-inline[b-w8yjskh9fr],
.viewer-empty p[b-w8yjskh9fr] {
    color: #333;
}



.panel-head h2[b-w8yjskh9fr],
.viewer-empty h3[b-w8yjskh9fr],
.dialog-head h3[b-w8yjskh9fr] {
    margin: 0;
    color: #000;
}

.player-grid[b-w8yjskh9fr] {
    display: grid;
    grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
    gap: 1.1rem;
}

.side-column[b-w8yjskh9fr],
.main-column[b-w8yjskh9fr],
.detail-grid[b-w8yjskh9fr] {
    display: grid;
    gap: 1.1rem;
}

.panel-card[b-w8yjskh9fr] {
    overflow-x: auto;
    padding: 1rem 1.1rem;
    background: var(--win98-surface);
}

.loading-card[b-w8yjskh9fr] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    width: fit-content;
    padding: 0.9rem 1rem;
    color: #000;
    font-weight: 700;
}

.loading-spinner[b-w8yjskh9fr] {
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    border: 2px solid var(--win98-shadow-mid);
    border-top-color: var(--win98-blue);
    animation: content-spin-b-w8yjskh9fr 0.8s linear infinite;
}

.empty-dashboard[b-w8yjskh9fr] {
    display: grid;
    gap: 0.35rem;
    max-width: 28rem;
}

.empty-dashboard h2[b-w8yjskh9fr] {
    margin: 0;
    font-size: 1.45rem;
}

.empty-dashboard p[b-w8yjskh9fr] {
    margin: 0;
    color: #555;
}

.panel-head[b-w8yjskh9fr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.session-side-meta[b-w8yjskh9fr] {
    margin: 0.3rem 0 0;
    color: #555;
    font-size: 0.8rem;
}

.meta-sep[b-w8yjskh9fr] {
    margin: 0 0.2rem;
    color: #888;
}

.metric-pill[b-w8yjskh9fr] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.65rem;
    background: rgba(27, 161, 226, 0.1);
    color: #000;
    font-size: 0.78rem;
    font-weight: 700;
    border: 1px solid rgba(27, 161, 226, 0.28);
    border-radius: 999px;
    white-space: nowrap;
}

.meta-inline[b-w8yjskh9fr] {
    display: grid;
    gap: 0.45rem;
    margin: 0 0 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #ddd;
}

.meta-inline div[b-w8yjskh9fr] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.meta-inline dt[b-w8yjskh9fr] {
    color: #555;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.meta-inline dd[b-w8yjskh9fr] {
    margin: 0;
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meta-grid[b-w8yjskh9fr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.meta-grid div[b-w8yjskh9fr] {
    padding: 0.7rem;
    background: #efefef;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.meta-grid dt[b-w8yjskh9fr] {
    margin-bottom: 0.25rem;
    color: #555;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.meta-grid dd[b-w8yjskh9fr] {
    margin: 0;
    color: #000;
    font-weight: 700;
    word-break: break-word;
}

.trial-list[b-w8yjskh9fr] {
    display: grid;
    gap: 0.55rem;
}

.trial-item[b-w8yjskh9fr] {
    display: grid;
    gap: 0.2rem;
    width: 100%;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: #dcdcdc;
    text-align: left;
}

.trial-item:hover[b-w8yjskh9fr],
.trial-item.is-active[b-w8yjskh9fr] {
    background: #e7e7e7;
}

.trial-item.is-active[b-w8yjskh9fr] {
    border-color: rgba(27, 161, 226, 0.45);
    background: rgba(27, 161, 226, 0.12);
}

.trial-title[b-w8yjskh9fr] {
    color: #000;
    font-weight: 700;
}

.trial-subtitle[b-w8yjskh9fr] {
    font-size: 0.78rem;
}

.controls-row[b-w8yjskh9fr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-bottom: 0.85rem;
}

.speed-group[b-w8yjskh9fr] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-left: auto;
}

.speed-group .control-button[b-w8yjskh9fr] {
    min-width: 2.8rem;
    padding: 0.55rem 0.65rem;
}

.control-button[b-w8yjskh9fr] {
    padding: 0.65rem 0.9rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--win98-surface-soft);
    color: #000;
    font-weight: 700;
}

.control-button:disabled[b-w8yjskh9fr] {
    opacity: 0.45;
    cursor: not-allowed;
}

.control-button.primary[b-w8yjskh9fr] {
    background: var(--win98-blue);
    color: #fff;
    border-color: var(--win98-blue-strong);
}

.control-button.subtle[b-w8yjskh9fr] {
    background: #e8e8e8;
}

.timeline-strip[b-w8yjskh9fr] {
    display: grid;
    gap: 0.55rem;
}

.timeline-strip input[type="range"][b-w8yjskh9fr] {
    width: 100%;
}

.timeline-meta[b-w8yjskh9fr] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.82rem;
    font-weight: 600;
}

.viewer-panel[b-w8yjskh9fr] {
    overflow: hidden;
}

.timeline-panel[b-w8yjskh9fr] {
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid #d9d9d9;
}

.viewer-toolbar[b-w8yjskh9fr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 0.85rem;
    margin-bottom: 0.85rem;
}

.viewer-path[b-w8yjskh9fr] {
    min-width: 0;
    flex: 1 1 12rem;
}

.viewer-actions[b-w8yjskh9fr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
}

.heatmap-slider[b-w8yjskh9fr] {
    display: grid;
    gap: 0.2rem;
    min-width: 120px;
    color: #333;
    font-size: 0.78rem;
    font-weight: 700;
}

.heatmap-slider input[b-w8yjskh9fr] {
    width: 100%;
}

.viewer-path code[b-w8yjskh9fr] {
    display: block;
    overflow: hidden;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.image-source-grid[b-w8yjskh9fr] {
    display: grid;
    gap: 0.75rem;
}

.dialog-backdrop[b-w8yjskh9fr] {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(20, 20, 20, 0.5);
}

.dialog-window[b-w8yjskh9fr] {
    width: min(640px, 100%);
    padding: 1.1rem;
    border: 1px solid var(--ui-border);
    border-radius: 14px;
    background: #f4f4f4;
}

.dialog-head[b-w8yjskh9fr] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.dialog-head h3[b-w8yjskh9fr] {
    font-size: 1.05rem;
}

.dialog-body[b-w8yjskh9fr] {
    padding-top: 0.85rem;
    border-top: 1px solid #ddd;
}

.image-bank-picker[b-w8yjskh9fr] {
    display: grid;
    gap: 0.45rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: #ececec;
}

.image-bank-picker label[b-w8yjskh9fr] {
    color: #555;
    font-size: 0.82rem;
    font-weight: 700;
}

.image-bank-picker select[b-w8yjskh9fr] {
    width: 100%;
    color: #000;
    font-size: 0.88rem;
}

.viewer-empty[b-w8yjskh9fr] {
    padding: 1.5rem;
    background: #efefef;
    border: 1px dashed var(--ui-border-strong);
    border-radius: 12px;
}

.viewer-empty-action[b-w8yjskh9fr] {
    margin-top: 0.85rem;
}

.detail-grid[b-w8yjskh9fr] {
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
}

.raw-grid[b-w8yjskh9fr] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.json-block[b-w8yjskh9fr] {
    margin: 0.85rem 0 0;
    padding: 0.85rem;
    background: #2a2a2a;
    color: #f5f5f5;
    font-size: 0.82rem;
    line-height: 1.5;
    overflow: auto;
    border-radius: 10px;
}

.raw-json-section[b-w8yjskh9fr] {
    margin-top: 0.85rem;
}

.raw-json-toggle[b-w8yjskh9fr] {
    padding: 0.65rem 0.9rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--win98-surface-soft);
    color: #000;
    font-weight: 700;
}

.samples-table-wrap[b-w8yjskh9fr] {
    max-height: 600px;
    overflow: auto;
    border: 1px solid var(--ui-border);
    border-radius: 12px;
    background: #fff;
}

.samples-table[b-w8yjskh9fr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.samples-table th[b-w8yjskh9fr],
.samples-table td[b-w8yjskh9fr] {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    text-align: left;
    white-space: nowrap;
}

.samples-table thead th[b-w8yjskh9fr] {
    position: sticky;
    top: 0;
    background: var(--win98-surface);
    color: #000;
    z-index: 1;
}

.samples-table tbody tr[b-w8yjskh9fr] {
    cursor: pointer;
}

.samples-table tbody tr:hover[b-w8yjskh9fr],
.samples-table tbody tr.is-current[b-w8yjskh9fr] {
    background: #e3e3e3;
}

@media (max-width: 1080px) {
    .player-grid[b-w8yjskh9fr],
    .detail-grid[b-w8yjskh9fr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .meta-grid[b-w8yjskh9fr],
    .raw-grid[b-w8yjskh9fr] {
        grid-template-columns: 1fr;
    }

    .timeline-meta[b-w8yjskh9fr],
    .viewer-toolbar[b-w8yjskh9fr] {
        flex-direction: column;
        align-items: stretch;
    }

    .dialog-head[b-w8yjskh9fr] {
        flex-direction: column;
        align-items: stretch;
    }

}


@keyframes content-spin-b-w8yjskh9fr {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/SessionControl.razor.rz.scp.css */
.session-control-shell[b-1im09bbic8] {
    display: grid;
    gap: 1.1rem;
    padding-bottom: 2.5rem;
}

.panel-card[b-1im09bbic8] {
    border: 1px solid var(--ui-border);
    border-radius: 14px;
}

.panel-card[b-1im09bbic8] {
    padding: 1rem 1.1rem;
    background: var(--win98-surface);
}


.control-button[b-1im09bbic8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 0.9rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--win98-surface-soft);
    color: #000;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.control-button.primary[b-1im09bbic8] {
    color: #fff;
    border-color: var(--win98-blue-strong);
    background: var(--win98-blue);
}

.control-button.danger[b-1im09bbic8] {
    color: #842828;
    border-color: #c99191;
    background: #fff1f1;
}

.control-button:disabled[b-1im09bbic8] {
    opacity: 0.5;
    cursor: not-allowed;
}

.loading-card[b-1im09bbic8] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    width: fit-content;
    font-weight: 700;
}

.loading-spinner[b-1im09bbic8] {
    width: 1rem;
    height: 1rem;
    border: 2px solid var(--win98-shadow-mid);
    border-top-color: var(--win98-blue);
    border-radius: 999px;
    animation: session-spin-b-1im09bbic8 0.8s linear infinite;
}

@keyframes session-spin-b-1im09bbic8 {
    to { transform: rotate(360deg); }
}

.session-hero[b-1im09bbic8],
.session-topbar[b-1im09bbic8],
.section-head[b-1im09bbic8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.session-hero h1[b-1im09bbic8],
.session-identity h1[b-1im09bbic8] {
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.25;
}

.session-facts[b-1im09bbic8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem;
    margin: 0.35rem 0 0;
    color: #555;
    font-size: 0.82rem;
}

.host-address[b-1im09bbic8] {
    margin: 0.35rem 0 0;
    color: #333;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem;
    font-weight: 600;
    word-break: break-all;
}

.session-facts .host-address[b-1im09bbic8] {
    margin: 0;
}

.meta-sep[b-1im09bbic8] {
    margin: 0 0.2rem;
    color: #888;
}

.device-id[b-1im09bbic8] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    word-break: break-all;
}

.session-topbar-actions[b-1im09bbic8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.connection-pill[b-1im09bbic8],
.active-badge[b-1im09bbic8] {
    border-radius: 999px;
    font-weight: 700;
    white-space: nowrap;
}

.connection-pill[b-1im09bbic8] {
    padding: 0.55rem 0.8rem;
    border: 1px solid #b7b7b7;
    background: #e8e8e8;
    font-size: 0.8rem;
}

.connection-pill.is-connected[b-1im09bbic8] {
    color: #176b36;
    border-color: #8bc7a1;
    background: #e8f7ed;
}

.create-session-card[b-1im09bbic8] {
    display: grid;
    gap: 1rem;
    max-width: 28rem;
}

.create-session-card h2[b-1im09bbic8] {
    margin: 0;
    font-size: 1.1rem;
}

.create-session-form[b-1im09bbic8] {
    display: grid;
    gap: 0.55rem;
}

.create-session-form label[b-1im09bbic8] {
    font-weight: 700;
}

.create-session-form input[b-1im09bbic8] {
    min-height: 2.6rem;
    padding: 0.6rem 0.75rem;
}

.session-trial-picker[b-1im09bbic8] {
    display: grid;
    gap: 0.5rem;
    max-height: 250px;
    margin: 0.2rem 0;
    padding: 0.75rem;
    overflow-y: auto;
    border: 1px solid #bbb;
    border-radius: 10px;
}

.session-trial-picker legend[b-1im09bbic8] {
    width: auto;
    margin: 0;
    padding: 0 0.35rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.session-trial-picker p[b-1im09bbic8] {
    margin: 0;
    font-size: 0.82rem;
}

.trial-choice[b-1im09bbic8] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem;
    border: 1px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
}

.trial-choice input[b-1im09bbic8] {
    width: 1rem;
    min-height: auto;
    height: 1rem;
}

.trial-choice span[b-1im09bbic8] {
    display: grid;
    gap: 0.15rem;
}

.trial-choice small[b-1im09bbic8] {
    color: #555;
}

.control-rail[b-1im09bbic8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.85rem;
}

.control-block[b-1im09bbic8] {
    display: grid;
    gap: 0.75rem;
    align-content: start;
}

.control-block-label[b-1im09bbic8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.control-block-label > span:first-child[b-1im09bbic8] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #555;
}

.trials-summary[b-1im09bbic8] {
    color: #333;
    font-size: 0.82rem;
    font-weight: 600;
}

.recording-actions[b-1im09bbic8],
.assign-trial-actions[b-1im09bbic8],
.sentence-actions[b-1im09bbic8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.sentence-index[b-1im09bbic8] {
    color: #555;
    font-size: 0.78rem;
    font-weight: 700;
}

.sentence-preview[b-1im09bbic8] {
    margin: 0;
    color: #222;
    font-size: 0.92rem;
    line-height: 1.35;
}

.recording-status[b-1im09bbic8] {
    padding: 0.3rem 0.55rem;
    border: 1px solid #bbb;
    border-radius: 999px;
    background: #e8e8e8;
    font-size: 0.72rem;
    font-weight: 700;
}

.recording-recording[b-1im09bbic8] {
    color: #9f1f1f;
    border-color: #e2a0a0;
    background: #fff0f0;
}

.recording-paused[b-1im09bbic8] {
    color: #765600;
    border-color: #d7bd69;
    background: #fff9df;
}

.recording-finished[b-1im09bbic8] {
    color: #176b36;
    border-color: #8bc7a1;
    background: #e8f7ed;
}

.recording-note[b-1im09bbic8] {
    margin: 0;
    color: #765600;
    font-size: 0.8rem;
}

.assign-trial-actions select[b-1im09bbic8] {
    min-width: 12rem;
    flex: 1 1 10rem;
    min-height: 2.5rem;
    padding: 0.5rem 0.65rem;
}

.trial-library-link[b-1im09bbic8] {
    display: inline-flex;
    align-items: center;
}

.images-section[b-1im09bbic8] {
    display: grid;
    gap: 0.85rem;
}

.section-head h2[b-1im09bbic8] {
    margin: 0;
    font-size: 1.05rem;
}

.empty-images[b-1im09bbic8] {
    color: #555;
    text-align: center;
}

.trial-strip[b-1im09bbic8] {
    display: flex;
    gap: 0.55rem;
    overflow-x: auto;
    padding-bottom: 0.1rem;
}

.trial-tab[b-1im09bbic8] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.55rem 0.75rem;
    border: 1px solid #bbb;
    border-radius: 10px;
    background: var(--win98-surface);
    color: #111;
    text-align: left;
}

.trial-tab strong[b-1im09bbic8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trial-tab span[b-1im09bbic8] {
    color: #555;
    font-size: 0.75rem;
    font-weight: 700;
}

.trial-tab.is-selected[b-1im09bbic8] {
    border-color: var(--win98-blue-strong);
    background: #eaf6ff;
    box-shadow: 0 0 0 2px rgba(27, 161, 226, 0.14);
}

.image-grid[b-1im09bbic8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.85rem;
}

.image-card[b-1im09bbic8] {
    overflow: hidden;
    border: 1px solid var(--ui-border);
    border-radius: 14px;
    background: var(--win98-surface);
}

.image-card.is-active[b-1im09bbic8] {
    border-color: var(--win98-blue);
    box-shadow: 0 0 0 2px rgba(27, 161, 226, 0.14);
}

.image-preview[b-1im09bbic8] {
    position: relative;
    aspect-ratio: 2 / 1;
    background: #d3d3d3;
}

.image-preview img[b-1im09bbic8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.active-badge[b-1im09bbic8] {
    position: absolute;
    top: 0.65rem;
    left: 0.65rem;
    padding: 0.35rem 0.55rem;
    background: var(--win98-blue);
    color: #fff;
    font-size: 0.72rem;
}

.image-card-body[b-1im09bbic8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
    padding: 0.85rem;
}

.image-card-meta[b-1im09bbic8] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.image-card-body h3[b-1im09bbic8] {
    margin: 0;
    overflow: hidden;
    font-size: 0.92rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.image-card-body p[b-1im09bbic8] {
    margin: 0;
    color: #555;
    font-size: 0.76rem;
}

.image-card-body .image-notes[b-1im09bbic8] {
    display: -webkit-box;
    overflow: hidden;
    color: #444;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (max-width: 900px) {
    .control-rail[b-1im09bbic8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .session-hero[b-1im09bbic8],
    .session-topbar[b-1im09bbic8],
    .section-head[b-1im09bbic8] {
        align-items: stretch;
        flex-direction: column;
    }

    .session-topbar-actions[b-1im09bbic8] {
        justify-content: flex-start;
    }

    .image-card-body[b-1im09bbic8] {
        grid-template-columns: 1fr;
    }

    .image-card-body .control-button[b-1im09bbic8] {
        width: 100%;
    }
}
/* /Pages/Sessions.razor.rz.scp.css */
.sessions-shell[b-p4qtnawx99] {
    display: grid;
    gap: 1.25rem;
    padding-bottom: 2.5rem;
}

.sessions-hero[b-p4qtnawx99] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.sessions-hero h1[b-p4qtnawx99] {
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.25;
}

.sessions-count[b-p4qtnawx99] {
    margin: 0.35rem 0 0;
    color: #555;
}

.panel-card[b-p4qtnawx99] {
    border: 1px solid var(--ui-border);
    border-radius: 14px;
    background: var(--win98-surface);
}

.panel-card[b-p4qtnawx99] {
    padding: 1rem 1.1rem;
}


.empty-state[b-p4qtnawx99] {
    color: #555;
    text-align: center;
}

.control-button[b-p4qtnawx99] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.72rem 1rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--win98-surface-soft);
    color: #000;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.control-button:disabled[b-p4qtnawx99] {
    opacity: 0.55;
}

.sessions-table[b-p4qtnawx99] {
    display: grid;
    gap: 0.65rem;
}

.sessions-table-head[b-p4qtnawx99] {
    display: none;
    padding: 0 1.1rem;
    color: #555;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.session-row[b-p4qtnawx99] {
    display: grid;
    gap: 0.85rem;
}

.session-row.is-active[b-p4qtnawx99] {
    border-color: rgba(34, 139, 34, 0.45);
    box-shadow: inset 3px 0 0 rgba(34, 139, 34, 0.55);
}

.session-name-cell h2[b-p4qtnawx99] {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.3;
}

.session-time[b-p4qtnawx99],
.device-offline[b-p4qtnawx99] {
    color: #555;
    font-size: 0.78rem;
}

.session-time[b-p4qtnawx99] {
    margin: 0.25rem 0 0;
}

.session-status-cell[b-p4qtnawx99] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.status-pill[b-p4qtnawx99] {
    display: inline-flex;
    align-items: center;
    min-height: 1.5rem;
    padding: 0 0.55rem;
    border: 1px solid var(--ui-border);
    background: var(--win98-surface-soft);
    font-size: 0.75rem;
    font-weight: 700;
}

.status-pill.is-active[b-p4qtnawx99] {
    border-color: rgba(34, 139, 34, 0.45);
    background: rgba(34, 139, 34, 0.12);
}

.status-pill.is-recording[b-p4qtnawx99] {
    border-color: rgba(185, 28, 28, 0.4);
    background: rgba(185, 28, 28, 0.1);
}

.status-pill.is-paused[b-p4qtnawx99] {
    border-color: rgba(180, 120, 20, 0.45);
    background: rgba(234, 179, 8, 0.16);
}

.status-pill.is-finished[b-p4qtnawx99] {
    border-color: rgba(27, 161, 226, 0.4);
    background: rgba(27, 161, 226, 0.1);
}

.status-pill.is-idle[b-p4qtnawx99] {
    color: #555;
}

.session-content-cell[b-p4qtnawx99] {
    color: #333;
    font-weight: 600;
}

.meta-sep[b-p4qtnawx99] {
    margin: 0 0.25rem;
    color: #888;
    font-weight: 400;
}

.session-device-cell[b-p4qtnawx99] {
    min-width: 0;
}

.device-id[b-p4qtnawx99] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem;
    word-break: break-all;
}

.session-actions[b-p4qtnawx99] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.control-button.icon-only[b-p4qtnawx99] {
    width: 2.2rem;
    height: 2.2rem;
    padding: 0;
    gap: 0;
}

.control-button.icon-only .ui-icon[b-p4qtnawx99] {
    margin: 0;
}

.sr-only[b-p4qtnawx99] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (min-width: 960px) {
    .sessions-table-head[b-p4qtnawx99],
    .session-row[b-p4qtnawx99] {
        display: grid;
        grid-template-columns:
            minmax(10rem, 1.4fr)
            minmax(9rem, 1.1fr)
            minmax(8rem, 0.9fr)
            minmax(8rem, 1fr)
            auto;
        align-items: center;
        gap: 1rem;
    }

    .session-actions[b-p4qtnawx99] {
        justify-content: flex-end;
    }
}

@media (max-width: 959px) {
    .sessions-hero[b-p4qtnawx99] {
        flex-direction: column;
    }

    .session-row[b-p4qtnawx99] {
        grid-template-columns: 1fr auto;
    }

    .session-name-cell[b-p4qtnawx99] {
        grid-column: 1;
        grid-row: 1;
    }

    .session-actions[b-p4qtnawx99] {
        grid-column: 2;
        grid-row: 1;
    }

    .session-status-cell[b-p4qtnawx99],
    .session-content-cell[b-p4qtnawx99],
    .session-device-cell[b-p4qtnawx99] {
        grid-column: 1 / -1;
    }
}
/* /Pages/TrialImageEditor.razor.rz.scp.css */
.aoi-editor-shell[b-z8oquh48a8] {
    display: grid;
    gap: 1.1rem;
    padding-bottom: 2.5rem;
}

.aoi-editor-header[b-z8oquh48a8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.aoi-editor-header h1[b-z8oquh48a8] {
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.25;
}

.aoi-editor-meta[b-z8oquh48a8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem;
    margin: 0.35rem 0 0;
    color: #555;
    font-size: 0.82rem;
}

.meta-sep[b-z8oquh48a8] {
    margin: 0 0.2rem;
    color: #888;
}

.aoi-editor-actions[b-z8oquh48a8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}


.panel-card[b-z8oquh48a8] {
    border: 1px solid var(--ui-border);
    border-radius: 14px;
    background: var(--win98-surface);
}

.panel-card[b-z8oquh48a8] {
    padding: 1rem 1.1rem;
}


.empty-state[b-z8oquh48a8] {
    display: grid;
    gap: 0.75rem;
    justify-items: start;
    color: #555;
}

.empty-state p[b-z8oquh48a8] {
    margin: 0;
}

.control-button[b-z8oquh48a8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 0.9rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--win98-surface-soft);
    color: #000;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.control-button.primary[b-z8oquh48a8] {
    color: #fff;
    border-color: var(--win98-blue-strong);
    background: var(--win98-blue);
}

.control-button:disabled[b-z8oquh48a8] {
    opacity: 0.55;
}

.aoi-editor-form[b-z8oquh48a8] {
    display: grid;
    gap: 0.5rem;
    max-width: 28rem;
}

.aoi-editor-form label[b-z8oquh48a8] {
    font-weight: 700;
}

.aoi-editor-form label span[b-z8oquh48a8] {
    color: #666;
    font-size: 0.8rem;
    font-weight: 400;
}

.aoi-editor-form input[b-z8oquh48a8],
.aoi-editor-form textarea[b-z8oquh48a8] {
    width: 100%;
    padding: 0.6rem 0.75rem;
}

.aoi-editor-form textarea[b-z8oquh48a8] {
    resize: vertical;
}

.aoi-editor-canvas-card[b-z8oquh48a8] {
    max-width: 960px;
}

@media (max-width: 720px) {
    .aoi-editor-header[b-z8oquh48a8] {
        flex-direction: column;
    }
}
/* /Pages/Trials.razor.rz.scp.css */
.trials-shell[b-3jihzqknvh] {
    display: grid;
    gap: 1.1rem;
    padding-bottom: 2.5rem;
}

.trials-hero[b-3jihzqknvh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.trials-hero h1[b-3jihzqknvh],
.create-trial-card h2[b-3jihzqknvh],
.trial-card h3[b-3jihzqknvh] {
    margin: 0;
}

.trials-hero h1[b-3jihzqknvh] {
    font-size: 1.45rem;
    line-height: 1.25;
}

.trials-count[b-3jihzqknvh] {
    margin: 0.35rem 0 0;
    color: #555;
    font-size: 0.82rem;
}

.panel-card[b-3jihzqknvh] {
    border: 1px solid var(--ui-border);
    border-radius: 14px;
    background: var(--win98-surface);
}

.panel-card[b-3jihzqknvh] {
    padding: 1rem 1.1rem;
}


.create-trial-card[b-3jihzqknvh] {
    display: grid;
    gap: 0.85rem;
    max-width: 28rem;
}

.create-trial-card h2[b-3jihzqknvh] {
    font-size: 1.05rem;
}

.trial-form[b-3jihzqknvh] {
    display: grid;
    gap: 0.5rem;
}

.trial-form label[b-3jihzqknvh] {
    font-weight: 700;
}

.trial-form label span[b-3jihzqknvh] {
    color: #666;
    font-size: 0.8rem;
    font-weight: 400;
}

.trial-form input[b-3jihzqknvh],
.trial-form textarea[b-3jihzqknvh],
.trial-name-input[b-3jihzqknvh],
.trial-description-input[b-3jihzqknvh] {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: #fff;
    color: #000;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.4;
}

.trial-form textarea[b-3jihzqknvh],
.trial-description-input[b-3jihzqknvh] {
    resize: vertical;
}

.trial-name-input:focus[b-3jihzqknvh],
.trial-description-input:focus[b-3jihzqknvh],
.trial-form input:focus[b-3jihzqknvh],
.trial-form textarea:focus[b-3jihzqknvh] {
    outline: none;
    border-color: rgba(27, 161, 226, 0.55);
    box-shadow: 0 0 0 3px rgba(27, 161, 226, 0.12);
}

.trial-list[b-3jihzqknvh] {
    display: grid;
    gap: 0.85rem;
}

.trial-card[b-3jihzqknvh] {
    display: grid;
    gap: 0.85rem;
}

.trial-card-toolbar[b-3jihzqknvh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.trial-card-actions[b-3jihzqknvh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    margin-left: auto;
}

.trial-order-actions[b-3jihzqknvh] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.trial-fields[b-3jihzqknvh] {
    display: grid;
    gap: 0.45rem;
}

.trial-name-text[b-3jihzqknvh] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
}

.trial-description-text[b-3jihzqknvh] {
    margin: 0;
    color: #555;
    font-size: 0.88rem;
    line-height: 1.4;
    white-space: pre-wrap;
}

.trial-meta[b-3jihzqknvh] {
    color: #555;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.control-button[b-3jihzqknvh],
.image-upload[b-3jihzqknvh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.65rem 0.9rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--win98-surface-soft);
    color: #000;
    font-weight: 700;
    white-space: nowrap;
}

.control-button.primary[b-3jihzqknvh],
.image-upload[b-3jihzqknvh] {
    color: #fff;
    border-color: var(--win98-blue-strong);
    background: var(--win98-blue);
}

.control-button.danger[b-3jihzqknvh] {
    color: var(--win98-danger);
    border-color: rgba(143, 58, 58, 0.35);
    background: #f8ecec;
}

.control-button:disabled[b-3jihzqknvh],
.image-upload.is-disabled[b-3jihzqknvh] {
    opacity: 0.55;
}

.image-upload[b-3jihzqknvh] {
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
}

.image-upload input[b-3jihzqknvh] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.trial-image-strip[b-3jihzqknvh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.75rem;
}

.trial-image[b-3jihzqknvh] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--ui-border);
    border-radius: 12px;
    background: #eee;
}

.trial-image img[b-3jihzqknvh] {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 1;
    object-fit: cover;
}

.image-metadata-form[b-3jihzqknvh] {
    display: grid;
    gap: 0.55rem;
    padding: 0.75rem;
    background: var(--win98-surface);
}

.image-metadata-form label[b-3jihzqknvh] {
    display: grid;
    gap: 0.25rem;
    font-size: 0.78rem;
    font-weight: 700;
}

.image-metadata-form label span[b-3jihzqknvh] {
    color: #666;
    font-size: 0.72rem;
    font-weight: 400;
}

.image-metadata-form input[b-3jihzqknvh],
.image-metadata-form textarea[b-3jihzqknvh] {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: #fff;
    color: #000;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.4;
}

.image-metadata-form textarea[b-3jihzqknvh] {
    resize: vertical;
}

.image-footer[b-3jihzqknvh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.image-footer-actions[b-3jihzqknvh] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-left: auto;
}

.image-footer .control-button[b-3jihzqknvh] {
    text-decoration: none;
}

.control-button.icon-only[b-3jihzqknvh] {
    width: 2.2rem;
    height: 2.2rem;
    padding: 0;
    gap: 0;
}

.control-button.icon-only .ui-icon[b-3jihzqknvh] {
    margin: 0;
}

.sr-only[b-3jihzqknvh] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.image-size[b-3jihzqknvh],
.empty-images[b-3jihzqknvh],
.empty-state[b-3jihzqknvh] {
    color: #555;
    font-size: 0.76rem;
}

.image-size[b-3jihzqknvh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.empty-images[b-3jihzqknvh],
.empty-state[b-3jihzqknvh] {
    margin: 0;
    text-align: center;
}

@media (max-width: 720px) {
    .trials-hero[b-3jihzqknvh],
    .trial-card-toolbar[b-3jihzqknvh] {
        align-items: stretch;
        flex-direction: column;
    }

    .trial-card-actions[b-3jihzqknvh] {
        margin-left: 0;
        justify-content: flex-start;
    }

    .image-upload[b-3jihzqknvh] {
        width: 100%;
    }

    .image-footer[b-3jihzqknvh] {
        flex-direction: column;
        align-items: stretch;
    }

    .image-footer-actions[b-3jihzqknvh] {
        margin-left: 0;
    }
}