:root{font-family:"Segoe UI",Arial,sans-serif;--accent:#83dcc1;--line:#2c3442;--muted:#919daf;--panel:#181f2a;background:#11161f;color:#e2e9f4}button{border-radius:7px;background:#222d3c;border-color:#3b4b60;transition:background .15s;font-weight:500}button.primary{background:var(--accent);border-color:var(--accent);color:#142d24;font-weight:650}button.primary:hover{background:#a6efd8}.full{width:100%}input,select{border-color:#3b4b60;background:#131c29;font-size:.875rem}button:focus-visible,input:focus,select:focus,textarea:focus{outline-color:var(--accent)}.shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{background:#101721;padding:28px 17px 0;gap:0}.brand{font-size:1rem;font-weight:650;letter-spacing:-.035em}.brand small{font-size:.55rem;color:#8599b2;letter-spacing:.13em}.mark{background:var(--accent);width:36px;height:37px;border-radius:10px;color:#193b2e;font-size:1.6rem;font-weight:800;letter-spacing:-.12em;padding-right:3px}.nav-caption{display:flex;justify-content:space-between;font-size:.63rem;font-weight:600;letter-spacing:.13em;margin:45px 10px 16px;color:#7e90a8}.nav-caption span{color:#586b86}.server-button{padding:12px 10px;border-radius:8px;gap:10px}.server-button.active{background:#233b35;border-color:#3d6657;box-shadow:inset 3px 0 0 var(--accent)}.server-button small{color:#90aa9e;font-size:.65rem}.server-button>span:last-child{font-size:.79rem}.server-icon{display:grid;place-items:center;width:33px;height:35px;flex-shrink:0;background:#2d3b4b;border:1px solid #45566b;border-radius:6px;font-size:.8rem;color:#b9cadd}.active .server-icon{background:#315344;border-color:#50735f;color:#b1e6cd}.sidebar-note{color:#b2c0d4;margin:37px 10px;font-size:.8rem}.sidebar-note p{font-size:.7rem;line-height:1.7;margin-top:8px;color:#758ca7}.sidebar-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:22px 0;margin-top:auto;font-size:.77rem}.sidebar-bottom strong{font-weight:500}.sidebar-bottom small{color:#8b9db5;font-size:.65rem;margin-top:5px;text-transform:capitalize}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#354f42;color:#c2dfd0;display:grid;place-items:center;font-size:.8rem}.sidebar-bottom button{margin-left:auto}.topbar{min-height:65px;background:#161f2b;padding:0 32px;gap:12px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:.75rem;color:#8599b4}.breadcrumb span{color:#60708a}.breadcrumb strong{font-weight:450;color:#c4d3e8}.topbar-right{display:flex;gap:16px;align-items:center}.private-badge{font-size:.65rem;color:#a1b1c7;white-space:nowrap}.private-badge .dot{background:var(--accent);width:5px;height:5px}.preview-badge{font-size:.56rem;letter-spacing:.08em;background:#3c3326;border:1px solid #6d593b;color:#e5c296;padding:5px 7px;border-radius:4px}.server-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 32px 25px;background:linear-gradient(105deg,#1a2636,#1a2835 70%,#1b352c)}.eyebrow{font-size:.61rem;font-weight:650;letter-spacing:.14em;color:#8ca0bb}.server-heading h1{font-size:2rem;font-weight:650;letter-spacing:-.045em;margin:10px 0}.server-heading p{font-size:.78rem;color:#99afca;margin:0}.server-endpoint{padding:11px 20px;border-left:1px solid #405648;min-width:130px}.server-endpoint strong{display:block;font:1.1rem Consolas,monospace;margin-top:9px;color:#c7e3d4}.tabs{background:#182331;gap:27px;padding:0 32px;min-height:56px}.tabs button{color:#91a7c4;font-size:.8rem;padding:18px 0 16px}.tabs button.active{color:#d9f0e8;border-bottom-color:var(--accent)}.tabs-end{margin-left:auto;color:#7a90aa;font-size:.65rem}.files-page,.page-view{padding:25px 28px 28px;flex:1;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-heading h2{font-size:1.1rem;font-weight:600;margin-bottom:7px;letter-spacing:-.02em}.section-heading p{font-size:.73rem;color:#8ea2bd;margin:0}.action-row{display:flex;gap:8px;align-items:center}.action-row button{font-size:.74rem;padding:9px 11px;white-space:nowrap}.workspace{grid-template-columns:240px minmax(0,1fr);height:565px;min-height:450px;border:1px solid #3b4c62;border-radius:10px;overflow:hidden;box-shadow:0 4px 25px #0002}.file-browser{background:#1a2636;border-right-color:#354861}.file-top{padding:20px 15px 16px}.file-top label{font-size:.58rem;letter-spacing:.1em;color:#8ea5c2;font-weight:600}.file-top select{font-size:.74rem;letter-spacing:0;padding:10px;background:#253447}.file-top input{font-size:.75rem;padding:10px;margin-top:14px}.file-list-heading{display:flex;justify-content:space-between;padding:0 16px 11px;font-size:.58rem;letter-spacing:.1em;color:#7c96b5}.file-count{padding:0}.file-list{flex:1}.file-item{display:flex;align-items:center;gap:8px;font-size:.73rem;padding:11px 10px;color:#a9bdd8;min-width:0}.file-item.active{background:#2c4960;color:#ecf6ff;box-shadow:inset 0 0 0 1px #466986}.file-icon{font-family:Consolas,monospace;font-size:.7rem;color:#96c6b3;flex-shrink:0}.file-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{margin-left:auto;color:#7594b4;font-size:.6rem}.file-browser-footer{padding:12px 15px;color:#97b7a6;font-size:.6rem;border-top:1px solid #354861;background:#1e322b}.editor-pane{background:#152030}.editor-toolbar{padding:15px 18px;background:#213145;min-height:72px;flex-wrap:nowrap;border-bottom-color:#354861}.open-file{display:flex;align-items:center;gap:10px;min-width:0}.open-file>div{min-width:0}#file-name{font-family:"Segoe UI",Arial,sans-serif;font-size:.77rem;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#file-meta{font-size:.6rem;color:#90a9c8}.file-type{font:11px Consolas,monospace;border:1px solid #5d5579;border-radius:5px;background:#37324e;color:#c0b2e9;padding:7px;flex-shrink:0}.editor-actions{gap:3px}.icon-button,.editor-actions .icon-button{font-size:1.12rem;padding:5px;min-width:27px;height:29px;background:transparent;border-color:transparent;color:#99b0ce}.icon-button:hover{background:#344961}.danger{color:#df9eaa!important}.editor-wrap{background:#121f31;min-height:220px}#line-numbers{width:43px;min-width:43px;flex-shrink:0;padding:18px 8px;font:13px/1.8 Consolas,monospace;background:#152437;color:#526f93}.code-surface{position:relative;min-width:0;flex:1;overflow:hidden}#editor,#highlight{white-space:pre;tab-size:2;font:13px/1.8 Consolas,"Cascadia Code",monospace;padding:18px 16px;margin:0;border:0;letter-spacing:0;min-height:100%;text-rendering:auto}#highlight{position:absolute;top:0;left:0;min-width:100%;width:max-content;pointer-events:none;color:#d7e4f6}#editor{resize:none;background:transparent;color:transparent;caret-color:#d4edff;width:100%;height:100%;outline:0;position:relative;z-index:1;display:block;border-radius:0}#editor::selection{background:#6d8bae66}.syntax-string{color:#add9c2}.syntax-number{color:#edc08a}.syntax-keyword{color:#c5b5f0}.syntax-comment{color:#7a94b3}.editor-savebar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 17px;background:#1c2c40;border-top:1px solid #354861}.save-state{font-size:.68rem;color:#a1d9bb}.save-state.unsaved{color:#e9c385}#editor-tip{font-size:.6rem;line-height:1.5;color:#87a0c0;margin-top:5px}.editor-savebar button{font-size:.73rem;white-space:nowrap;padding:10px 11px}kbd{font:9px Consolas,monospace;border:1px solid #49755b66;border-radius:3px;padding:2px 4px;margin-left:7px;opacity:.7}.editor-footer{background:#17283d;border-top-color:#354861;min-height:29px;padding:8px 17px;color:#7695bb;font:10px Consolas,monospace}.empty-symbol{color:#a1cdbb;background:#254436;border-color:#47674e;font-size:1.7rem;border-radius:11px}.empty h3{font-size:1rem;margin-bottom:10px}.empty p{font-size:.8rem}.page-footer{margin-top:auto;display:flex;justify-content:space-between;gap:15px;padding:16px 28px;border-top:1px solid #283b53;font-size:.6rem;color:#7c98bc}.muted{color:#577697}.surface{background:#1b2a3d;border-color:#354c68;border-radius:10px;padding:24px}.surface-heading{display:flex;align-items:center;gap:12px;margin-bottom:25px}.surface-heading h3{margin:0}.surface-heading p{font-size:.65rem;margin:7px 0 0}.surface-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:#2c4c3d;color:#b0d9c3;border:1px solid #4a735a}.permission{padding:13px 11px;border:1px solid #3b526f;background:#203147;border-radius:7px}.permission small{font-size:.65rem;color:#90a8c8;margin-top:5px}.check{font-size:.77rem}.check input{accent-color:var(--accent)}.help{font-size:.7rem;line-height:1.7}.subtle-tag{font-size:.59rem;padding:6px 8px;color:#aacbb8;background:#2e473a;border:1px solid #536f5a;border-radius:4px;letter-spacing:.08em}.member,.event,.revision{font-size:.78rem}.member small,.event small,.revision small{font-size:.64rem;color:#90a8c8}.member button,.revision button{font-size:.69rem;padding:7px 10px}.member-info{display:flex;align-items:center;gap:11px}.event time{font-size:.64rem}.event-content{display:flex;gap:12px;align-items:center}.event-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2e4e3e;color:#b6d5bb;flex-shrink:0}.team-grid{grid-template-columns:minmax(280px,1fr) minmax(300px,1.2fr)}.connection-state{font-size:.69rem;border:1px solid #486080;border-radius:5px;padding:7px 10px;color:#a6bbd7;white-space:nowrap}.connection-state.connected{color:#b0e7c6;background:#2b4937;border-color:#507758}.terminal{border:1px solid #3c5577;background:#0e1c2e;border-radius:10px;overflow:hidden}.terminal-header{display:flex;gap:18px;align-items:center;padding:13px 18px;background:#21334c;border-bottom:1px solid #365276;font:11px Consolas,monospace;color:#9ab4d8}.terminal-dots{display:flex;gap:5px}.terminal-dots i{height:7px;width:7px;border-radius:50%;background:#bd7d86}.terminal-dots i:nth-child(2){background:#c2b489}.terminal-dots i:nth-child(3){background:#8ab89a}.terminal-header button{margin-left:auto;font-size:.65rem;padding:3px}.console-output{height:410px;overflow:auto;padding:20px;font:12px/1.75 Consolas,monospace}.terminal-welcome{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-family:"Segoe UI",Arial,sans-serif}.terminal-welcome>span{font:2rem Consolas,monospace;color:#92c9ad;margin-bottom:20px}.terminal-welcome h3{margin-bottom:8px;font-size:1rem}.terminal-welcome p{font-size:.77rem}.console-line{display:flex;align-items:start;gap:13px;padding:3px 0}.console-line time{font-size:10px;flex-shrink:0;color:#6d8fba}.console-line>span{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;color:#bdcfea}.console-line.command>span{color:#9de4c4}.console-line.system>span{color:#a0b8d8}.console-line.error>span{color:#e8a6b2}.command-form{display:flex;align-items:center;gap:13px;background:#1b304b;border-top:1px solid #365276;padding:14px 18px}.command-form>span{color:#91d4b2}.command-form input{border:0;background:transparent;padding:8px 0;margin:0;flex:1;font:13px Consolas,monospace}.command-form button{font-size:.7rem;background:#355a45;border-color:#557a5c;color:#c1e5cc;padding:8px 12px}.console-foot{display:flex;justify-content:space-between;gap:15px;padding:14px 2px;font-size:.65rem;color:#86a2c9}dialog{background:#223650;border-color:#536e94;border-radius:12px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#081221cc;backdrop-filter:blur(4px)}.dialog-title{margin-bottom:22px}.dialog-title h2{margin-top:7px;font-size:1.3rem}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:23px}dialog form>label{margin-top:20px}#new-content{width:100%;height:240px;resize:vertical;padding:14px;margin-top:8px;font:12px/1.7 Consolas,monospace;background:#13263f;color:#d2e2f5;border:1px solid #4d6b93;border-radius:7px}.danger-fill{background:#a85468;color:#fff;border-color:#ba6b7d}.danger-fill:hover{background:#bb6a7d}#delete-name{color:#dceaff;overflow-wrap:anywhere}.auth{background:radial-gradient(ellipse at top,#2d4c42,#15273c 55%,#101b2b)}.auth-card{background:#1b2d45;border-color:#425f81;border-top:1px solid #557762;border-radius:15px;box-shadow:0 30px 90px #0005}.auth-heading h1{font-size:2rem;margin:14px 0 10px}.auth-foot{border-top-color:#395573}.auth-foot p{font-size:.73rem;margin:0}.auth .brand{margin-bottom:42px}#notice{background:#294b3b;border-color:#628b68;color:#d9f2da;font-size:.8rem}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#3b597c;border-radius:5px}
@media(min-width:1450px){.files-page,.page-view{padding:30px 40px}.workspace{height:calc(100vh - 407px);min-height:570px;grid-template-columns:290px minmax(0,1fr)}}@media(max-width:1150px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:26px 12px 0}.brand{font-size:.86rem;gap:8px}.brand small{font-size:.51rem}.mark{width:31px;height:33px;font-size:1.4rem}.workspace{grid-template-columns:205px minmax(0,1fr)}.files-page,.page-view{padding:22px}.server-heading{padding:27px 24px}.topbar,.tabs{padding-left:24px;padding-right:24px}.tabs-end{display:none}.action-row button{font-size:.66rem;padding:8px}.editor-savebar kbd{display:none}.file-size{display:none}.server-button>span:last-child{font-size:.72rem}.private-badge{font-size:.61rem}.topbar-right{gap:10px}.team-grid{grid-template-columns:1fr}.server-heading h1{font-size:1.85rem}.server-heading p{font-size:.72rem}.editor-savebar{padding:13px}.editor-savebar button{font-size:.67rem}.section-heading p{font-size:.67rem}.section-heading h2{font-size:1.05rem}}
@media(max-width:850px){.workspace{grid-template-columns:190px minmax(0,1fr)}.files-page,.page-view{padding:20px 16px}.editor-toolbar{padding:12px}.file-top{padding:15px 10px}.server-endpoint{padding:10px;min-width:100px}.server-heading p{max-width:290px}.private-badge{display:none}.tabs{gap:21px}.tabs button{font-size:.75rem}.editor-savebar{align-items:start;flex-direction:column;gap:10px}.editor-savebar button{align-self:end}.file-type{display:none}.file-item{font-size:.68rem;padding:10px 8px;gap:6px}.section-heading{align-items:start}.action-row{gap:5px;flex-wrap:wrap;justify-content:end}.editor-actions .icon-button{min-width:24px;width:24px}#line-numbers{width:35px;min-width:35px;padding-right:5px}}
@media(max-width:680px){.shell{display:block}.sidebar{display:grid;grid-template-columns:1fr auto;gap:16px;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.brand{grid-column:1}.nav-caption,.sidebar-note{display:none}#servers{display:flex;gap:8px;grid-column:1/-1;grid-row:2}.server-button{margin:0;flex:1;padding:10px;min-width:0}.sidebar-bottom{border:0;padding:0;margin:0;grid-column:2;grid-row:1}.sidebar-bottom .avatar{display:none}.sidebar-bottom strong{font-size:.7rem}.topbar{min-height:52px;padding:0 18px}.breadcrumb{font-size:.65rem;gap:7px}.server-heading{padding:22px 18px}.server-heading h1{font-size:1.8rem}.server-endpoint{display:none}.tabs{padding:0 18px;gap:22px}.section-heading{align-items:center;flex-wrap:wrap}.workspace{grid-template-columns:185px minmax(0,1fr);height:590px;display:grid}.file-browser{max-height:none}.file-top{display:block}.file-top input{width:100%;margin-top:13px}.file-top select{font-size:.68rem}.file-list{max-height:none}.editor-wrap{height:auto;flex:1}.editor-footer{flex-direction:row}.editor-toolbar{flex-wrap:wrap;gap:5px}.editor-actions{margin-left:auto}.file-browser-footer{font-size:.55rem;padding:12px 7px}.console-output{height:400px;padding:15px}.terminal-header{padding:12px;gap:10px}.console-foot{flex-direction:column;gap:6px}.page-footer{padding:16px;font-size:.55rem}.surface{padding:20px}.event{align-items:start;flex-direction:column}.preview-badge{font-size:.5rem}}
@media(max-width:420px){.workspace{display:flex;flex-direction:column;height:auto}.file-browser{max-height:245px;border-right:0;border-bottom:1px solid var(--line)}.file-top{display:flex;align-items:end;gap:10px}.file-top>label{width:50%}.file-top input{width:50%;margin:0}.file-list{max-height:110px;flex:auto}.file-browser-footer{display:none}.editor-wrap{height:360px;flex:none}.editor-savebar{flex-direction:row}.editor-savebar button{font-size:.62rem}.page-footer>span:last-child{display:none}.tabs{gap:16px}.tabs button{font-size:.65rem}.server-button{gap:7px}.server-button .server-icon{width:27px;height:31px}.server-button small{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}