:root{--cb-bg:#0d0f14;--cb-surface:#161920;--cb-border:#1e2128;--cb-text:#c9d1d9;--cb-text-muted:#6e7681;--cb-accent:#7c6af7;--cb-accent-hover:#8b7bf8}body{background:var(--cb-bg);color:var(--cb-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0d0f14;background:var(--cb-bg)}::-webkit-scrollbar-thumb{background:#1e2128;background:var(--cb-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6e7681;background:var(--cb-text-muted)}.theme-selector{background:#161920;background:var(--cb-surface);border:1px solid #1e2128;border:1px solid var(--cb-border);border-radius:6px;color:#c9d1d9;color:var(--cb-text);cursor:pointer;font-size:12px;outline:none;padding:6px 10px}.theme-selector:focus,.theme-selector:hover{border-color:#7c6af7;border-color:var(--cb-accent)}.theme-selector:focus{box-shadow:0 0 0 2px rgba(124,106,247,.2)}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0f14;color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#13151a}::-webkit-scrollbar-thumb{background:#2a2d35;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7c6af7}.home-root{color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;overflow:hidden}.home-root,.home-sidebar{background:#0d0f14;display:flex}.home-sidebar{align-items:center;border-right:1px solid #1e2128;flex-direction:column;flex-shrink:0;padding:16px 0;width:52px}.sidebar-logo{color:#7c6af7;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:24px}.sidebar-icons{display:flex;flex:1 1;flex-direction:column;gap:4px}.sidebar-icon{align-items:center;border-radius:8px;color:#6e7681;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .15s;-webkit-user-select:none;user-select:none;width:36px}.sidebar-icon:hover{background:#1e2128;color:#c9d1d9}.sidebar-icon.active{background:#1e2128;border-left:2px solid #7c6af7;border-radius:0 8px 8px 0;color:#7c6af7}.sidebar-bottom{display:flex;flex-direction:column;gap:4px}.home-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.home-topbar{align-items:center;background:#0d0f14;border-bottom:1px solid #1e2128;display:flex;flex-shrink:0;gap:32px;height:48px;padding:0 24px}.topbar-brand{color:#c9d1d9;font-size:14px;font-weight:700;letter-spacing:.02em}.topbar-nav{display:flex;gap:24px}.topbar-link{border-bottom:2px solid transparent;color:#6e7681;cursor:pointer;font-size:13px;padding-bottom:2px;transition:color .15s}.topbar-link:hover{color:#c9d1d9}.topbar-link.active{border-bottom:2px solid #7c6af7;color:#c9d1d9}.home-center{align-items:center;display:flex;flex:1 1;justify-content:flex-start;padding:0 80px;position:relative;z-index:2}.home-card{background:#13151a;border:1px solid #1e2128;border-radius:12px;flex-shrink:0;padding:36px 32px;width:380px}.card-headline{color:#e6edf3;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.card-sub{color:#6e7681;font-size:13px;line-height:1.5;margin:0 0 28px}.form-section{margin-bottom:16px}.form-label{color:#6e7681;display:block;font-size:10px;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.input-row{align-items:center;display:flex;position:relative}.form-input{background:#1a1d23;border:1px solid #2a2d35;border-radius:6px;box-sizing:border-box;color:#c9d1d9;font-family:inherit;font-size:13px;outline:none;padding:10px 40px 10px 14px;transition:border-color .2s;width:100%}.form-input::-webkit-input-placeholder{color:#3d4450}.form-input::placeholder{color:#3d4450}.form-input:focus{border-color:#7c6af7}.input-icon-btn{background:transparent;border:none;color:#7c6af7;cursor:pointer;font-size:17px;line-height:1;padding:0;position:absolute;right:10px;transition:color .15s}.input-icon-btn:hover{color:#a89af7}.init-btn{background:#7c6af7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.01em;margin-top:8px;padding:12px;transition:background .2s,-webkit-transform .1s;transition:background .2s,transform .1s;transition:background .2s,transform .1s,-webkit-transform .1s;width:100%}.init-btn:hover{background:#6a58e0}.init-btn:active{-webkit-transform:scale(.98);transform:scale(.98)}.divider{align-items:center;color:#3d4450;display:flex;font-size:11px;gap:12px;letter-spacing:.08em;margin:20px 0 16px}.divider:after,.divider:before{background:#2a2d35;content:"";flex:1 1;height:1px}.create-info{color:#6e7681;font-size:13px;margin:0;text-align:center}.create-link{color:#7c6af7;font-weight:500;text-decoration:none;transition:color .15s}.create-link:hover{color:#a89af7;text-decoration:underline}.bg-code-preview{align-items:center;bottom:0;display:flex;overflow:hidden;padding:60px 48px;pointer-events:none;position:absolute;right:0;top:0;width:52%;z-index:1}.bg-code-preview pre{color:#2a2d35;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.9;margin:0;white-space:pre}@media (max-width:768px){.home-center{justify-content:center;padding:0 20px}.bg-code-preview{display:none}.home-card{max-width:380px;width:100%}.topbar-nav{display:none}.auth-card{max-width:340px;width:100%}}.auth-card{background:#161920;border:1px solid #232730;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:380px;padding:40px 32px;width:100%}.auth-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px;text-align:center}.auth-subtitle{color:#6e7681;font-size:14px;margin:0 0 32px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form .form-section{margin-bottom:0}.auth-form .form-input{background:#0d0f14;border:1px solid #232730;border-radius:8px;box-sizing:border-box;color:#fff;font-size:15px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.auth-form .form-input:focus{border-color:#7c6af7;box-shadow:0 0 0 3px rgba(124,106,247,.15)}.auth-form .form-input::-webkit-input-placeholder{color:#484f59}.auth-form .form-input::placeholder{color:#484f59}.auth-form .form-label{color:#6e7681;display:block;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:8px}.auth-form .init-btn{background:linear-gradient(135deg,#7c6af7,#5b4fd8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px;transition:all .2s;width:100%}.auth-form .init-btn:hover{background:linear-gradient(135deg,#8b7bf8,#6b5fe8);box-shadow:0 4px 12px rgba(124,106,247,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.auth-form .init-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.auth-form .init-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.auth-switch{color:#6e7681;font-size:14px;margin-top:24px;text-align:center}.auth-switch-btn{background:none;border:none;color:#7c6af7;cursor:pointer;font-size:14px;font-weight:500;margin-left:4px;padding:0;transition:color .15s}.auth-switch-btn:hover{color:#a89af7;text-decoration:underline}.topbar-user{align-items:center;display:flex;gap:12px;margin-left:auto}.user-name{color:#c9d1d9;font-size:13px;font-weight:500}.logout-btn{background:transparent;border:1px solid #2a2d35;border-radius:6px;color:#6e7681;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .15s}.logout-btn:hover{border-color:#484f59;color:#c9d1d9}@media (max-width:768px){.home-root{flex-direction:column}.home-sidebar{display:none}.home-center{justify-content:center;padding:0 20px}.bg-code-preview{display:none}.home-card{max-width:100%;padding:24px 20px;width:100%}.topbar-nav{display:none}.auth-card{border:none;box-shadow:none;max-width:100%;padding:24px 20px;width:100%}.auth-title{font-size:22px}.auth-form .form-input{padding:14px}.card-headline{font-size:26px}.card-sub{font-size:14px}}.client{align-items:center;border-radius:6px;display:flex;gap:10px;padding:6px 8px;transition:background .15s}.client:hover{background:#1e2128}.client-avatar-wrap{flex-shrink:0;position:relative}.client-online-dot{background:#3fb950;border:2px solid #13151a;border-radius:50%;bottom:-1px;height:9px;position:absolute;right:-1px;width:9px}.client-username{color:#c9d1d9;font-size:13px;font-weight:500;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CodeMirror{color:#000;direction:ltr;font-family:monospace;height:300px}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{background-color:#f7f7f7;border-right:1px solid #ddd;white-space:nowrap}.CodeMirror-linenumber{color:#999;min-width:20px;padding:0 3px 0 5px;text-align:right;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{background:#7e7;border:0!important;width:auto}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@-webkit-keyframes blink{50%{background-color:initial}}@keyframes blink{50%{background-color:initial}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:-50px}.CodeMirror-ruler{border-left:1px solid #ccc;bottom:0;position:absolute;top:0}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{background:#fff;overflow:hidden;position:relative}.CodeMirror-scroll{height:100%;margin-bottom:-50px;margin-right:-50px;outline:none;overflow:scroll!important;padding-bottom:50px;position:relative;z-index:0}.CodeMirror-sizer{border-right:50px solid transparent;position:relative}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{display:none;outline:none;position:absolute;z-index:6}.CodeMirror-vscrollbar{overflow-x:hidden;overflow-y:scroll;right:0;top:0}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-x:scroll;overflow-y:hidden}.CodeMirror-scrollbar-filler{bottom:0;right:0}.CodeMirror-gutter-filler{bottom:0;left:0}.CodeMirror-gutters{left:0;min-height:100%;position:absolute;top:0;z-index:3}.CodeMirror-gutter{display:inline-block;height:100%;margin-bottom:-50px;vertical-align:top;white-space:normal}.CodeMirror-gutter-wrapper{background:none!important;border:none!important;position:absolute;z-index:4}.CodeMirror-gutter-background{bottom:0;position:absolute;top:0;z-index:4}.CodeMirror-gutter-elt{cursor:default;position:absolute;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:initial}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:initial}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{word-wrap:normal;-webkit-tap-highlight-color:transparent;-webkit-font-feature-settings:"calt";font-feature-settings:"calt";background:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;line-height:inherit;margin:0;overflow:visible;position:relative;white-space:pre;z-index:2}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.CodeMirror-linewidget{padding:.1px;position:relative;z-index:2}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{box-sizing:initial}.CodeMirror-measure{height:0;overflow:hidden;position:absolute;visibility:hidden;width:100%}.CodeMirror-cursor{pointer-events:none;position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{position:relative;visibility:hidden;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-dracula .CodeMirror-gutters,.cm-s-dracula.CodeMirror{background-color:#282a36!important;border:none;color:#f8f8f2!important}.cm-s-dracula .CodeMirror-gutters{color:#282a36}.cm-s-dracula .CodeMirror-cursor{border-left:thin solid #f8f8f0}.cm-s-dracula .CodeMirror-linenumber{color:#6d8a88}.cm-s-dracula .CodeMirror-selected{background:hsla(0,0%,100%,.1)}.cm-s-dracula .CodeMirror-line::selection,.cm-s-dracula .CodeMirror-line>span::selection,.cm-s-dracula .CodeMirror-line>span>span::selection{background:hsla(0,0%,100%,.1)}.cm-s-dracula .CodeMirror-line::-moz-selection,.cm-s-dracula .CodeMirror-line>span::-moz-selection,.cm-s-dracula .CodeMirror-line>span>span::-moz-selection{background:hsla(0,0%,100%,.1)}.cm-s-dracula span.cm-comment{color:#6272a4}.cm-s-dracula span.cm-string,.cm-s-dracula span.cm-string-2{color:#f1fa8c}.cm-s-dracula span.cm-number{color:#bd93f9}.cm-s-dracula span.cm-variable{color:#50fa7b}.cm-s-dracula span.cm-variable-2{color:#fff}.cm-s-dracula span.cm-def{color:#50fa7b}.cm-s-dracula span.cm-keyword,.cm-s-dracula span.cm-operator{color:#ff79c6}.cm-s-dracula span.cm-atom{color:#bd93f9}.cm-s-dracula span.cm-meta{color:#f8f8f2}.cm-s-dracula span.cm-tag{color:#ff79c6}.cm-s-dracula span.cm-attribute,.cm-s-dracula span.cm-qualifier{color:#50fa7b}.cm-s-dracula span.cm-property{color:#66d9ef}.cm-s-dracula span.cm-builtin{color:#50fa7b}.cm-s-dracula span.cm-type,.cm-s-dracula span.cm-variable-3{color:#ffb86c}.cm-s-dracula .CodeMirror-activeline-background{background:hsla(0,0%,100%,.1)}.cm-s-dracula .CodeMirror-matchingbracket{color:#fff!important;text-decoration:underline}.cm-s-material-ocean.CodeMirror{background-color:#0f111a;color:#8f93a2}.cm-s-material-ocean .CodeMirror-gutters{background:#0f111a;border:none;color:#464b5d}.cm-s-material-ocean .CodeMirror-guttermarker,.cm-s-material-ocean .CodeMirror-guttermarker-subtle,.cm-s-material-ocean .CodeMirror-linenumber{color:#464b5d}.cm-s-material-ocean .CodeMirror-cursor{border-left:1px solid #fc0}.cm-s-material-ocean .cm-animate-fat-cursor,.cm-s-material-ocean.cm-fat-cursor .CodeMirror-cursor{background-color:#a2a8a175!important}.cm-s-material-ocean div.CodeMirror-selected,.cm-s-material-ocean.CodeMirror-focused div.CodeMirror-selected{background:rgba(113,124,180,.2)}.cm-s-material-ocean .CodeMirror-line::selection,.cm-s-material-ocean .CodeMirror-line>span::selection,.cm-s-material-ocean .CodeMirror-line>span>span::selection{background:rgba(128,203,196,.2)}.cm-s-material-ocean .CodeMirror-line::-moz-selection,.cm-s-material-ocean .CodeMirror-line>span::-moz-selection,.cm-s-material-ocean .CodeMirror-line>span>span::-moz-selection{background:rgba(128,203,196,.2)}.cm-s-material-ocean .CodeMirror-activeline-background{background:rgba(0,0,0,.5)}.cm-s-material-ocean .cm-keyword{color:#c792ea}.cm-s-material-ocean .cm-operator{color:#89ddff}.cm-s-material-ocean .cm-variable-2{color:#eff}.cm-s-material-ocean .cm-type,.cm-s-material-ocean .cm-variable-3{color:#f07178}.cm-s-material-ocean .cm-builtin{color:#ffcb6b}.cm-s-material-ocean .cm-atom{color:#f78c6c}.cm-s-material-ocean .cm-number{color:#ff5370}.cm-s-material-ocean .cm-def{color:#82aaff}.cm-s-material-ocean .cm-string{color:#c3e88d}.cm-s-material-ocean .cm-string-2{color:#f07178}.cm-s-material-ocean .cm-comment{color:#464b5d}.cm-s-material-ocean .cm-variable{color:#f07178}.cm-s-material-ocean .cm-tag{color:#ff5370}.cm-s-material-ocean .cm-meta{color:#ffcb6b}.cm-s-material-ocean .cm-attribute,.cm-s-material-ocean .cm-property{color:#c792ea}.cm-s-material-ocean .cm-qualifier,.cm-s-material-ocean .cm-type,.cm-s-material-ocean .cm-variable-3{color:#decb6b}.cm-s-material-ocean .cm-error{background-color:#ff5370;color:#fff}.cm-s-material-ocean .CodeMirror-matchingbracket{color:#fff!important;text-decoration:underline}.cm-s-monokai.CodeMirror{background:#272822;color:#f8f8f2}.cm-s-monokai div.CodeMirror-selected{background:#49483e}.cm-s-monokai .CodeMirror-line::selection,.cm-s-monokai .CodeMirror-line>span::selection,.cm-s-monokai .CodeMirror-line>span>span::selection{background:rgba(73,72,62,.99)}.cm-s-monokai .CodeMirror-line::-moz-selection,.cm-s-monokai .CodeMirror-line>span::-moz-selection,.cm-s-monokai .CodeMirror-line>span>span::-moz-selection{background:rgba(73,72,62,.99)}.cm-s-monokai .CodeMirror-gutters{background:#272822;border-right:0}.cm-s-monokai .CodeMirror-guttermarker{color:#fff}.cm-s-monokai .CodeMirror-guttermarker-subtle,.cm-s-monokai .CodeMirror-linenumber{color:#d0d0d0}.cm-s-monokai .CodeMirror-cursor{border-left:1px solid #f8f8f0}.cm-s-monokai span.cm-comment{color:#75715e}.cm-s-monokai span.cm-atom,.cm-s-monokai span.cm-number{color:#ae81ff}.cm-s-monokai span.cm-comment.cm-attribute{color:#97b757}.cm-s-monokai span.cm-comment.cm-def{color:#bc9262}.cm-s-monokai span.cm-comment.cm-tag{color:#bc6283}.cm-s-monokai span.cm-comment.cm-type{color:#5998a6}.cm-s-monokai span.cm-attribute,.cm-s-monokai span.cm-property{color:#a6e22e}.cm-s-monokai span.cm-keyword{color:#f92672}.cm-s-monokai span.cm-builtin{color:#66d9ef}.cm-s-monokai span.cm-string{color:#e6db74}.cm-s-monokai span.cm-variable{color:#f8f8f2}.cm-s-monokai span.cm-variable-2{color:#9effff}.cm-s-monokai span.cm-type,.cm-s-monokai span.cm-variable-3{color:#66d9ef}.cm-s-monokai span.cm-def{color:#fd971f}.cm-s-monokai span.cm-bracket{color:#f8f8f2}.cm-s-monokai span.cm-tag{color:#f92672}.cm-s-monokai span.cm-header,.cm-s-monokai span.cm-link{color:#ae81ff}.cm-s-monokai span.cm-error{background:#f92672;color:#f8f8f0}.cm-s-monokai .CodeMirror-activeline-background{background:#373831}.cm-s-monokai .CodeMirror-matchingbracket{color:#fff!important;text-decoration:underline}.cm-s-neat span.cm-comment{color:#a86}.cm-s-neat span.cm-keyword{color:blue;font-weight:700;line-height:1em}.cm-s-neat span.cm-string{color:#a22}.cm-s-neat span.cm-builtin{color:#077;font-weight:700;line-height:1em}.cm-s-neat span.cm-special{color:#0aa;font-weight:700;line-height:1em}.cm-s-neat span.cm-variable{color:#000}.cm-s-neat span.cm-atom,.cm-s-neat span.cm-number{color:#3a3}.cm-s-neat span.cm-meta{color:#555}.cm-s-neat span.cm-link{color:#3a3}.cm-s-neat .CodeMirror-activeline-background{background:#e8f2ff}.cm-s-neat .CodeMirror-matchingbracket{color:#000!important;outline:1px solid grey}.cm-s-elegant span.cm-atom,.cm-s-elegant span.cm-number,.cm-s-elegant span.cm-string{color:#762}.cm-s-elegant span.cm-comment{color:#262;font-style:italic;line-height:1em}.cm-s-elegant span.cm-meta{color:#555;font-style:italic;line-height:1em}.cm-s-elegant span.cm-variable{color:#000}.cm-s-elegant span.cm-variable-2{color:#b11}.cm-s-elegant span.cm-qualifier{color:#555}.cm-s-elegant span.cm-keyword{color:#730}.cm-s-elegant span.cm-builtin{color:#30a}.cm-s-elegant span.cm-link{color:#762}.cm-s-elegant span.cm-error{background-color:#fdd}.cm-s-elegant .CodeMirror-activeline-background{background:#e8f2ff}.cm-s-elegant .CodeMirror-matchingbracket{color:#000!important;outline:1px solid grey}.editor-container{background:#1a1d23;display:flex;flex-direction:column;height:100vh;overflow:hidden}.editor-toolbar{background:#13151a;border-bottom:1px solid #2a2d35;flex-shrink:0;height:42px;justify-content:space-between;padding:0 16px}.editor-toolbar,.toolbar-left{align-items:center;display:flex}.toolbar-left{gap:10px}.file-dot{background:#7c6af7;border-radius:50%;display:inline-block;height:10px;width:10px}.file-name{color:#c9d1d9;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.typing-indicator{-webkit-animation:pulse 1.2s ease-in-out infinite;animation:pulse 1.2s ease-in-out infinite;color:#7c6af7;font-size:11px;font-style:italic}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.toolbar-right{align-items:center;display:flex;gap:8px}.lang-select{background:#1e2128;border:1px solid #2a2d35;border-radius:4px;color:#c9d1d9;cursor:pointer;font-size:12px;outline:none;padding:4px 8px;transition:border-color .2s}.lang-select:focus,.lang-select:hover{border-color:#7c6af7}.toolbar-btn{background:#1e2128;border:1px solid #2a2d35;border-radius:4px;color:#c9d1d9;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s;white-space:nowrap}.toolbar-btn:hover{background:#7c6af7;border-color:#7c6af7;color:#fff}.toolbar-btn:disabled{cursor:not-allowed;opacity:.55}.toolbar-btn:disabled:hover{background:#1e2128;border-color:#2a2d35;color:#c9d1d9}.editor-body{flex:1 1;overflow:hidden;position:relative}.editor-body .CodeMirror{background:#1a1d23;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:14px;height:100%;line-height:1.7;padding-top:12px}.editor-body .CodeMirror-scroll{height:100%}.editor-statusbar{align-items:center;background:#13151a;border-top:1px solid #2a2d35;color:#6e7681;display:flex;flex-shrink:0;font-size:11px;gap:20px;height:26px;padding:0 16px}.status-synced{color:#7c6af7;margin-left:auto}.remote-cursor{border-left:2px solid;display:inline-block;height:1.2em;margin-left:-1px;position:relative;vertical-align:text-bottom}.remote-cursor-label{border-radius:3px;color:#fff;font-family:sans-serif;font-size:10px;left:0;padding:1px 5px;pointer-events:none;position:absolute;top:-18px;white-space:nowrap}.fx{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%}.fx-header{align-items:center;border-bottom:1px solid #1e2128;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px 8px}.fx-title{color:#6e7681;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.fx-actions{gap:4px}.fx-action,.fx-actions{align-items:center;display:flex}.fx-action{background:transparent;border:none;border-radius:4px;color:#6e7681;cursor:pointer;font-size:11px;font-weight:600;justify-content:center;padding:4px 8px;transition:all .15s;white-space:nowrap}.fx-action:hover{background:#1e2128;color:#c9d1d9}.fx-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px}.fx-create{align-items:center;border-bottom:1px solid #1e2128;display:flex;gap:8px;margin-bottom:8px;padding:4px 8px 12px}.fx-input{background:#0d0f14;border:1px solid #7c6af7;border-radius:6px;box-sizing:border-box;color:#c9d1d9;flex:1 1;font-size:13px;outline:none;padding:8px 12px}.fx-input:focus{box-shadow:0 0 0 2px rgba(124,106,247,.2)}.fx-input::-webkit-input-placeholder{color:#484f59}.fx-input::placeholder{color:#484f59}.fx-empty{align-items:center;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.fx-empty p{color:#484f59;font-size:13px;margin:0}.fx-empty-btn{background:#1e2128;border:1px dashed #3d4450;border-radius:6px;color:#6e7681;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s}.fx-empty-btn:hover{background:rgba(124,106,247,.05);border-color:#7c6af7;color:#7c6af7}.fx-tree{display:flex;flex-direction:column;gap:1px}.fx-row{align-items:center;border-radius:6px;display:flex;gap:2px;position:relative;transition:all .15s ease}.fx-row.drop-target{background:rgba(124,106,247,.15);outline:1px dashed #7c6af7}.fx-row.dragging{opacity:.5}.fx-item{align-items:center;background:transparent;border:none;border-radius:6px;color:#9da5b4;cursor:pointer;display:flex;font-size:13px;gap:8px;overflow:hidden;padding:6px 8px;position:relative;text-align:left;transition:all .12s ease;width:100%}.fx-item:before{background:transparent;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .12s ease;width:2px}.fx-item:hover{background:hsla(0,0%,100%,.04);color:#c9d1d9}.fx-item.is-active{background:rgba(124,106,247,.12);color:#fff}.fx-item.is-active:before{background:#7c6af7}.fx-item.is-selected{background:hsla(0,0%,100%,.06);color:#c9d1d9}.fx-item:focus{outline:none}.fx-caret{align-items:center;color:#484f59;display:inline-flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;width:16px}.fx-item:hover .fx-caret{color:#6e7681}.fx-rename-input{background:#0d0f14;border:1px solid #7c6af7;border-radius:4px;color:#c9d1d9;font-size:13px;outline:none;padding:2px 6px;width:120px}.fx-icon{align-items:center;background:transparent;border:none;border-radius:4px;color:#6e7681;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;margin-left:auto;opacity:0;transition:all .15s ease;width:20px}.fx-row:hover .fx-icon{opacity:1}.fx-icon:hover{background:rgba(248,81,73,.15);color:#f85149}.fx-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-file-icon{font-size:12px;margin-right:6px}.fx-children{overflow:hidden;transition:all .2s ease}.fx-children.collapsed{display:none}.fx-body::-webkit-scrollbar{width:6px}.fx-body::-webkit-scrollbar-track{background:transparent}.fx-body::-webkit-scrollbar-thumb{background:#2a2d35;border-radius:3px}.fx-body::-webkit-scrollbar-thumb:hover{background:#3d4450}.fx-context-menu{background:#161920;border:1px solid #232730;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.4);min-width:160px;padding:4px;position:fixed;z-index:1000}.fx-context-item{align-items:center;border-radius:4px;color:#c9d1d9;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:background .1s}.fx-context-item:hover{background:#1e2128}.fx-context-item.danger{color:#f85149}.fx-context-item.danger:hover{background:rgba(248,81,73,.1)}.fx-breadcrumbs{align-items:center;border-bottom:1px solid #1e2128;display:flex;flex-shrink:0;font-size:12px;gap:4px;overflow-x:auto;padding:8px 12px}.fx-breadcrumb{background:none;border:none;border-radius:4px;color:#6e7681;cursor:pointer;font-size:12px;padding:2px 4px;transition:all .15s;white-space:nowrap}.fx-breadcrumb:hover{background:#1e2128;color:#c9d1d9}.fx-breadcrumb-sep{color:#3d4450;font-size:10px}.fx-row[draggable=true]{cursor:grab}.fx-row[draggable=true]:active{cursor:grabbing}.fx-item:focus-visible{outline:2px solid #7c6af7;outline-offset:-2px}.editor-page{background:#0d0f14;height:100vh}.editor-page,.ep-sidebar{display:flex;overflow:hidden}.ep-sidebar{background:#13151a;border-right:1px solid #1e2128;flex-direction:column;flex-shrink:0;padding:0;width:220px}.ep-sidebar-top{align-items:center;border-bottom:1px solid #1e2128;display:flex;gap:12px;padding:16px 16px 12px}.ep-logo{background:var(--cb-surface);border-radius:6px;color:var(--cb-accent);font-size:12px;font-weight:800;padding:4px 8px}.ep-room-info{display:flex;flex-direction:column;overflow:hidden}.ep-theme-selector{margin-left:auto}.ep-theme-selector .theme-selector{font-size:11px;padding:4px 8px}.ep-room-label{color:#6e7681;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.ep-room-id{color:#c9d1d9;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-sidebar-section{flex:1 1;overflow-y:auto;padding:16px}.ep-sidebar-files{border-bottom:1px solid #1e2128;flex:1.2 1}.ep-sidebar-connected{flex:1 1}.ep-section-label{color:#6e7681;display:block;font-size:9px;font-weight:600;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.ep-client-list{display:flex;flex-direction:column;gap:2px}.ep-sidebar-bottom{border-top:1px solid #1e2128;display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px}.ep-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.01em;padding:9px 12px;transition:all .2s;width:100%}.ep-copy-btn{background:#1e2128;border:1px solid #2a2d35;color:#c9d1d9}.ep-copy-btn:hover{background:#2a2d35;border-color:#7c6af7;color:#7c6af7}.ep-leave-btn{background:transparent;border:1px solid #2a2d35;color:#f85149}.ep-leave-btn:hover{background:rgba(248,81,73,.1);border-color:#f85149}.ep-editor-wrap{display:flex;flex:1 1;flex-direction:column;overflow:hidden}@media (max-width:768px){.ep-sidebar{bottom:0;box-shadow:4px 0 20px rgba(0,0,0,.5);left:0;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;width:280px;z-index:100}.ep-sidebar.open{-webkit-transform:translateX(0);transform:translateX(0)}.ep-mobile-toggle{display:flex}}.ep-mobile-toggle{align-items:center;background:#1e2128;border:1px solid #2a2d35;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#c9d1d9;cursor:pointer;display:none;font-size:18px;height:40px;justify-content:center;left:12px;position:fixed;top:12px;width:40px;z-index:101}.ep-mobile-toggle:hover{background:#2a2d35;border-color:#7c6af7}@media (max-width:768px){.ep-mobile-toggle{display:flex}.ep-editor-wrap{padding-top:0}}
/*# sourceMappingURL=main.edaa2301.css.map*/