:root{--bg:#15120a;--panel:#211a08;--panel2:#2b2209;--text:#f6e8b1;--muted:#c6b36c;--accent:#f4c430;--accent2:#856d14;--danger:#d86b4b;--ok:#9cc26b;--border:#5b4a16}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif}a{color:inherit}.home{display:grid;min-height:100vh;place-items:center}.home-card{width:min(760px,92vw);padding:42px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,var(--panel),#120f07);box-shadow:0 20px 70px #0008}.home h1{font-size:48px;margin:0 0 12px;color:var(--accent)}.home-actions{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0}.button,button,label.file-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent2);background:#3a2d0a;color:var(--text);padding:9px 12px;border-radius:10px;cursor:pointer;text-decoration:none;font-weight:600}button:hover,.button:hover,label.file-button:hover{background:#513f0d}.primary{background:var(--accent);color:#15120a;border-color:var(--accent)}.danger{border-color:var(--danger);color:#ffd2c6}.ok{border-color:var(--ok);color:#e7ffd2}.hint{color:var(--muted);font-size:.92rem}.app-shell{height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;background:#0e0c07;border-bottom:1px solid var(--border)}.brand{ vertical-align:middle;font-weight:800;color:var(--accent);letter-spacing:.5px}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:auto;}.workspace{display:grid;grid-template-columns:minmax(320px,430px) 1fr;height:100%;min-height:0}.sidebar{overflow:auto;padding:10px;background:#171207;border-right:1px solid var(--border)}.stage-wrap{position:relative;min-height:0;background:#0a0906}.stage{display:block;width:100%;height:100%}.status{position:absolute;left:14px;bottom:14px;right:14px;max-height:32vh;overflow:auto;background:#000a;border:1px solid var(--border);border-radius:12px;padding:10px;color:#eadb9a;font-family:Consolas,monospace;font-size:12px;white-space:pre-wrap}.panel{border:1px solid var(--border);border-radius:14px;background:var(--panel);margin:0 0 10px;overflow:hidden}.panel-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--panel2);border:0;border-bottom:1px solid var(--border);border-radius:0;padding:11px 12px;color:var(--accent);font-size:1rem}.panel-body{padding:12px;max-height:55vh;overflow:auto}.panel.collapsed .panel-body{display:none}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}input,select,textarea{width:100%;background:#100d06;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px}textarea{min-height:88px;resize:vertical}input[type=file]{display:none}input[type=range]{padding:0}.small{font-size:.85rem;color:var(--muted)}.list{border:1px solid var(--border);border-radius:10px;max-height:170px;overflow:auto;background:#120f07}.list button{width:100%;border:0;border-bottom:1px solid #3b3010;border-radius:0;justify-content:flex-start;background:transparent}.list button.active{background:#4e3d0e;color:#fff}.meta-grid{display:grid;grid-template-columns:110px 1fr;gap:6px;align-items:center}.bone-row{border-bottom:1px solid #3b3010;padding:8px 0}.bone-row h4{margin:0 0 6px;color:#fff}.overlay{position:fixed;inset:0;background:#000b;display:none;place-items:center;z-index:30}.overlay.show{display:grid}.overlay-card{width:min(720px,92vw);max-height:80vh;overflow:auto;background:var(--panel);border:1px solid var(--accent2);border-radius:16px;padding:18px}.chat-log{height:210px;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#100d06;padding:10px}.chat-msg{margin:6px 0}.chat-msg strong{color:var(--accent)}@media(max-width:900px){.workspace{grid-template-columns:1fr;grid-template-rows:48vh 1fr}.sidebar{grid-row:2;border-right:0;border-top:1px solid var(--border)}.stage-wrap{grid-row:1}.panel-body{max-height:42vh}}

/* Presenter refinement */
.panel-toggle{width:100%;margin:0 0 10px;background:var(--accent);color:#15120a;border-color:var(--accent);}
.presenter-sidebar{display:flex;flex-direction:column;gap:0;}
.presenter-sidebar.collapsed-all .panel{display:none;}
.presenter-sidebar.collapsed-all{min-width:220px;}
.presenter-status{position:static;left:auto;right:auto;bottom:auto;max-height:130px;margin-top:auto;width:100%;}
.presenter-sidebar.collapsed-all .presenter-status{display:block;}


/* Presenter final polish: scrollable controls and true minimized panel */
.presenter-sidebar{
  min-height:0;
  max-height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
}
.presenter-sidebar .panel{flex:0 0 auto;}
.presenter-sidebar .panel-body{max-height:none;overflow:visible;}
.presenter-sidebar:not(.collapsed-all) .chat-log{max-height:24vh;}
.workspace.presenter-controls-hidden{grid-template-columns:1fr;}
.workspace.presenter-controls-hidden .stage-wrap{grid-column:1 / -1;}
.presenter-sidebar.collapsed-all{
  position:absolute;
  top:64px;
  right:12px;
  width:auto;
  min-width:0;
  max-width:none;
  height:auto;
  max-height:none;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
  z-index:25;
}
.presenter-sidebar.collapsed-all .panel,
.presenter-sidebar.collapsed-all .presenter-status{display:none;}
.presenter-sidebar.collapsed-all .panel-toggle{
  width:44px;
  height:44px;
  padding:0;
  margin:0;
  border-radius:50%;
  box-shadow:0 6px 22px #0009;
  font-size:20px;
}
@media(max-width:900px){
  .workspace.presenter-controls-hidden{grid-template-rows:1fr;}
  .workspace.presenter-controls-hidden .stage-wrap{grid-row:1 / -1;}
  .presenter-sidebar.collapsed-all{top:58px;right:10px;}
}


.top-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
}

.top-actions select{
    width:auto;
    min-width:120px;
}

.top-actions button{
    white-space:nowrap;
}