/* Capture Premiere lives inside the creative room; its evidence never changes
   the Studio draft or the current holding status in the main collection. */
.capture-room { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:28px; align-items:start; }
[data-capture-premiere] .button { appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:12px; max-width:100%; min-height:54px; padding:14px 18px; border:1px solid #a8bac6; border-radius:10px; font:600 17px/1.25 "SOuL Text",Arial,sans-serif; color:#1b2328; background:transparent; text-decoration:none; cursor:pointer; transition:transform 200ms ease,background 180ms ease,border-color 180ms ease,box-shadow 180ms ease; }
[data-capture-premiere] .button-red { color:#fff; background:var(--studio-red,#bd2332); border-color:var(--studio-red,#bd2332); box-shadow:0 5px 15px #b5173017; }
[data-capture-premiere] .button-ink { color:#fff; background:#202427; border-color:#202427; }
[data-capture-premiere] .button:disabled { cursor:default; opacity:.48; }
[data-capture-premiere] .button:focus-visible { outline:3px solid var(--studio-red,#bd2332); outline-offset:5px; }
@media(hover:hover) { [data-capture-premiere] .button-outline:hover:not(:disabled) { background:#e8eef2; } [data-capture-premiere] .button-red:hover:not(:disabled) { background:#941126; border-color:#941126; box-shadow:0 8px 17px #b5173028; } [data-capture-premiere] .button-ink:hover:not(:disabled) { background:#344047; border-color:#344047; } }
.capture-stage { position:relative; overflow:hidden; border-radius:16px; background:#202427; color:#f5f6f6; border:1px solid #445058; box-shadow:0 24px 65px #20242720,inset 0 1px #ffffff0a; }
.capture-artboard { display:block; width:100%; height:auto; aspect-ratio:1; }
.capture-artboard[hidden] { display:none; }
.capture-stage-label { position:absolute; z-index:2; top:20px; left:20px; display:flex; align-items:center; gap:8px; max-width:calc(100% - 40px); padding:8px 12px; border:1px solid #ffffff36; border-radius:8px; background:#202427d9; font-size:14px; line-height:1.3; font-weight:500; }
.capture-stage-label::before { content:''; width:7px; height:7px; border-radius:50%; background:#dce2e5; }
.capture-stage-label[data-kind="demo"] { background:#bd2332; border-color:#ffffff40; }
.capture-stage-label[data-kind="demo"]::before { background:#fff; }
.capture-empty-art { min-height:450px; aspect-ratio:1; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:76px 30px 35px; gap:25px; background:radial-gradient(ellipse at 75% 20%,#6b737533,transparent 60%),linear-gradient(155deg,#2c3337,#171c20); }
.capture-empty-frame { position:relative; width:clamp(160px,45%,275px); aspect-ratio:1; border:2px solid #bbc5cb; box-shadow:0 0 0 6px #a4aeb010,0 0 0 7px #cbd4d630,inset 0 12px 55px #ffffff04; border-radius:4px; display:grid; place-items:center; background:linear-gradient(135deg,#d3d9dc0b,#ffffff01); }
.capture-empty-frame::before,.capture-empty-frame::after { position:absolute; content:''; height:22px; width:22px; border-color:#fff; border-style:solid; }
.capture-empty-frame::before { left:-3px; top:-3px; border-width:2px 0 0 2px; }
.capture-empty-frame::after { right:-3px; bottom:-3px; border-width:0 2px 2px 0; }
.capture-empty-frame img { width:40%; filter:brightness(0) invert(1); opacity:.58; }
.capture-empty-art h2 { margin:0; max-width:400px; text-align:center; font-size:clamp(26px,3.1vw,44px); font-weight:400; line-height:1.04; letter-spacing:-.04em; }
.capture-empty-art p { margin:0; text-align:center; color:#bdc7ce; max-width:340px; font-size:16px; line-height:1.5; }
.capture-stage-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:16px 20px; border-top:1px solid #f5f6f625; font-size:14px; color:#c5cdd2; }
.capture-stage-footer strong { color:#f5f6f6; font-weight:500; }
.capture-controls { min-width:0; display:flex; flex-direction:column; gap:20px; padding:28px; border:1px solid #c2cacf; border-radius:16px; background:#f5f6f6; box-shadow:inset 0 1px #fff; }
.capture-controls .eyebrow { margin:0; color:#8d202b; font-size:14px; font-weight:500; letter-spacing:.07em; }
.capture-controls h2 { margin:0; font-weight:400; font-size:clamp(31px,3vw,43px); line-height:1.04; letter-spacing:-.04em; }
.capture-controls p { margin:0; font-size:16px; line-height:1.55; color:#52616a; }
.capture-feed-state { display:flex; align-items:center; gap:9px; font-size:14px; color:#35434b; }
.capture-feed-state::before { content:''; width:8px; height:8px; border-radius:50%; background:#89979e; flex:none; }
.capture-feed-state[data-ready="true"]::before { background:#bd2332; }
.capture-action-row { display:flex; flex-wrap:wrap; gap:10px; }
.capture-action-row .button { justify-content:center; flex:1 1 135px; }
.capture-export-row .button { flex-basis:100%; }
.capture-status { font-size:14px; line-height:1.5; min-height:21px; color:#52616a; }
.capture-demo-notice { padding:15px; border:1px solid #bd233235; border-radius:10px; background:#bd233206; }
.capture-demo-notice strong { font-size:14px; color:#94202d; display:block; margin-bottom:4px; }
.capture-demo-notice p { font-size:14px; }
.capture-meta { margin:0; display:grid; gap:14px; }
.capture-meta div { display:grid; gap:3px; }
.capture-meta dt { font-size:14px; color:#52616a; }
.capture-meta dd { margin:0; font-size:16px; color:#202427; overflow-wrap:anywhere; }
.capture-evidence { border-top:1px solid #d5dbde; padding-top:16px; }
.capture-evidence summary { cursor:pointer; min-height:44px; font-size:16px; display:list-item; padding:9px 0; }
.capture-evidence-body { display:grid; gap:10px; margin-top:9px; }
.capture-evidence-body a { font-size:14px; color:#8d202b; overflow-wrap:anywhere; min-height:44px; display:flex; align-items:center; }
.capture-wallet { padding:12px; border-radius:8px; background:#e9edee; font-size:14px; display:grid; gap:7px; overflow-wrap:anywhere; }
.capture-wallet a { min-height:auto; }
.capture-separator { border:0; border-top:1px solid #d5dbde; margin:0; }
.capture-archive { margin-top:40px; padding-top:32px; border-top:1px solid #b8c3c8; }
.capture-archive-header { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:22px; }
.capture-archive h2 { font-size:clamp(27px,3vw,40px); font-weight:400; letter-spacing:-.035em; margin:0 0 5px; }
.capture-archive p { margin:0; color:#52616a; font-size:16px; line-height:1.5; }
.capture-archive-empty { padding:28px; border:1px dashed #a8b6bd; border-radius:12px; background:#f5f6f64d; }
.capture-event-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.capture-event { appearance:none; font:inherit; text-align:left; color:#202427; background:#f5f6f6; border:1px solid #bfcbd0; border-radius:10px; padding:16px; min-height:92px; display:grid; grid-template-columns:54px minmax(0,1fr); gap:13px; cursor:pointer; transition:transform 200ms ease,border-color 180ms ease,box-shadow 180ms ease; }
.capture-event img { width:54px; height:54px; object-fit:cover; border-radius:6px; }
.capture-event strong { font-size:17px; font-weight:500; display:block; line-height:1.3; }
.capture-event span { color:#52616a; font-size:14px; display:block; line-height:1.5; }
.capture-event[aria-pressed="true"] { border-color:#bd2332; box-shadow:inset 0 0 0 1px #bd2332; }
.capture-event:focus-visible { outline:3px solid #bd2332; outline-offset:4px; }
@media(hover:hover) { .capture-event:hover { transform:translateY(-3px); border-color:#8b9ba5; box-shadow:0 8px 24px #20242712; } }
@media(max-width:850px) { .capture-room { grid-template-columns:minmax(0,1fr); gap:20px; } .capture-controls { padding:24px; } .capture-event-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:500px) { .capture-empty-art { min-height:310px; padding:72px 20px 28px; gap:20px; } .capture-stage-label { top:15px; left:15px; max-width:calc(100% - 30px); } .capture-empty-frame { width:150px; } .capture-controls { padding:20px; } .capture-archive-header { align-items:flex-start; flex-direction:column; gap:12px; } .capture-event-list { grid-template-columns:1fr; } .capture-stage-footer { padding:14px 16px; } }
@media(prefers-reduced-motion:reduce) { .capture-event,[data-capture-premiere] .button { transition:none; } .capture-event:hover,[data-capture-premiere] .button:hover { transform:none; } }
.motions-paused .capture-event,.motions-paused [data-capture-premiere] .button { transition:none; }
.motions-paused .capture-event:hover,.motions-paused [data-capture-premiere] .button:hover { transform:none; }
[data-capture-premiere] [hidden] { display:none!important; }