@font-face{font-family:RUSSRajdhani;src:url("../../../shared/assets/fonts/rajdhani.semibold.ttf")}@font-face{font-family:RUSSBody;src:url("../../../shared/assets/fonts/SegUIVar.ttf")}
:root{color-scheme:dark;--bg:#151718;--panel:#232628;--line:#3b4042;--ink:#f3f1eb;--muted:#aeb4b5;--accent:#c86d30;--danger:#ffb4aa}
.canvas-wrap{position:relative;overflow:hidden}.avatar-editor{position:absolute;border:1px dashed #fff9;cursor:move;touch-action:none;z-index:2}.avatar-editor[hidden]{display:none}.avatar-resize-handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border:2px solid #17191a;border-radius:50%;background:var(--accent);cursor:nwse-resize}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,sans-serif}.app-header,.panel-title,.header-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header{padding:1rem 2rem;border-bottom:1px solid var(--line);background:#1c1f20}.eyebrow{margin:0;color:var(--accent);font-size:.7rem;letter-spacing:.18em}h1,h2,h3{font-family:RUSSRajdhani}h1{margin:.1rem 0}h2{margin:0 0 .75rem;font-size:1.05rem}.workspace{display:grid;grid-template-columns:minmax(340px,520px) minmax(620px,1fr);gap:1rem;max-width:1400px;margin:auto;padding:1rem}.editor,.output{display:flex;flex-direction:column;gap:1rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1rem}.grid-2,.grid-3{display:grid;gap:.75rem}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}label{display:flex;flex-direction:column;gap:.25rem;color:var(--muted);font-size:.78rem}input,select,textarea,button{font:inherit;color:var(--ink);background:#17191a;border:1px solid #4b5153;border-radius:5px;padding:.55rem .65rem}button{cursor:pointer;background:#6d3d20}.secondary{background:#17191a}button:disabled{opacity:.45;cursor:not-allowed}.avatar-field{margin-top:.75rem}.avatar-field small{margin-top:.2rem}.stat-row{display:grid;grid-template-columns:90px repeat(3,1fr);gap:.45rem;align-items:center;margin:.45rem 0}.stat-row span{font-family:RUSSRajdhani}.movement{margin-top:1rem}.movement input{width:3ch}.available-rules{max-height:260px;overflow:auto;margin-top:.6rem}.rule-row{display:grid;grid-template-columns:auto 1fr;gap:.6rem;padding:.5rem;border-bottom:1px solid var(--line)}.rule-row input{margin-top:.2rem}.rule-name{color:var(--ink);font-weight:650}.rule-description{display:block;margin-top:.15rem}.selected-rule{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:start;padding:.55rem;border-bottom:1px solid var(--line)}.selected-rule p{margin:.25rem 0;color:var(--muted);font-size:.8rem}.selected-rule button{padding:.25rem .45rem}.empty,.messages,.status,small{color:var(--muted);font-size:.82rem}.status.ready{color:#9bd59b}.status.error,.messages.error{color:var(--danger)}.canvas-wrap{background:#0d0f10;border:1px solid var(--line);padding:1rem}canvas{display:block;width:100%;height:auto;aspect-ratio:12/7}.render-options{display:flex;align-items:end;gap:1rem;margin-top:.65rem}.render-options>label:first-child{min-width:170px}.overflow-option{display:flex;flex-direction:row;align-items:center;margin:0 0 .55rem}.messages{min-height:1.25rem;margin-top:.5rem}.actions{display:flex;flex-wrap:wrap;gap:.6rem}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.output{order:-1}}@media(max-width:600px){.grid-2,.grid-3{grid-template-columns:1fr}.app-header{align-items:flex-start;flex-direction:column}.stat-row{grid-template-columns:75px repeat(3,minmax(0,1fr))}.render-options{align-items:stretch;flex-direction:column}.overflow-option{margin:0}}