/* Forja — base */
:root{
  --bg:#171614; --panel:#201e1b; --panel2:#2a2723; --line:#3a3631; --text:#ece6da; --mute:#a59d8f;
  --acc:#e3a23b; --acc2:#f3c26b; --stage:#24221f; --warn:#e2734a; --ok:#8fbf7a;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:14px}
button,select,input{font-family:inherit;font-size:13px}
header{height:54px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--line);background:#1c1a17}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.04em;font-size:16px;white-space:nowrap}
.brand small{font-weight:400;color:var(--mute);letter-spacing:0;font-size:12px}
.brand svg{flex:none}
.seg{display:flex;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:2px}
.seg button{background:none;border:0;color:var(--mute);padding:6px 11px;border-radius:6px;cursor:pointer;white-space:nowrap}
.seg button.on{background:var(--acc);color:#1a1307;font-weight:600}
.tools{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.btn{background:var(--panel2);border:1px solid var(--line);color:var(--text);padding:7px 10px;border-radius:7px;cursor:pointer;white-space:nowrap}
.btn:hover{border-color:#5b544b}
.btn.pri{background:var(--acc);border-color:var(--acc);color:#1a1307;font-weight:600}
.btn.pri:hover{background:var(--acc2)}
main{display:flex;height:calc(100% - 54px)}
#toast{position:fixed;left:50%;top:66px;transform:translateX(-50%);background:#2e2a25;border:1px solid var(--acc);color:var(--text);padding:9px 16px;border-radius:8px;font-size:13px;opacity:0;transition:opacity .25s;pointer-events:none;z-index:9;max-width:90vw}
#toast.show{opacity:1}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:10}
.modal.show{display:flex}
.modal .box{background:var(--panel);border:1px solid var(--line);border-radius:12px;max-width:560px;width:92vw;padding:20px 22px;max-height:86vh;overflow:auto;line-height:1.55}
.modal h2{margin:0 0 10px;font-size:18px}
.modal ol{padding-left:20px}
.modal li{margin:6px 0}