:root{--bg: #0b0f14;--panel: #121820;--panel-2: #171e28;--line: #243041;--text: #e7eef7;--muted: #8b9bb0;--accent: #3d9cf0;--accent-2: #2a6fad;--user: #1a3a55;--assistant: #1a222c;--danger: #e26d6d;--font: "IBM Plex Sans", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(1200px 600px at 20% -10%,#1a2a3d 0%,transparent 55%),radial-gradient(900px 500px at 90% 0%,#152033 0%,transparent 50%),var(--bg);color:var(--text)}button,textarea,input{font:inherit;color:inherit}.app-shell{height:100%;display:grid;grid-template-rows:1fr}.app-main{min-height:0;display:grid;grid-template-columns:1fr}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line)}.panel-header-right{display:flex;align-items:center;gap:8px}.muted{color:var(--muted);font-size:.75rem}.pad{padding:12px}.book-tree{flex:1;min-height:0;overflow:auto;padding:6px 0 12px}.tree-row{display:flex;align-items:center;gap:6px;width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:5px 10px;cursor:pointer;font-size:.82rem}.tree-row:hover{background:#3d9cf014}.tree-row.file.active{background:#3d9cf02e;color:#cfe7ff}.chev{width:12px;color:var(--muted)}.book-active{border-top:1px solid var(--line);padding:8px 12px;font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--line)}.tool-btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:6px;padding:5px 10px;cursor:pointer;font-size:.75rem}.tool-btn:hover:not(:disabled){background:#3d9cf014}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.book-tree.dragging{outline:2px dashed var(--accent);outline-offset:-4px;background:#3d9cf00f}.book-empty{padding:24px 16px;color:var(--muted);font-size:.78rem;line-height:1.6;white-space:pre-line;text-align:center}.book-status{border-top:1px solid var(--line);padding:6px 12px;font-size:.7rem;color:var(--accent)}.center-col{position:relative;min-width:0;min-height:0}.scene-panel{height:100%}.chat-list{flex:1;min-height:0;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.bubble{border-radius:10px;padding:8px 10px;background:var(--assistant);border:1px solid var(--line)}.bubble.user{background:var(--user)}.bubble.pending{opacity:.85}.bubble-role{font-size:.7rem;color:var(--muted);margin-bottom:4px}.bubble-body{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--font);font-size:.86rem;line-height:1.45}.chat-input{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid var(--line)}.api-row{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line)}.api-row input{flex:1;min-width:0;border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:6px 8px;font-size:.72rem;color:var(--muted)}.chat-input textarea,.dsl-editor{width:100%;border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:8px 10px;resize:none}.chat-input button,.ghost-btn,.dsl-fab{border:1px solid var(--line);background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#fff;border-radius:8px;padding:8px 14px;cursor:pointer}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.ghost-btn{background:transparent;color:var(--muted);padding:4px 8px;font-size:.75rem}.fab-group{position:absolute;left:50%;transform:translate(-50%);bottom:14px;z-index:5;display:flex;gap:8px}.dsl-fab{box-shadow:0 8px 24px #00000059;background:#121820d9;color:var(--text)}.dsl-fab.active{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#fff}.dsl-drawer{position:absolute;left:12px;right:12px;bottom:60px;height:38%;z-index:6;display:flex;flex-direction:column;background:#0e1218f5;border:1px solid var(--line);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.book-float{position:absolute;top:12px;left:12px;width:300px;max-height:72%;z-index:6;display:flex;flex-direction:column;background:#0e1218f5;border:1px solid var(--line);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-float{position:absolute;top:12px;right:12px;width:340px;max-height:72%;z-index:6;display:flex;flex-direction:column;background:#0e1218f5;border:1px solid var(--line);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dsl-editor{flex:1;border:0;border-radius:0;font-family:var(--mono);font-size:.78rem;line-height:1.4}.dsl-errors{max-height:64px;overflow:auto;padding:6px 10px;border-top:1px solid var(--line);color:var(--danger);font-size:.75rem}