html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace}:root{--ui-blue: #2d74c7;--ui-blue-dark: #174f92;--ui-cyan: #7ed0e7;--ui-cyan-dark: #2f7f9b;--ui-green: #43b57d;--ui-green-dark: #2f8a5f;--ui-orange: #f39a2d;--ui-orange-dark: #bf6f0e;--ui-yellow: #e2c055;--ui-yellow-dark: #9a7a1f;--ui-red: #d84d4f;--ui-red-dark: #992628}body{display:grid;grid-template-rows:auto 1fr auto;background:#f8f6ef;color:#1a2430}.editor-topbar{display:grid;gap:6px;padding:8px 12px;background:#ffeeb9;border-bottom:2px solid #dfc87d}.topbar-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbar-row-main{justify-content:space-between}.topbar-row-actions{justify-content:flex-start}.editor-topbar .controls,.editor-topbar .actions,.actions-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbar-row-main .controls{flex-wrap:nowrap}.actions-right{justify-content:flex-end;margin-left:auto}.title{font-size:15px;font-weight:700;letter-spacing:.02em}.title .landing-brand-link{color:#f39a2d;margin-right:6px;font-size:1em;text-decoration:none;text-shadow:0 2px 0 rgba(0,0,0,.28);-webkit-text-stroke:1.8px #000;paint-order:stroke fill}.compact-label{font-size:12px;color:#4c5d6d}.compact-file{max-width:260px;font-size:12px}.compact-format{width:84px}.compact-format-text{min-width:84px}.compact-passage{min-width:240px;max-width:min(520px,48vw)}.passage-add-btn{--btn-shadow: var(--ui-cyan-dark);background:var(--ui-cyan);border-color:var(--ui-cyan-dark);color:#000}.passage-delete-btn{--btn-shadow: var(--ui-red-dark);background:var(--ui-red);border-color:var(--ui-red-dark);color:#fff}.passage-delete-btn:disabled{opacity:.45}#passageDialog{position:fixed;top:72px;right:16px;z-index:3800;min-width:250px;max-width:min(80vw,350px);background:#fff6d8;border:2px solid #d5b25e;border-radius:12px;box-shadow:0 12px 26px #00000040;color:#3a2a07;padding:34px 14px 14px;display:grid;gap:8px}#passageDialog[hidden]{display:none!important}#passageDialog .landing-btn-ghost,#newPassageCancelBtn{--btn-shadow: var(--ui-orange-dark);background:var(--ui-orange);border-color:var(--ui-orange-dark);color:#fff}#passageDialog .landing-btn-primary,#newPassageCreateBtn{--btn-shadow: var(--ui-green-dark);background:var(--ui-green);border-color:var(--ui-green-dark);color:#fff}#passageDialog .dialog-actions-row{position:static;margin-top:6px;display:flex;justify-content:flex-end;gap:8px}#passageDialog .dialog-actions-row button{min-height:28px;min-width:0;width:auto;border-width:2px;border-radius:8px;padding:4px 10px;font-weight:600}button,.back-link{--btn-shadow: var(--ui-cyan-dark);background:var(--ui-cyan);border:2px solid var(--ui-cyan-dark);color:#0f2e3c;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;box-shadow:0 2px 0 var(--btn-shadow);transition:transform .12s ease,box-shadow .12s ease;font-family:inherit}button:hover:not(:disabled):not(.floating-save.dirty),.back-link:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--btn-shadow)}button:active:not(:disabled):not(.floating-save.dirty),.back-link:active{transform:translateY(0);box-shadow:0 2px 0 var(--btn-shadow)}.editor-topbar input,.editor-topbar select{width:auto;font-family:inherit}#previewStoryBtn{--btn-shadow: #4f5661;background:#7a838f;border-color:#4f5661;color:#f0f0f0}#previewStoryBtn.enabled{--btn-shadow: var(--ui-green-dark);background:var(--ui-green);border-color:var(--ui-green-dark);color:#fffef7}#deleteStoryBtn{--btn-shadow: var(--ui-red-dark);background:var(--ui-red);border-color:var(--ui-red-dark);color:#fff}.back-link{--btn-shadow: var(--ui-orange-dark);background:var(--ui-orange);border-color:var(--ui-orange-dark);color:#fff}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 1px #777;transform:none}.visual-main{display:grid;grid-template-columns:1fr;min-height:0}.debug-only{display:none}body.debug-mode .visual-main{grid-template-columns:360px 1fr}body.debug-mode .debug-only{display:block}.preview-pane{position:relative;background:transparent;overflow:hidden}#previewStage{position:absolute;inset:0;background:transparent}#panelAspectHandle{position:absolute;width:20px;height:20px;border-radius:999px;border:2px solid #2f7f9b;background:#d9f4fb;box-shadow:0 2px #2f7f9b;cursor:nwse-resize;z-index:2600;transform:translate(-10px,-10px);display:none}#panelAspectHandle:before{content:"⤡";position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#2f7f9b;line-height:1}.selected-model-badge{position:absolute;z-index:2500;background:#fff6d8;border:2px solid #d5b25e;border-radius:8px;padding:4px 24px 4px 8px;font-size:12px;color:#5e4a18;pointer-events:auto;display:none}#selectedBackgroundSelect{display:none;min-width:150px;margin-left:6px;padding:2px 6px;font-size:12px}#selectedEnvironmentControls #selectedBackgroundSelect{display:inline-block}#selectedEnvironmentControls{display:none;align-items:center;gap:6px;padding-right:8px}#selectedEnvironmentLabel{font-size:12px;color:#5e4a18}#selectedSkyColorInput{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;padding:0;border-radius:4px!important;border:1px solid #bfa25e;background:#fff;box-sizing:border-box;appearance:none;-webkit-appearance:none;display:block;overflow:hidden}#selectedSkyColorInput::-webkit-color-swatch-wrapper{padding:0}#selectedSkyColorInput::-webkit-color-swatch{border:0;border-radius:0}#selectedEnvironmentResetBtn{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;aspect-ratio:1 / 1;line-height:1;padding:0!important;border-radius:999px!important;--btn-shadow: var(--ui-orange-dark);background:var(--ui-orange);border-color:var(--ui-orange-dark);color:#fff;font-weight:700;display:inline-grid;place-items:center;flex:0 0 24px}#selectedDeleteModelBtn{position:absolute;top:-10px;right:-10px;width:20px;height:20px;line-height:16px;padding:0;border-radius:999px;background:var(--ui-red);border:2px solid var(--ui-red-dark);color:#fff;box-shadow:0 2px 0 var(--ui-red-dark);font-weight:800;font-size:14px}.floating-model-buttons{position:absolute;z-index:3650;display:none;gap:6px;align-items:center;transform:translate(-50%)}.floating-add-speech{position:absolute;z-index:3660;display:none;width:26px;height:26px;line-height:20px;padding:0;border-radius:999px;--btn-shadow: #b6903f;background:#fff6d8;border-color:#d5b25e;color:#5e4a18;transform:translate(-50%)!important}.floating-add-speech:hover:not(:disabled),.floating-add-speech:focus-visible{box-shadow:0 4px 0 var(--btn-shadow);border-color:#d5b25e}.floating-add-speech:hover:not(:disabled),.floating-add-speech:active:not(:disabled){transform:translate(-50%,-2px)!important}.floating-add-speech:active:not(:disabled){transform:translate(-50%)!important}.inline-text-editor{position:fixed;z-index:3800;box-sizing:border-box;border:2px solid #2f7f9b;border-radius:8px;padding:34px 6px 6px;background:#fffef7;color:#1a2430;box-shadow:0 8px 24px #00000029}.inline-text-editor-backdrop,.passage-dialog-backdrop{position:fixed;inset:0;z-index:3750;background:#0000008c;pointer-events:auto}.inline-text-editor-actions{position:absolute;top:6px;right:6px;display:flex;gap:6px}.inline-text-editor-actions button{font-size:11px;padding:2px 8px;min-height:22px}.inline-editor-done{--btn-shadow: #2a7c47;background:#3ea866;border-color:#2a7c47;color:#fff}.inline-editor-cancel{--btn-shadow: #915b15;background:#d68c2d;border-color:#915b15;color:#fff}.inline-text-editor-tabs{display:flex;gap:6px;margin-bottom:6px}.inline-text-editor .inline-tab{padding:3px 8px;font-size:11px;border-radius:6px}.inline-text-editor .inline-tab.active{background:#7ed0e7;border-color:#2f7f9b;color:#0f2e3c}.inline-text-editor-input{width:100%;min-height:48px;max-height:55vh;resize:none;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:none;box-sizing:border-box;border:1px solid #9fc6d4;border-radius:6px;padding:8px 9px;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:16px;letter-spacing:0;tab-size:4;white-space:pre-wrap;overflow-wrap:break-word;background:#fffef7;color:#1a2430;position:relative;z-index:2}.inline-text-editor-input::-webkit-scrollbar{width:0;height:0}.inline-code-field{position:relative;border-radius:6px;overflow:hidden;max-height:55vh;width:100%}.inline-cm-editor,.inline-cm-editor .cm-editor{height:100%}.inline-cm-editor .cm-editor{border:1px solid #9fc6d4;border-radius:6px;background:#fffef7;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.inline-cm-editor .cm-scroller{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;line-height:16px}.inline-cm-editor .cm-content{white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;tab-size:4;padding:8px 9px}.inline-code-field.has-tokens .inline-text-editor-input{box-shadow:inset 0 0 0 1px #5688ff73;color:#1a2430;caret-color:#1a2430;text-shadow:none;background:#fffef7}.inline-text-editor-highlight{position:absolute;inset:0;margin:0;padding:8px 9px;box-sizing:border-box;overflow:auto;overscroll-behavior:none;white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;tab-size:4;pointer-events:none;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:16px;letter-spacing:0;color:transparent;z-index:1}.inline-text-editor-highlight::-webkit-scrollbar{width:0;height:0}.inline-text-editor-highlight .sugar-token{color:#0a55c8;font-weight:600}.inline-text-editor-highlight .sugar-macro{color:#6a1fb3;font-weight:700}.inline-text-editor-highlight .sugar-link{color:#2b6f21;font-weight:700}.inline-text-editor-highlight .dialomic-macro{color:#915b15;font-weight:700}.inline-text-editor-highlight .speaker-prefix{color:#a63d00;font-weight:700}.inline-text-editor-highlight .sugar-var{color:#0f55b8;font-weight:700}.inline-text-editor-highlight .js-string{color:#1c7c54}.inline-text-editor-highlight .js-number{color:#8c3f00}.inline-text-editor-highlight .js-punct{color:#4a5568}.inline-cm-editor .cm-sugar-macro{color:#6a1fb3;font-weight:700}.inline-cm-editor .cm-sugar-link{color:#2b6f21;font-weight:700}.inline-cm-editor .cm-dialomic-macro{color:#915b15;font-weight:700}.inline-cm-editor .cm-speaker-prefix{color:#a63d00;font-weight:700}.inline-cm-editor .cm-sugar-var{color:#0f55b8;font-weight:700}.inline-cm-editor .cm-js-string{color:#1c7c54}.inline-cm-editor .cm-js-number{color:#8c3f00}.inline-cm-editor .cm-js-punct{color:#4a5568}.inline-text-editor-highlight .lint-error{text-decoration:underline wavy #d91f26;text-underline-offset:2px}.inline-text-editor-diagnostics{display:none;margin-top:6px;padding:6px 8px;border:1px solid #d39a3a;border-radius:6px;background:#fff2d9;color:#6a3f05;font-size:11px;line-height:1.3}.panel-speech{position:absolute;isolation:isolate;overflow:visible;overflow-wrap:break-word;word-break:normal;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphenate-character:"-"}.panel-speech .speech-content{position:absolute;z-index:4;inset:10px 12px;pointer-events:none;white-space:pre-wrap}.panel-speech .speech-body{position:relative;z-index:2}.panel-speech .speech-content-measure{visibility:hidden;pointer-events:none}.panel-speech:hover{background:transparent}.panel-speech:hover .speech-body{border-color:#2e73ff}.panel-speech.is-selected-bubble .speech-body{outline:2px dotted #ffd400;outline-offset:2px}.panel-speech.is-selected-bubble{z-index:auto}.panel-speech.is-inline-editing{z-index:3700!important}.inline-text-editor.speech-inline-editor{outline:2px dotted #ffd400;outline-offset:2px;z-index:3850}.panel-speech .speech-remove-btn{position:absolute;top:-9px;right:-9px;z-index:3900;width:18px;height:18px;line-height:14px;padding:0;border-radius:999px;--btn-shadow: var(--ui-red-dark);background:var(--ui-red);border:2px solid var(--ui-red-dark);color:#fff;font-weight:800;font-size:12px;display:none;place-items:center}.panel-speech .speech-remove-btn:hover:not(:disabled),.panel-speech .speech-remove-btn:focus-visible{box-shadow:0 4px 0 var(--btn-shadow);border-color:var(--ui-red-dark)}.floating-delete-model{position:static;z-index:auto;width:24px;height:24px;line-height:16px;padding:0;border-radius:999px;--btn-shadow: var(--ui-orange-dark);background:var(--ui-orange);border-color:var(--ui-orange-dark);color:#fff;font-weight:700;font-size:15px}.floating-mode-btn{position:static;width:24px;height:22px;line-height:14px;padding:0;border-radius:6px;--btn-shadow: var(--ui-cyan-dark);background:var(--ui-cyan);border-color:var(--ui-cyan-dark);color:#183949;font-weight:700;font-size:13px}.floating-mode-btn.active{--btn-shadow: var(--ui-cyan-dark);background:var(--ui-cyan);border-color:var(--ui-cyan-dark);color:#183949}#previewPaper{position:absolute;inset:0;background-image:url(/dialomic/assets/paper-DpKCFtCG.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}.preview-link-list{position:absolute;left:10px;right:10px;bottom:14px;display:flex;flex-direction:column;gap:8px;z-index:1200;pointer-events:auto}.preview-link-list .link-button{background:#fff7bff2;border:1px solid rgba(142,119,38,.35);color:#3c2f0f;cursor:default;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.25;padding:6px 12px;text-align:left;white-space:nowrap;align-self:flex-start;border-radius:8px}.preview-link-list .link-button:hover{background:#fff7bff2}.camera-tools{position:absolute;top:12px;right:12px;z-index:3670;display:flex;gap:6px}.camera-tools button{font-size:12px;padding:4px 8px;--btn-shadow: var(--ui-cyan-dark);background:var(--ui-cyan);border-color:var(--ui-cyan-dark);color:#183949}.camera-tools button:disabled{opacity:.5;background:#a8a8a8;border-color:#7a7a7a;box-shadow:0 1px #7a7a7a}.visual-pane{border-right:1px solid #d8cfb2;background:#f4f0e2;padding:10px;overflow:auto;z-index:200}.hint{font-size:12px;line-height:1.35;color:#5e6d78}.row{display:grid;gap:4px;margin-bottom:8px}label{font-size:12px;color:#44576a}input,select,textarea{width:100%;box-sizing:border-box;background:#fffcf3;color:#1a2430;border:1px solid #c8c2a8;border-radius:6px;padding:6px;font-size:13px;font-family:inherit}#passageBody{min-height:220px;resize:vertical}#statusBar{border-top:1px solid #d8cfb2;padding:6px 10px;font-size:12px;color:#44576a;background:#f5f1df}.floating-save-tools{position:fixed;right:14px;bottom:44px;z-index:1200;display:flex;align-items:center;gap:8px}.floating-save-tools select{width:auto;min-width:130px}.add-model-btn{width:28px;height:28px;line-height:18px;padding:0;border-radius:999px;font-size:18px;font-weight:700}.floating-save{--btn-shadow: var(--ui-blue-dark);background:var(--ui-blue);border-color:var(--ui-blue-dark);color:#fff}#saveSceneBtn:hover:not(:disabled){background:#3a84d8}.floating-save.dirty{animation:savePulse 1.2s ease-in-out infinite}.floating-save.dirty,.floating-save.dirty:hover,.floating-save.dirty:active{box-shadow:0 2px 0 var(--ui-blue-dark)}#clearSceneBtn{--btn-shadow: var(--ui-red-dark);background:var(--ui-red);border-color:var(--ui-red-dark);color:#fff}#revertSceneBtn{--btn-shadow: var(--ui-orange-dark);background:var(--ui-orange);border-color:var(--ui-orange-dark);color:#fff}@keyframes savePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#14161a73;z-index:4000}.dialog-backdrop[hidden]{display:none!important}.dialog-card{background:#fff6d8;border:2px solid #d5b25e;border-radius:12px;box-shadow:0 12px 26px #00000040;min-width:320px;max-width:420px;padding:14px}.dialog-card h3{margin:0 0 8px;font-size:16px}.dialog-card p{margin:0 0 12px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}