.rapid-draft-workspace {
    container: rapid-draft / inline-size;
    display: flex;
    flex-direction: column;
    gap: var(--rapid-space-3);
    min-width: 0;
}
.rapid-draft-workspace__header,
.rapid-draft-workspace__evidence { flex-shrink: 0; min-width: 0; }
.rapid-draft-workspace__body { display: grid; gap: var(--rapid-space-5); min-width: 0; }
.rapid-draft-workspace__vehicle,
.rapid-draft-workspace__plan { display: flex; flex-direction: column; min-width: 0; gap: var(--rapid-space-2); }
.rapid-draft-workspace__vehicle-header,
.rapid-draft-workspace__plan-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--rapid-space-2); flex-shrink: 0; min-width: 0; padding: var(--rapid-space-2) 0; }
.rapid-draft-workspace__canvas {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 240px;
    padding: var(--rapid-space-3);
    border: 1px solid var(--rapid-line-strong);
    border-radius: var(--rapid-radius-card);
    background:
        radial-gradient(ellipse at center, color-mix(in srgb, var(--rapid-green) 7%, transparent), transparent 70%),
        linear-gradient(color-mix(in srgb, var(--rapid-muted) 9%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--rapid-muted) 9%, transparent) 1px, transparent 1px),
        var(--rapid-canvas-sunk);
    background-size: auto, 24px 24px, 24px 24px, auto;
}
.rapid-draft-workspace__canvas > * { width: 100%; min-width: 0; min-height: 0; }
.rapid-draft-workspace__vehicle-evidence { flex-shrink: 0; min-width: 0; }
.rapid-draft-workspace__areas { position: relative; min-width: 0; overflow: auto; padding: var(--rapid-space-1); }
.rapid-draft-workspace__plan {
    gap: 0;
    border: 1px solid var(--rapid-line-strong);
    border-radius: var(--rapid-radius-card);
    background: var(--rapid-paper);
    box-shadow: var(--rapid-shadow-card);
}
.rapid-draft-workspace__plan-header { padding: var(--rapid-space-3) var(--rapid-space-4); }
.rapid-draft-workspace__insight {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--rapid-space-2);
    min-width: 0;
    flex-shrink: 0;
    padding: var(--rapid-space-2) var(--rapid-space-3);
    margin: 0 var(--rapid-space-3) var(--rapid-space-2);
    border-left: 2px solid var(--rapid-green-dark);
    border-radius: 0 var(--rapid-radius-control) var(--rapid-radius-control) 0;
    background: var(--rapid-green-wash);
}
.rapid-draft-workspace__insight > :first-child { min-width: 0; flex: 1; }
.rapid-draft-workspace__insight-content { display: flex; align-items: center; gap: var(--rapid-space-2); min-width: 0; width: 100%; }
.rapid-draft-workspace__insight-content[hidden] { display: none; }
.rapid-draft-workspace__insight-content > :first-child { min-width: 0; flex: 1; }
.rapid-draft-workspace__navigation { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--rapid-space-2); min-width: 0; flex-shrink: 0; padding: 0 var(--rapid-space-3); border-bottom: 1px solid var(--rapid-line); }
.rapid-draft-workspace__navigation > :first-child { min-width: 0; flex: 1 1 auto; }
.rapid-draft-workspace__lines,
.rapid-draft-workspace__parts { position: relative; min-width: 0; overflow: auto; padding: var(--rapid-space-1); }
.rapid-draft-workspace__parts-section { display: flex; flex-direction: column; min-width: 0; border-top: 1px solid var(--rapid-line-strong); }
.rapid-draft-workspace__parts-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--rapid-space-2); min-width: 0; flex-shrink: 0; padding: 0 var(--rapid-space-3); border-bottom: 1px solid var(--rapid-line); }
.rapid-draft-workspace__parts-header > :first-child { min-width: 0; flex: 1 1 auto; }
.rapid-draft-workspace__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--rapid-space-2);
    flex-shrink: 0;
    min-width: 0;
    padding: var(--rapid-space-2) var(--rapid-space-3);
    border-top: 1px solid var(--rapid-line);
    color: var(--rapid-muted);
    font-size: var(--rapid-text-xs);
}
.rapid-draft-workspace__action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--rapid-space-2);
    flex-shrink: 0;
    min-width: 0;
    padding: var(--rapid-space-3);
    border-top: 1px solid var(--rapid-line);
    border-radius: 0 0 var(--rapid-radius-card) var(--rapid-radius-card);
    background: linear-gradient(115deg, var(--rapid-paper), var(--rapid-green-wash));
}
.rapid-draft-workspace__lines:focus-visible,
.rapid-draft-workspace__parts:focus-visible,
.rapid-draft-workspace__areas:focus-visible { outline: 2px solid var(--rapid-focus); outline-offset: -2px; border-radius: var(--rapid-radius-control); }

.rapid-draft-workspace__activity {
    display: flex;
    align-items: center;
    gap: var(--rapid-space-2);
    min-width: 0;
    min-height: 20px;
    color: var(--rapid-green-dark);
    font-size: var(--rapid-text-xs);
    font-weight: 700;
}
.rapid-draft-workspace__activity-orbit {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border: 1px solid color-mix(in srgb, var(--rapid-green-dark) 25%, transparent);
    border-top-color: var(--rapid-green-dark);
    border-right-color: var(--rapid-green-dark);
    border-radius: 50%;
    box-shadow: inset 0 0 0 4px var(--rapid-green-wash);
    background: var(--rapid-green-dark);
    animation: rapid-draft-orbit 2.4s linear infinite;
}
.rapid-draft-workspace__activity-track {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    overflow: hidden;
    background: color-mix(in srgb, var(--rapid-green-dark) 12%, transparent);
}
.rapid-draft-workspace__activity-track::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 40%;
    background: linear-gradient(90deg, transparent, var(--rapid-green-dark), var(--rapid-green), transparent);
    animation: rapid-draft-track 2.8s ease-in-out infinite;
}
.rapid-draft-workspace--busy .rapid-draft-workspace__canvas,
.rapid-draft-workspace--busy .rapid-draft-workspace__plan {
    border-color: var(--rapid-green-dark);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rapid-green) 12%, transparent), 0 0 24px color-mix(in srgb, var(--rapid-green) 10%, transparent);
}
.rapid-draft-workspace--busy .rapid-draft-workspace__evidence,
.rapid-draft-workspace--busy .rapid-draft-workspace__vehicle-evidence { position: relative; }
.rapid-draft-workspace--busy .rapid-draft-workspace__evidence::after,
.rapid-draft-workspace--busy .rapid-draft-workspace__vehicle-evidence::after,
.rapid-draft-workspace--busy .rapid-draft-workspace__areas::after,
.rapid-draft-workspace--busy .rapid-draft-workspace__lines::after,
.rapid-draft-workspace--busy .rapid-draft-workspace__parts::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: var(--rapid-radius-control);
    pointer-events: none;
    background: linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--rapid-green) 9%, transparent) 48%, transparent 65%);
    background-size: 240% 100%;
    animation: rapid-draft-shimmer 3.6s ease-in-out infinite;
}
.rapid-draft-workspace--busy .rapid-draft-workspace__vehicle-evidence::after,
.rapid-draft-workspace--busy .rapid-draft-workspace__areas::after { animation-delay: .3s; }
.rapid-draft-workspace--busy .rapid-draft-workspace__lines::after { animation-delay: .6s; }
.rapid-draft-workspace--busy .rapid-draft-workspace__parts::after { animation-delay: .9s; }
@keyframes rapid-draft-orbit { to { transform: rotate(360deg); } }
@keyframes rapid-draft-track { from { transform: translateX(-100%); } to { transform: translateX(350%); } }
@keyframes rapid-draft-shimmer { from { background-position: 120% 0; } to { background-position: -120% 0; } }

.rapid-draft-evidence-brief {
    display: flex;
    align-items: center;
    gap: var(--rapid-space-3);
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: var(--rapid-space-2) var(--rapid-space-3);
    border: 1px solid var(--rapid-line-strong);
    border-radius: var(--rapid-radius-control);
    background: var(--rapid-paper);
    color: var(--rapid-ink);
    font: inherit;
    font-size: var(--rapid-text-sm);
    text-align: left;
    cursor: pointer;
    touch-action: manipulation;
    transition: border-color var(--rapid-motion-fast), background var(--rapid-motion-fast);
}
.rapid-draft-evidence-brief:hover { border-color: var(--rapid-control-line); background: var(--rapid-green-wash); }
.rapid-draft-evidence-brief:disabled { cursor: not-allowed; opacity: .65; }
.rapid-draft-evidence-brief:disabled:hover { border-color: var(--rapid-control-line); background: transparent; }
.rapid-draft-evidence-brief:focus-visible { outline: 2px solid var(--rapid-focus); outline-offset: 2px; }
.rapid-draft-evidence-brief__icon { display: flex; color: var(--rapid-green-dark); }
.rapid-draft-evidence-brief__label { font-weight: 700; }
.rapid-draft-evidence-brief__count { white-space: nowrap; font-size: var(--rapid-text-xs); }
.rapid-draft-evidence-brief__description { flex: 1; min-width: 0; color: var(--rapid-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rapid-draft-evidence-brief__detail { color: var(--rapid-muted); font-size: var(--rapid-text-xs); }
.rapid-draft-evidence-brief__edit { display: flex; align-items: center; gap: var(--rapid-space-2); margin-left: auto; color: var(--rapid-green-dark); font-size: var(--rapid-text-xs); font-weight: 700; }

.rapid-draft-media-strip { display: flex; align-items: center; gap: var(--rapid-space-3); min-width: 0; padding-bottom: var(--rapid-space-2); border-bottom: 1px solid var(--rapid-line); }
.rapid-draft-media-strip__label { display: flex; flex-direction: column; align-items: flex-start; gap: var(--rapid-space-1); color: var(--rapid-muted); font-size: var(--rapid-text-xs); }
.rapid-draft-media-strip__items { display: flex; flex: 1; gap: var(--rapid-space-2); min-width: 0; overflow-x: auto; padding: var(--rapid-space-1); scrollbar-width: thin; }
.rapid-draft-media-strip__items:focus-visible { outline: 2px solid var(--rapid-focus); outline-offset: -2px; border-radius: var(--rapid-radius-control); }
.rapid-draft-media-strip__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 84px;
    width: 84px;
    height: 58px;
    overflow: hidden;
    padding: 0;
    border: 1px solid var(--rapid-control-line);
    border-radius: var(--rapid-radius-control);
    background: var(--rapid-canvas-sunk);
    color: var(--rapid-ink);
    cursor: pointer;
    touch-action: manipulation;
}
.rapid-draft-media-strip__item:hover { outline: 1px solid var(--rapid-green-dark); }
.rapid-draft-media-strip__item[aria-pressed="true"] { border: 2px solid var(--rapid-green-dark); box-shadow: 0 0 0 1px var(--rapid-green-dark); }
.rapid-draft-media-strip__item:focus-visible { outline: 2px solid var(--rapid-focus); outline-offset: 2px; }
.rapid-draft-media-strip__image { display: block; width: 100%; height: 100%; object-fit: cover; }
.rapid-draft-media-strip__position { position: absolute; bottom: 2px; left: 2px; padding: 1px var(--rapid-space-1); border-radius: 3px; background: var(--rapid-paper); color: var(--rapid-ink); font-size: var(--rapid-text-3xs); font-variant-numeric: tabular-nums; }

@media (min-width: 761px) and (min-height: 700px) {
    .rapid-draft-workspace { flex: 1; min-height: 0; }
    @container rapid-draft (min-width: 900px) {
        .rapid-draft-workspace__body { flex: 1; min-height: 0; grid-template-columns: minmax(0, 43fr) minmax(0, 57fr); align-items: stretch; }
        .rapid-draft-workspace__vehicle,
        .rapid-draft-workspace__plan { min-height: 0; }
        .rapid-draft-workspace__canvas { flex: 1; min-height: 244px; }
        .rapid-draft-workspace__canvas > * { height: 100%; }
        .rapid-draft-workspace__areas { flex: 0 1 auto; max-height: 34%; min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
        .rapid-draft-workspace__lines { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
        .rapid-draft-workspace__parts-section { flex: 0 1 auto; min-height: 112px; max-height: 30%; }
        .rapid-draft-workspace__parts { flex: 1; min-height: 0; overscroll-behavior: contain; scrollbar-gutter: stable; }
    }
}
@media (min-width: 761px) and (max-height: 699px) {
    .rapid-draft-workspace { flex: 0 0 auto; }
    @container rapid-draft (min-width: 900px) {
        .rapid-draft-workspace__body { grid-template-columns: minmax(0, 43fr) minmax(0, 57fr); align-items: start; }
        .rapid-draft-workspace__canvas { min-height: 260px; }
    }
}
@container rapid-draft (max-width: 899px) {
    .rapid-draft-workspace__body { flex: 0 0 auto; }
    .rapid-draft-workspace__canvas { min-height: 260px; }
    .rapid-draft-workspace__lines,
    .rapid-draft-workspace__parts,
    .rapid-draft-workspace__areas { max-height: none; overflow: auto; }
}
@container rapid-draft (max-width: 580px) {
    .rapid-draft-evidence-brief { flex-wrap: wrap; gap: var(--rapid-space-2); }
    .rapid-draft-evidence-brief__description { order: 1; flex-basis: 100%; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .rapid-draft-evidence-brief__detail { display: none; }
    .rapid-draft-evidence-brief__edit > span { display: none; }
    .rapid-draft-media-strip__label { display: none; }
    .rapid-draft-workspace__body { gap: var(--rapid-space-4); }
    .rapid-draft-workspace__canvas { min-height: 220px; }
}
@media (pointer: coarse) {
    .rapid-draft-media-strip__item { min-width: 88px; min-height: 64px; }
}
@media (prefers-reduced-motion: reduce) {
    .rapid-draft-evidence-brief { transition: none; }
    .rapid-draft-workspace__activity-orbit,
    .rapid-draft-workspace__activity-track::after,
    .rapid-draft-workspace--busy .rapid-draft-workspace__evidence::after,
    .rapid-draft-workspace--busy .rapid-draft-workspace__vehicle-evidence::after,
    .rapid-draft-workspace--busy .rapid-draft-workspace__areas::after,
    .rapid-draft-workspace--busy .rapid-draft-workspace__lines::after,
    .rapid-draft-workspace--busy .rapid-draft-workspace__parts::after { animation: none; }
    .rapid-draft-workspace__activity-track::after { width: 100%; }
}
