:root{--paper:#080d1c;--paper-line:#1c2333;--ink:#eef1fa;--ink-soft:#b9b8ce;--stage:#040810;--stage-line:#2a3145;--amber:#4992ff;--amber-dim:#4992ffaa;--bg-code:#0b1120;--text-link:#58d9f9;--text-link-hover:#7cffb2;--text-bold:#ff8a45;--text-italic:#fddd60;--text-code:#05c091;--text-bullet:#8d48e3;--color-error:#ff6e76;--color-error-bg:#ff6e7622}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--stage);color:var(--ink);flex-direction:column;font-family:Inter,sans-serif;display:flex;overflow:hidden}header{background:var(--stage);border-bottom:1px solid var(--stage-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;display:flex}.brand{color:var(--ink);align-items:baseline;gap:10px;font-family:Fraunces,serif;display:flex}.brand .mark{color:var(--amber);font-size:19px;font-weight:600}.brand .sub{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:11.5px}.toolbar{flex-wrap:wrap;gap:6px;display:flex}button{border:1px solid var(--stage-line);background:var(--bg-code);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:6px;padding:7px 12px;font-family:Inter,sans-serif;font-size:13px;transition:background .15s,border-color .15s,color .15s}button:hover{border-color:var(--amber);color:var(--ink)}button:active{transform:translateY(1px)}button.primary{background:var(--amber);border-color:var(--amber);color:#04070f;font-weight:600}button.primary:hover{background:#7bb0ff}.divider{background:var(--stage-line);width:1px;margin:2px 4px}.workspace{flex:1;min-height:0;display:flex}.pane{flex-direction:column;min-width:0;display:flex}.pane-editor{background:var(--paper);border-right:1px solid var(--stage-line);width:44%}.pane-preview{background:var(--stage);width:56%}.pane-head{letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;font-size:11px;display:flex}.pane-editor .pane-head,.pane-preview .pane-head{color:var(--ink-soft);border-bottom:1px solid var(--paper-line)}.file-bar{border-bottom:1px solid var(--paper-line);flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;display:flex}.file-list{scrollbar-width:thin;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.file-list::-webkit-scrollbar{height:5px}.file-list::-webkit-scrollbar-thumb{background:var(--paper-line);border-radius:4px}.file-tab{cursor:pointer;border:1px solid #0000;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:5px 6px 5px 10px;display:flex}.file-tab:hover{background:var(--bg-code)}.file-tab.is-active{background:var(--amber);border-color:var(--amber)}.file-tab-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-family:Inter,sans-serif;font-size:12.5px;overflow:hidden}.file-tab.is-active .file-tab-name{color:#04070f;font-weight:600}.file-tab-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:1px 4px;font-size:14px;line-height:1}.file-tab-close:hover{color:var(--color-error);background:#ffffff1a}.file-tab.is-active .file-tab-close{color:#04070f}.file-tab.is-active .file-tab-close:hover{background:#00000026}.file-new{border:1px solid var(--paper-line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:5px 10px;font-family:Inter,sans-serif;font-size:12.5px}.file-new:hover{background:var(--bg-code);color:var(--ink)}.slash-menu{z-index:1000;background:var(--surface,#1e1e1e);border:1px solid var(--border,#333);border-radius:6px;min-width:180px;max-height:260px;padding:4px;display:none;position:absolute;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.slash-menu-item{cursor:pointer;border-radius:4px;padding:6px 10px;font-size:14px}.slash-menu-item.is-selected,.slash-menu-item:hover{background:var(--accent,#4992ff);color:#fff}.editor-scroll{flex:1;overflow-y:auto}.ProseMirror{background:var(--paper);color:var(--ink);outline:none;min-height:100%;padding:20px 26px 60px;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:15.5px;line-height:1.7}.ProseMirror::selection{background:var(--paper-line);color:#fff}.ProseMirror p{margin:0 0 .8em}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{color:var(--amber);margin:1em 0 .4em;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-weight:600;line-height:1.25}.ProseMirror h1{font-size:1.8em}.ProseMirror h2{font-size:1.4em}.ProseMirror h3{font-size:1.15em}.ProseMirror h4{font-size:1em}.ProseMirror ul,.ProseMirror ol{margin:0 0 .8em;padding-left:1.3em}.ProseMirror li{margin:.2em 0}.ProseMirror li::marker{color:var(--text-bullet)}.ProseMirror blockquote{border-left:4px solid var(--amber);background:var(--bg-code);color:var(--text-italic);border-radius:0 6px 6px 0;margin:0 0 .8em;padding:.2em 0 .2em 1em;font-style:italic}.ProseMirror code{background:var(--bg-code);color:var(--text-code);border-radius:4px;padding:.15em .35em;font-family:Fira Code,Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:.88em}.ProseMirror pre{background:var(--bg-code);color:var(--ink);border:1px solid var(--paper-line);border-radius:8px;margin:0 0 .8em;padding:14px 16px;font-family:Fira Code,Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:13px;line-height:1.55;overflow-x:auto}.ProseMirror pre code{color:inherit;background:0 0;padding:0}.ProseMirror pre .hljs-comment,.ProseMirror pre .hljs-quote{color:var(--ink-soft);font-style:italic}.ProseMirror pre .hljs-keyword,.ProseMirror pre .hljs-selector-tag,.ProseMirror pre .hljs-literal,.ProseMirror pre .hljs-section,.ProseMirror pre .hljs-tag,.ProseMirror pre .hljs-name,.ProseMirror pre .hljs-link{color:var(--text-link)}.ProseMirror pre .hljs-built_in,.ProseMirror pre .hljs-type{color:var(--text-link-hover)}.ProseMirror pre .hljs-string,.ProseMirror pre .hljs-meta .hljs-meta-string,.ProseMirror pre .hljs-regexp,.ProseMirror pre .hljs-attr,.ProseMirror pre .hljs-symbol,.ProseMirror pre .hljs-bullet{color:var(--text-italic)}.ProseMirror pre .hljs-number,.ProseMirror pre .hljs-meta{color:var(--amber)}.ProseMirror pre .hljs-title,.ProseMirror pre .hljs-title.function_,.ProseMirror pre .hljs-title.class_,.ProseMirror pre .hljs-function .hljs-title{color:var(--text-code)}.ProseMirror pre .hljs-params,.ProseMirror pre .hljs-variable{color:var(--ink)}.ProseMirror pre .hljs-property,.ProseMirror pre .hljs-attribute{color:var(--text-bold)}.ProseMirror pre .hljs-punctuation,.ProseMirror pre .hljs-operator{color:var(--ink-soft)}.ProseMirror pre .hljs-emphasis{font-style:italic}.ProseMirror pre .hljs-strong{font-weight:600}.ProseMirror hr{border:none;border-top:2px dashed var(--paper-line);margin:1.6em 0}.ProseMirror a{color:var(--text-link);text-decoration:none;transition:color .15s}.ProseMirror a:hover{color:var(--text-link-hover)}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--ink-soft);opacity:.6}.tiptap-error{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error);border-radius:8px;margin:20px 26px;padding:14px 16px;font-family:Fira Code,monospace;font-size:13px;line-height:1.5}.rendered-output{background:var(--bg-code);border:1px solid var(--paper-line);min-height:100px;color:var(--ink);border-radius:6px;margin-top:8px;padding:16px}.tiptap-html-renderer-container{border:1px solid var(--paper-line);background:var(--paper);color:var(--ink);border-radius:6px;margin:1em 0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.html-renderer-tabs{background:var(--paper);border-bottom:1px solid var(--paper-line);display:flex}.tab-button{cursor:pointer;color:var(--ink);border:none;border-right:1px solid var(--paper-line);background:0 0;padding:10px 16px;font-size:14px;font-weight:500;transition:background .2s,color .2s}.tab-button:last-child{border-right:none}.tab-button.active{background:var(--bg-code);color:var(--amber);border-bottom:2px solid var(--bg-code);margin-bottom:-1px}.tab-button:hover:not(.active){background:var(--paper-line);color:var(--ink)}.html-renderer-preview,.html-renderer-code{background:var(--paper);color:var(--ink);padding:16px}.editor-label{color:var(--amber);margin-top:12px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.editor-label:first-child{margin-top:0}.code-editor,.state-editor{border:1px solid var(--paper-line);background:var(--bg-code);width:100%;color:var(--ink);resize:vertical;box-sizing:border-box;border-radius:4px;padding:10px;font-family:Fira Code,Menlo,Consolas,Monaco,Courier New,Courier,monospace;font-size:13px;line-height:1.4}.code-editor:focus,.state-editor:focus{border-color:var(--amber);background:var(--bg-code);outline:none;box-shadow:0 0 0 2px #4992ff33}.preview-frame-wrap{flex:1;min-height:0;padding:16px;position:relative}iframe#deck{border:1px solid var(--stage-line);background:#020509;border-radius:8px;width:100%;height:100%}.dots{flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.dot{background:var(--paper-line);border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s}.dot.active{background:var(--amber);transform:scale(1.5)}.status{color:var(--ink-soft);font-family:Fira Code,monospace;font-size:11px}.status.stage{color:var(--ink-soft)}.theme-modal{z-index:1000;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.theme-modal.is-open{display:flex}.theme-panel{background:var(--bg-code);border:1px solid var(--paper-line);border-radius:10px;flex-direction:column;width:min(1100px,96vw);height:min(760px,92vh);display:flex;overflow:hidden;box-shadow:0 24px 80px #00000080}.theme-panel-head{border-bottom:1px solid var(--paper-line);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.theme-panel-title{color:var(--ink);font-weight:600}.theme-panel-subtitle{color:var(--ink-soft);margin-top:3px;font-size:11px}.theme-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.theme-editor{resize:none;width:100%;min-height:0;color:var(--ink);tab-size:2;background:#020509;border:0;outline:none;flex:1;padding:18px 20px;font:13px/1.6 Fira Code,monospace}.theme-panel-foot{border-top:1px solid var(--paper-line);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;font:11px Fira Code,monospace;display:flex}.theme-file-input{display:none}.tiptap-html-renderer-container *,.code-editor{text-align:left;direction:ltr!important}@media (width<=820px){.workspace{flex-direction:column}.pane-editor,.pane-preview{border-right:none;width:100%;height:50%}.pane-editor{border-bottom:1px solid var(--stage-line)}}[dir=rtl] body{font-family:Noto Sans Arabic,Inter,sans-serif}[dir=rtl] header,[dir=rtl] .brand,[dir=rtl] .toolbar,[dir=rtl] .file-bar,[dir=rtl] .slash-menu,[dir=rtl] .slash-menu-item,[dir=rtl] .pane-head,[dir=rtl] .theme-panel-head,[dir=rtl] .theme-actions,[dir=rtl] .theme-panel-foot,[dir=rtl] .dots,[dir=rtl] .workspace{flex-direction:row-reverse}[dir=rtl] .pane-editor{border-right:none;border-left:1px solid var(--stage-line)}@media (width<=820px){[dir=rtl] .workspace{flex-direction:column}[dir=rtl] .pane-editor{border-left:none;border-bottom:1px solid var(--stage-line)}}[dir=rtl] .file-tab{flex-direction:row-reverse}[dir=rtl] .file-tab-name{text-align:right}[dir=rtl] .ProseMirror,[dir=rtl] .ProseMirror ul,[dir=rtl] .ProseMirror ol{text-align:right;direction:rtl}[dir=rtl] .ProseMirror ul,[dir=rtl] .ProseMirror ol{padding-left:0;padding-right:1.3em}[dir=rtl] .ProseMirror blockquote{border-left:none;border-right:4px solid var(--amber);padding:.2em 1em .2em 0}[dir=rtl] .ProseMirror pre,[dir=rtl] .theme-editor{text-align:left;direction:ltr}[dir=rtl] .theme-panel-subtitle,[dir=rtl] .theme-panel-title{text-align:right}input{color:#eef1fa;background:#080d1c;border:1px solid #1c2333;border-radius:6px;outline:none;padding:6px 8px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#b9b8ce;opacity:.7}input:hover{border-color:#2a3145}input:focus{border-color:#4992ff;box-shadow:0 0 0 2px #4992ff33}input:disabled{opacity:.5;cursor:not-allowed}input[type=color]{cursor:pointer;width:56px;height:32px;padding:2px}input[type=range]{accent-color:#4992ff;background:0 0;border:none;padding:0}input[type=checkbox],input[type=radio]{accent-color:#4992ff;width:auto;padding:0}input:invalid{background:#ff6e7622;border-color:#ff6e76}textarea{color:#eef1fa;resize:vertical;background:#080d1c;border:1px solid #1c2333;border-radius:6px;outline:none;padding:6px 8px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.4;transition:border-color .15s,box-shadow .15s}textarea::placeholder{color:#b9b8ce;opacity:.7}textarea:hover{border-color:#2a3145}textarea:focus{border-color:#4992ff;box-shadow:0 0 0 2px #4992ff33}textarea:disabled{opacity:.5;cursor:not-allowed;resize:none}textarea::-webkit-scrollbar{width:8px}textarea::-webkit-scrollbar-thumb{background:#2a3145;border-radius:4px}textarea::-webkit-scrollbar-track{background:0 0}.ProseMirror .ProseMirror-gapcursor:after{border-top:2px solid #3b82f6;animation:1.2s steps(2,start) infinite ProseMirror-cursor-blink}@keyframes ProseMirror-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.editor-scroll{scrollbar-width:thin;scrollbar-color:#2a3145 transparent}.editor-scroll::-webkit-scrollbar{width:8px;height:8px}.editor-scroll::-webkit-scrollbar-track{background:0 0}.editor-scroll::-webkit-scrollbar-thumb{background:#2a3145;border-radius:4px}.editor-scroll::-webkit-scrollbar-thumb:hover{background:#4992ff}.tiptap-html-renderer-container{position:relative}.tiptap-html-renderer-container.ProseMirror-selectednode{outline-offset:1px;outline:2px solid #4992ff}.tiptap-html-renderer-container.is-dragging{opacity:.6}.tiptap-html-renderer-container.is-collapsed{border-style:dashed}.liveblock-header{user-select:none}.liveblock-drag-handle:hover{color:#4992ff!important;background:#131a2c!important;border-color:#4992ff!important}.liveblock-drag-handle:active{cursor:grabbing!important;background:#0b1120!important}.liveblock-collapse-btn:hover{color:#4992ff!important;border-color:#4992ff!important}.liveblock-collapse-btn:active{transform:translateY(1px)}.liveblock-code-btn:hover{color:#4992ff!important;background:#131a2c!important;border-color:#4992ff!important}.liveblock-code-btn:active{transform:translateY(1px)}.liveblock-title-input{font-family:Inter,sans-serif;text-transform:none!important;letter-spacing:.02em!important}.liveblock-title-input::placeholder{color:#b9b8ce;opacity:.6;text-transform:uppercase}.liveblock-title-input:hover{border-color:#2a3145!important}.liveblock-title-input:focus{box-shadow:0 0 0 2px #4992ff26;background:#040810!important;border-color:#4992ff!important}