/* Local snapshots use the shared black workspace and its existing controls. */
#view-builds{max-width:1100px}
#view-builds .page-heading h1{font-size:var(--heading-size);line-height:1.25;letter-spacing:-.8px}
#view-builds .subtitle{font-size:14px;color:var(--copy);line-height:1.65}
#view-builds .builds-current{padding:0 0 24px;border-bottom:1px solid var(--line)}
#view-builds .builds-summary{font-size:14px;color:var(--copy);line-height:1.65;margin:0 0 14px}
#view-builds .builds-save-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}
#view-builds .builds-field{display:grid;gap:8px;min-width:0}
#view-builds .builds-save-row .builds-field{flex:1;min-width:200px;max-width:480px}
#view-builds label{font-size:13px;font-weight:650;color:var(--text)}
#view-builds :is(input,textarea){min-height:42px;min-width:0;width:100%;padding:9px 12px;border:1px solid var(--control-border);border-radius:6px;background:var(--control);color:var(--text);font:inherit;font-size:14px;caret-color:var(--text)}
#view-builds input::placeholder{color:var(--copy)}
#view-builds button{min-height:42px;font-size:13px;line-height:1.4;padding:10px 14px}
#view-builds :is(button,input,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
#view-builds .builds-feedback{font-size:13px;color:var(--copy);line-height:1.65;margin:14px 0;overflow-wrap:anywhere}
#view-builds .builds-feedback:empty{display:none}
#view-builds .builds-feedback[data-error=true]{color:#ffbab4}
#view-builds .builds-toolbar{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;margin:24px 0 18px}
#view-builds .builds-toolbar .builds-field{flex:1;max-width:480px}
#view-builds .builds-results{flex-shrink:0;font-size:13px;font-variant-numeric:tabular-nums;color:var(--copy);line-height:1.65;margin:0 0 10px}
#view-builds .builds-list{list-style:none;margin:0;padding:0}
#view-builds .builds-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--line)}
#view-builds .builds-entry-copy{min-width:0}
#view-builds .builds-entry h2{font-size:16px;font-weight:700;line-height:1.5;letter-spacing:-.2px;overflow-wrap:anywhere;margin:0}
#view-builds .builds-metadata{font-size:13px;line-height:1.65;font-variant-numeric:tabular-nums;color:var(--copy);margin:5px 0 12px}
#view-builds .builds-portraits{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
#view-builds .builds-portrait{position:relative;display:grid;place-items:center;width:56px;height:32px;overflow:hidden;background:var(--soft);border-radius:4px}
#view-builds .builds-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#view-builds .builds-monogram{font-size:13px;font-weight:700;color:var(--copy)}
#view-builds .builds-more{font-size:13px;color:var(--copy)}
#view-builds .builds-entry-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}
#view-builds .builds-code-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100% - 32px);margin:auto;padding:22px;border:1px solid var(--control-border);border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 20px 72px #0009}
#view-builds .builds-code-dialog::backdrop{background:#000a}
#view-builds .builds-code-dialog h2{font-size:20px;margin:0 0 16px}
#view-builds .builds-code-dialog textarea{display:block;margin-top:8px;resize:vertical;overflow-wrap:anywhere;font-family:ui-monospace,monospace}
#view-builds .builds-code-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px}
#view-builds :is(.builds-empty,.builds-storage-error){padding:28px 0;border-top:1px solid var(--line)}
#view-builds .builds-empty h2{font-size:21px;line-height:1.4;letter-spacing:-.5px;margin:0 0 10px}
#view-builds :is(.builds-empty,.builds-storage-error) p{max-width:65ch;font-size:14px;line-height:1.7;color:var(--copy);margin:0 0 16px}
@media(max-width:760px){
  #view-builds .builds-entry{gap:14px}
  #view-builds .builds-entry-actions{flex-direction:column;align-items:stretch}
  #view-builds .builds-toolbar{flex-wrap:wrap;align-items:center;gap:10px}
  #view-builds .builds-toolbar .builds-field{flex-basis:100%;max-width:none}
  #view-builds .builds-results{margin:0}
}
@media(max-width:430px){
  #view-builds .builds-save-row .builds-field{min-width:0;flex-basis:100%}
  #view-builds .builds-save-row>button{width:100%}
  #view-builds .builds-entry{grid-template-columns:minmax(0,1fr)}
  #view-builds .builds-entry-actions{flex-direction:row;flex-wrap:wrap}
  #view-builds .builds-entry-actions button{flex:1}
}