html,body{background:#9a9ea4;height:100%;margin:0;font:13px system-ui,sans-serif}canvas{display:block}#app{height:100%}button{font:inherit}.fatal{color:#5a1f1f;padding:24px}.login-page{place-items:center;height:100%;display:grid}.login{color:#eee;background:#141418db;border-radius:10px;flex-direction:column;gap:12px;width:280px;padding:24px;display:flex}.login h1{margin:0 0 4px;font-size:18px;font-weight:600}.login label{color:#bbb;flex-direction:column;gap:4px;display:flex}.login input{font:inherit;border:0;border-radius:6px;padding:8px}.login button{color:#fff;cursor:pointer;background:#2f5bd3;border:0;border-radius:6px;padding:8px}.login button:disabled{opacity:.5;cursor:default}.login-error{color:#ff9b9b;min-height:1.2em}.main{position:fixed;inset:0}.stage{position:absolute;inset:0}.hud{color:#eee;white-space:pre;background:#141418b8;border-radius:8px;padding:8px 10px;line-height:1.5;position:fixed;top:12px;left:12px}.views{gap:6px;display:flex;position:fixed;bottom:16px;left:calc(50% - 180px);transform:translate(-50%)}.views button,.logout{cursor:pointer;color:#eee;text-transform:capitalize;background:#141418b8;border:0;border-radius:6px;padding:6px 12px}.views button:hover,.logout:hover{background:#141418e6}.logout{z-index:2;text-transform:none;position:fixed;top:12px;right:364px}.picker{color:#eee;background:#141418db;border-radius:10px;max-width:560px;margin:48px auto;padding:24px}.picker h1{margin:0 0 16px;font-size:18px;font-weight:600}.picker h2{color:#bbb;margin:20px 0 8px;font-size:13px;font-weight:600}.picker-assets{flex-wrap:wrap;gap:8px;display:flex}.picker-asset,.picker-creations a{color:#eee;text-align:left;cursor:pointer;background:#2b2b31;border:0;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;text-decoration:none;display:flex}.picker-asset:hover,.picker-creations a:hover{background:#34343c}.picker-asset span,.picker-creations span{color:#9a9aa3;font-size:11px}.picker-creations{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.picker-status{color:#ff9b9b;min-height:1.2em;margin-top:8px}.chat{color:#eee;background:#141418d1;border-radius:10px;flex-direction:column;width:340px;display:flex;position:fixed;top:12px;bottom:12px;right:12px}.chat-header{color:#aaa;border-bottom:1px solid #333;justify-content:space-between;gap:8px;padding:10px 12px;font-size:11px;display:flex}.chat-header a{color:#aaa;text-decoration:none}.chat-header a:hover{color:#eee}.log{flex-direction:column;flex:1;gap:8px;padding:10px 12px;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;border-radius:8px;padding:8px 10px;line-height:1.45}.msg.creator{background:#2f5bd3;align-self:flex-end;max-width:85%}.msg.assistant{background:#2b2b31}.msg.question{border-left:3px solid #d3a52f}.msg.note{color:#aaa}.msg.pending{color:#aaa;justify-content:space-between;align-items:center;gap:8px;font-style:italic;display:flex}.msg.error{background:#5a1f1f}.meta{color:#9a9aa3;margin-top:6px;font-size:11px}.cancel{color:#ccc;cursor:pointer;background:0 0;border:1px solid #555;border-radius:5px;padding:2px 8px;font-style:normal}.prompt-form{border-top:1px solid #333;gap:6px;padding:10px;display:flex}.prompt{resize:none;height:54px;font:inherit;border:0;border-radius:6px;flex:1;padding:8px}.send{color:#fff;cursor:pointer;background:#2f5bd3;border:0;border-radius:6px;padding:0 14px}.send:disabled{opacity:.5;cursor:default}.export{color:#eee;background:#141418b8;border-radius:8px;align-items:center;gap:10px;padding:4px 4px 4px 10px;display:flex;position:fixed;bottom:16px;left:12px}.export label{cursor:pointer;align-items:center;gap:5px;display:flex}.export button{cursor:pointer;color:#fff;background:#2f5bd3;border:0;border-radius:6px;padding:6px 12px}.export button:disabled{opacity:.5;cursor:default}.export-status:empty{display:none}.export-status{color:#ff9b9b;padding-right:6px}