.studio-history-entry { white-space:nowrap; border-color:#b9efd7; }
.studio-history-dialog { box-sizing:border-box; width:min(820px,calc(100vw - 32px)); max-height:88vh; padding:24px; border:1px solid #3c5047; border-radius:16px; background:#111a16; color:#eef4f0; overflow:auto; }
.studio-history-dialog::backdrop { background:#0009; }
.studio-history-dialog header,.studio-history-card-head { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.studio-history-dialog h2 { margin:0; font-size:22px; }
.studio-history-dialog h3 { margin:0; font-size:16px; }
.studio-history-dialog button { min-height:40px; padding:8px 14px; border:1px solid #617f6e; border-radius:8px; background:#23372c; color:#d8f6e4; cursor:pointer; font:inherit; }
.studio-history-dialog button:focus-visible { outline:2px solid #b9efd7; outline-offset:3px; }
.studio-history-dialog button:disabled { opacity:.5; cursor:wait; }
.studio-history-note,.studio-history-meta,.studio-history-message { color:#a9bdb1; font-size:13px; line-height:1.7; }
.studio-history-meta { overflow-wrap:anywhere; }
.studio-history-list { display:grid; gap:12px; margin:16px 0; }
.studio-history-card { padding:16px; border:1px solid #34473c; border-radius:10px; background:#18251e; }
.studio-history-card:is([data-state=authorizing],[data-state=queued],[data-state=running],[data-state=waiting_external]) { border-color:#947333; background:#2b2618; box-shadow:inset 3px 0 #e9b949; }
.studio-history-card:is([data-state=authorizing],[data-state=queued],[data-state=running],[data-state=waiting_external]) .studio-history-state { padding:3px 9px; border:1px solid #947333; border-radius:999px; background:#493a1b; color:#ffdc85; font-weight:600; }
.studio-history-prompt { white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.6; }
.studio-history-state { flex-shrink:0; font-size:13px; color:#c0dbc9; }
.studio-history-state[data-state=succeeded] { color:#b9efd7; }
.studio-history-state[data-state=failed] { color:#ffb6ad; }
.studio-history-preview { margin:16px 0; }
.studio-history-preview img,.studio-history-preview video { display:block; max-width:100%; max-height:60vh; margin:auto; }
.studio-history-preview audio { width:100%; }
.studio-history-preview pre { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; font:inherit; }
@media(max-width:600px) { .studio-history-dialog { padding:16px; } .studio-history-card { padding:12px; } }