.segment-canvas-wrap{position:relative;display:inline-block;line-height:0;border-radius:var(--mono-radius-md);overflow:hidden}.segment-canvas-img{display:block;max-width:100%;height:auto;max-height:480px;margin:0 auto;cursor:crosshair;border-radius:var(--mono-radius-md);user-select:none}.segment-canvas-img--busy{cursor:wait;opacity:.75}.segment-marker{position:absolute;left:var(--segment-marker-x,50%);top:var(--segment-marker-y,50%);width:16px;height:16px;border-radius:50%;background:var(--mono-accent);opacity:.9;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--mono-accent)}.segment-result-image{display:block;max-width:100%;height:auto;max-height:480px;margin:0 auto;border-radius:var(--mono-radius-md)}.segment-film-strip{display:flex;flex-direction:row;gap:var(--mono-gap-xs);overflow-x:auto;padding-block:var(--mono-gap-xs);scrollbar-width:thin}.segment-film-thumb{flex-shrink:0;width:64px;height:64px;padding:0;border:2px solid var(--mono-border-subtle);border-radius:var(--mono-radius-sm);background:none;cursor:pointer;overflow:hidden;transition:border-color var(--mono-dur-base) var(--mono-ease-out)}.segment-film-thumb--active,.segment-film-thumb:hover{border-color:var(--mono-accent)}.segment-film-thumb--active{box-shadow:0 0 0 2px var(--mono-accent)}.segment-film-thumb-img{width:100%;height:100%;object-fit:cover;display:block}