:root{font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#dbe5ec;background:#080c10;font-synthesis:none;font-weight:400;--bg:#080c10;--panel:#10181f;--panel-2:#151f28;--line:#20303b;--muted:#79909e;--cyan:#35cee8;--purple:#b493ee;--green:#52d9b0;--amber:#e9b76d;--red:#f08caa;--shadow:0 22px 80px #0005}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan)}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{border:0}input,textarea{color:var(--text,#dbe5ec);background:#0c1319;border:1px solid #273641;border-radius:9px;padding:12px 14px;outline:none;min-width:0}input:focus,textarea:focus{border-color:#46bedc;box-shadow:0 0 0 3px #35cee810}input::placeholder,textarea::placeholder{color:#627785}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#91a6b3;font-weight:500}form{display:flex;flex-direction:column;gap:20px}h1,h2,h3,p{margin:0}h1{font-size:29px;font-weight:650;letter-spacing:-.9px}h2{font-size:16px;font-weight:600;letter-spacing:-.25px}h3{font-weight:550;font-size:17px}small{font-size:12px}code{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}::selection{background:#35cee832}*{scrollbar-width:thin;scrollbar-color:#2f5261 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:12px;background:linear-gradient(var(--cyan),var(--purple))}::-webkit-scrollbar-corner{background:transparent}.spin{animation:spin 1s linear infinite}.spin-icon svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #2b3c49;background:#141f28;border-radius:10px;padding:10px 16px;font-weight:550;font-size:13px;min-height:39px;transition:background .15s,border-color .15s,transform .15s;white-space:nowrap}.button:not(.primary):hover:not(:disabled){background:#1c2a35;border-color:#436070}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:linear-gradient(112deg,#34c2df,#779ee9 54%,#b37bdf);color:#071c2c;border-color:transparent;font-weight:700;box-shadow:0 4px 20px #55b9ea12}.button.primary:hover:not(:disabled){filter:brightness(1.1)}.icon-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;background:transparent;color:#859ba8;border:1px solid transparent;border-radius:8px;width:34px;height:34px;padding:0;transition:background .15s,color .15s}.icon-button:hover:not(:disabled){background:#1c2a33;color:#d4e6ef}.icon-button.active{color:#68daeb;background:linear-gradient(110deg,#35cee81c,#b493ee15);border-color:#3b647344}.brand{display:flex;align-items:center;gap:10px;font-size:28px;letter-spacing:-1px;font-weight:700;color:#e3edf4}.brand-symbol{display:flex;align-items:center;justify-content:center;height:41px;width:41px;background:linear-gradient(140deg,#35cee816,#b493ee24);border:1px solid #67cfe930;border-radius:12px;color:#86b8ee;box-shadow:inset 0 1px #c6dbff0d}.brand-accent{background:linear-gradient(120deg,#58d6e8,#b493ee);color:transparent;-webkit-background-clip:text;background-clip:text}.brand.compact .brand-symbol{width:32px;height:32px;border-radius:9px}.brand.compact svg{width:20px}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #7a99ad20;background:#7792a20a;color:#8ba2b1;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:550;line-height:1.25}.badge i{height:5px;width:5px;border-radius:50%;background:currentColor}.badge.green{color:#63d8b5;background:#21b8950b;border-color:#27a98726}.badge.cyan{color:#6ecbdc;background:#35cee80a;border-color:#35cee825}.badge.amber{color:#dcb878;background:#e4b3640a;border-color:#e4b36425}.avatar{height:36px;width:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;border:1px solid #629ba442;background:linear-gradient(135deg,#1b3940,#31253f);border-radius:11px;color:#c4dfeb}.avatar.small{width:29px;height:29px;border-radius:9px;font-size:10px}.boot{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;background:radial-gradient(ellipse at 50% 0,#35cee805,transparent 60%),var(--bg)}.loading{display:flex;align-items:center;justify-content:center;gap:11px;min-height:150px;color:#89a0af;font-size:13px}.loading svg{color:#61bcd6}.boot .loading{min-height:auto}.inline-error{background:#461d282e;border:1px solid #c5506c40;color:#efadc0;padding:13px;border-radius:9px;font-size:13px;line-height:1.5}.empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 20px;text-align:center}.empty-icon{height:70px;width:70px;border-radius:20px;border:1px solid #4073824d;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#35cee811,#b493ee0c);color:#82b3c7}.empty p{max-width:370px;font-size:13px;line-height:1.5;color:#8fa3b0}.empty .button{margin-top:2px}.app-shell{display:flex;min-height:100dvh}.sidebar{width:232px;flex-shrink:0;position:fixed;height:100dvh;top:0;left:0;padding:28px 16px 16px;background:#0b1117;border-right:1px solid #1c2934;display:flex;flex-direction:column;z-index:30}.brand-link{display:inline-flex;margin:0 14px 30px}.workspace-label{padding:13px 11px;display:flex;align-items:center;gap:9px;border:1px solid #243541;border-radius:10px;background:#101a23;margin-bottom:24px}.workspace-label strong{font-size:13px}.workspace-label .badge{margin-left:auto}.workspace-emblem{height:26px;width:26px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#203640;color:#79d9e7;font-size:12px;font-weight:650}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:12px;text-align:left;position:relative;border-radius:10px;background:none;color:#8297a7;padding:13px 15px;border:1px solid transparent;font-size:14px}.sidebar nav button:hover{color:#cfdae3;background:#ffffff03}.sidebar nav button.selected{background:linear-gradient(105deg,#2e799a25,#8868a920);color:#dcebf7;border-color:#4d819838}.sidebar nav button.selected svg{color:#74d5e6}.nav-glow{position:absolute;left:-1px;top:13px;bottom:13px;width:2px;background:linear-gradient(var(--cyan),var(--purple));border-radius:5px;box-shadow:0 0 10px #35cee843}.sidebar-bottom{margin-top:auto}.security-line{display:flex;align-items:center;gap:8px;padding:16px 12px;color:#567783;font-size:11px;border-bottom:1px solid #1c2934;margin-bottom:12px}.account{display:flex;align-items:center;gap:10px;padding:8px}.account>div{min-width:0;flex:1}.account strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.account small{display:block;font-size:10px;color:#7792a1;margin-top:4px}.account .icon-button{width:26px}.main{margin-left:232px;flex:1;min-width:0;background:radial-gradient(ellipse 70% 35% at 92% 0,#1630391d,transparent)}.topbar{height:78px;border-bottom:1px solid #1a2833;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#0b1116a6}.topbar-path{display:flex;align-items:center;gap:14px;font-size:12px;color:#647b8a}.topbar-path strong{color:#a6bac7;font-weight:500}.topbar-right{display:flex;align-items:center;gap:20px}.topbar-right .badge{background:none;border:none}.mobile-menu{display:none}.page-content{padding:42px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.heading-actions{display:flex;gap:12px;align-items:center}.list-tools{display:flex;align-items:center;gap:16px;margin-bottom:25px}.search-field{display:flex;align-items:center;gap:10px;width:320px;max-width:100%;border:1px solid #263641;border-radius:9px;padding:0 12px;color:#587887;background:#0e171e}.search-field:focus-within{border-color:#467383}.search-field input{padding:11px 0;border:none;background:none;box-shadow:none;width:100%;font-size:12px}.quiet-count{font-size:12px;color:#7792a2}.list-tools .quiet-count{margin-left:auto}.quiet-icon{color:#4e6d7c}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px}.project-card{text-align:left;background:#111a21;border:1px solid #253440;border-radius:15px;padding:0;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s;animation:rise .35s both;animation-delay:calc(var(--card-index)*35ms)}.project-card:hover{transform:translateY(-3px);border-color:#427486;box-shadow:0 14px 40px #0003}.project-art{height:175px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 22% 35%,#35cee815,transparent 65%),radial-gradient(ellipse at 94% 100%,#b493ee21,transparent 70%),#0b141b;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #22323c}.project-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#accadb05 1px,transparent 1px),linear-gradient(90deg,#accadb05 1px,transparent 1px);background-size:23px 23px;-webkit-mask-image:linear-gradient(transparent,#000,transparent);mask-image:linear-gradient(transparent,#000,transparent)}.source-illustration{width:170px;height:110px;border:1px solid #3e606c88;border-radius:9px;background:linear-gradient(120deg,#17262df5,#17202cd9);box-shadow:0 16px 35px #0006;position:relative;transform:rotate(-4deg)}.mini-dots{height:25px;display:flex;gap:4px;align-items:center;padding:0 10px;border-bottom:1px solid #2a404c}.mini-dots i{width:4px;height:4px;background:#5b7c89;border-radius:50%}.mini-dots i:first-child{background:#a079ba}.code-bars{padding:14px;display:flex;flex-direction:column;gap:6px}.code-bars i{height:3px;width:44px;background:#6582a1;border-radius:3px}.code-bars i:nth-child(2){width:76px;margin-left:8px;background:#467c90}.code-bars i:nth-child(3){width:55px;margin-left:8px;background:#7f719f}.code-bars i:nth-child(4){width:86px;margin-left:8px;background:#436272}.code-bars i:nth-child(5){width:33px}.project-git-icon{position:absolute;right:-17px;bottom:-6px;width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;border:1px solid #679bb757;background:linear-gradient(135deg,#1b3947,#342e45);color:#9fc3ee;transform:rotate(9deg);box-shadow:0 7px 14px #0005}.project-open{position:absolute;right:14px;top:14px;border:1px solid #65869b22;color:#759bac;width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .15s}.project-card:hover .project-open{background:#35cee820;color:#69d3e7}.art-project-name{position:absolute;bottom:13px;left:15px;color:#718c9b4d;font-size:10px;letter-spacing:3px}.project-card-body{padding:21px}.project-title{display:flex;gap:10px;align-items:center;justify-content:space-between}.project-title h2{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-phase{display:block;color:#7d96a6;font-size:12px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #23323c;padding-top:16px;margin-top:22px;font-size:10px;color:#738e9d;gap:12px}.project-card-footer>span{display:flex;align-items:center;gap:5px}.panel{background:linear-gradient(135deg,#121c24,#0f171e);border:1px solid #263640;border-radius:14px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #22323c;color:#a8bfcc}.panel-heading h2{color:#d4e0e9}.system-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-bottom:26px}.status-card{padding:26px}.section-label{display:flex;align-items:center;gap:11px;color:#7dd0dd}.section-label h2{color:#d5e3eb}.section-label .badge{margin-left:auto}.status-main{font-size:23px;color:#d8e9f1;letter-spacing:-.5px;margin:30px 0 24px}.detail-pair{display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.5}.detail-pair span{color:#7d95a4}.detail-pair strong{font-weight:450;text-align:right;color:#b4cad7;max-width:70%;overflow-wrap:anywhere}.storage-number{font-size:30px;font-weight:600;letter-spacing:-1px;margin:26px 0}.storage-number span{font-size:13px;font-weight:400;color:#738d9b;margin-left:9px;letter-spacing:0}.storage-track{height:5px;background:#20303b;border-radius:10px;overflow:hidden}.storage-track span{display:block;min-width:2px;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:10px}.backup-project{display:flex;align-items:center;gap:13px;padding:20px 24px;border-top:1px solid #22323c}.backup-project:first-of-type{border-top:0}.backup-project>div{flex:1}.backup-project strong,.integration-row strong{font-size:13px;font-weight:550}.backup-project small,.integration-row small{display:block;color:#7992a1;font-size:11px;margin-top:5px}.file-emblem{height:39px;width:39px;border:1px solid #3d69793d;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#79b9ce;background:#35cee809}.activity-row{width:100%;display:flex;align-items:center;gap:20px;padding:22px 24px;background:none;border-bottom:1px solid #22323c;text-align:left}.activity-row:last-child{border:0}.activity-row:hover{background:#cbeaff03}.activity-node{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border:1px solid #b493ee25;color:#a794d2;background:#b493ee08;border-radius:11px}.activity-text{flex:1}.activity-text strong{display:block;font-size:13px;font-weight:550}.activity-text span{display:block;margin-top:6px;font-size:11px;color:#7a95a6}.activity-text b{margin:0 5px;font-weight:400;color:#4a6879}.activity-row code{color:#849eaf;background:#20313e55;padding:5px 7px;border-radius:5px;font-size:11px}.activity-row time{font-size:11px;color:#718d9c}.activity-row>svg{color:#5d7c8e}.settings-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.settings-layout>.panel:first-child{grid-row:span 2}.integration-row{display:flex;align-items:center;gap:13px;padding:23px;border-bottom:1px solid #24323c}.integration-row:last-child{border:0}.integration-row>div{flex:1}.integration-icon{height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#202f3c;color:#8cb1c7}.settings-body{padding:24px;display:flex;flex-direction:column;gap:23px}.settings-body>.badge{align-self:flex-start}.settings-body p{font-size:12px;color:#8da6b6;line-height:1.65}.settings-body code{color:#a5bfd0}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;padding:24px;background:radial-gradient(ellipse at 50% 0,#16373b33,transparent 55%),radial-gradient(ellipse at 95% 100%,#3e225b1a,transparent 60%),#080c10}.login-aura{position:absolute;top:15%;width:420px;height:420px;max-width:80vw;filter:blur(100px);border-radius:50%;background:linear-gradient(150deg,#35cee80c,#b493ee11);pointer-events:none}.login-card{position:relative;width:400px;border:1px solid #2b3a444f;border-radius:20px;background:linear-gradient(140deg,#111c23d9,#10131dd9);padding:38px;box-shadow:var(--shadow)}.login-card h1{font-size:23px;margin:32px 0;letter-spacing:-.7px}.login-card .button{margin-top:6px}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#6d8b9b;margin-top:29px}.login-brand-note{position:absolute;bottom:30px;letter-spacing:3px;font-size:9px;color:#3f5c6d}.modal-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#03080cc2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:rise .15s}.modal{width:440px;max-width:100%;max-height:90dvh;overflow:auto;padding:25px;background:linear-gradient(140deg,#152029,#10171f);border:1px solid #3c5564;border-radius:16px;box-shadow:0 35px 120px #0009}.modal.wide{width:680px}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.modal>header h2{font-size:18px}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.modal form footer{padding-top:6px}.template-option{display:flex;align-items:center;gap:12px;border:1px solid #40bdd54d;border-radius:10px;background:linear-gradient(120deg,#35cee80a,#b493ee07);padding:15px}.template-option>div{flex:1}.template-option strong{font-size:13px;display:block}.template-option small{font-size:11px;display:block;color:#819dae;margin-top:5px}.template-option>svg{color:#6bd7d4}.modal-note{font-size:13px;color:#a0b5c3;line-height:1.65;margin:16px 0 22px}.restore-summary{display:flex;align-items:center;gap:12px;padding:16px;background:#23334055;border:1px solid #314653;border-radius:10px;color:#a998d1}.restore-summary strong{display:block;font-size:13px;color:#c9dce8}.restore-summary small{display:block;font-size:11px;color:#7d9bad;margin-top:5px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 18px;background:#16252e;border:1px solid #3c6070;border-radius:12px;box-shadow:0 10px 50px #0008;max-width:min(600px,calc(100vw - 32px));font-size:13px}.toast>svg{color:#62d5b5;flex-shrink:0}.toast.error{border-color:#854c5b;background:#251b23}.toast.error>svg{color:#e7a1b1}.toast .icon-button{width:25px;height:25px}.workspace{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#090e13}.editor-toolbar-wrapper{position:relative;z-index:60;flex-shrink:0;background:linear-gradient(180deg,#0b1117,#0c1218);border-bottom:1px solid #27333e;min-height:17px}.editor-toolbar{min-height:78px;display:flex;align-items:center;gap:16px;padding:12px 22px;max-width:1800px;margin:auto}.editor-project{display:flex;align-items:center;gap:11px;min-width:175px;flex:1}.editor-project>.icon-button{margin-left:-4px}.phase-trigger{min-width:0;text-align:left;background:none;padding:0;color:#dbe7ef;max-width:220px}.phase-trigger strong{font-size:13px;font-weight:600;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.phase-trigger>span{display:flex;gap:6px;align-items:center;font-size:11px;color:#829bab;margin-top:5px}.toolbar-group{display:flex;align-items:center;gap:3px;border-right:1px solid #283943;padding-right:15px}.toolbar-group .icon-button{width:32px;height:32px}.toolbar-actions{display:flex;align-items:center;gap:10px}.toolbar-handle{position:absolute;bottom:-13px;left:50%;transform:translate(-50%);height:15px;width:43px;background:#18232d;border:1px solid #324550;border-top:0;border-radius:0 0 8px 8px;color:#80a6b7;display:flex;align-items:center;justify-content:center;z-index:65}.collapsed{height:17px}.collapsed .toolbar-handle{height:21px;bottom:-18px}.save-indicator{display:flex;align-items:center;gap:6px;color:#8ca6b3;font-size:10px;white-space:nowrap;min-width:50px}.save-indicator i{width:5px;height:5px;border-radius:50%;background:#57ceb0}.save-indicator.saving i{background:#73bde7;box-shadow:0 0 7px #73bde750}.save-indicator.dirty i{background:#d1b072}.save-indicator.error{color:#eca7ba}.save-indicator.error i{background:#ea799b}.save-version{font-size:12px;padding:9px 12px;min-height:35px}.more-container{position:relative}.menu-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;background:none;z-index:60;cursor:default}.dropdown-menu{position:absolute;right:0;top:43px;z-index:61;width:230px;background:#14202a;border:1px solid #324854;box-shadow:0 16px 40px #0009;padding:6px;border-radius:12px}.dropdown-menu>button{display:flex;align-items:center;width:100%;gap:10px;background:transparent;font-size:12px;padding:11px 10px;color:#b5cbd8;border-radius:6px;text-align:left}.dropdown-menu>button:hover:not(:disabled){background:#a4dbff0a}.dropdown-menu>button>svg{color:#7b9cac}.dropdown-divider{height:1px;background:#2b3d48;margin:5px 7px}.toggle{display:inline-flex;width:24px;height:13px;padding:2px;border-radius:15px;background:#425663;margin-left:auto}.toggle:before{content:"";width:9px;height:9px;background:#a3b6c0;border-radius:50%}.toggle.on{background:#327e85}.toggle.on:before{background:#8ce4e8;margin-left:auto}.editor-body{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}.source-pane{width:470px;min-width:335px;flex-shrink:0;border-right:1px solid #293943;display:flex;flex-direction:column;background:#0c1218}.source-header{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 18px;border-bottom:1px solid #202e38;background:#101820}.source-header>span{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:550;color:#a6bccb}.source-header svg{color:#799fb4}.source-layout{display:flex;flex:1;min-height:0;min-width:0}.file-tree{width:155px;overflow:auto;border-right:1px solid #20303b;padding:14px 5px;background:#0e151c;flex-shrink:0}.tree-root button{display:flex;align-items:center;gap:6px;padding:7px;font-size:11px;border-radius:5px;color:#8fa6b6;background:none;width:100%;text-align:left;white-space:nowrap;min-width:0}.tree-root button span{overflow:hidden;text-overflow:ellipsis}.tree-root button svg{flex-shrink:0}.tree-root button:hover{background:#30465530;color:#bed7e6}.tree-root .tree-file{padding-left:14px}.tree-root .tree-file.selected{background:linear-gradient(90deg,#237f9524,#af90e314);color:#8cdae8}.tree-directory>button svg{color:#628ba3}.tree-children{margin-left:10px;border-left:1px solid #30465433}.code-panel{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.file-tab{height:39px;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:11px;color:#97b3c4;border-bottom:1px solid #20303b;background:#111a22}.file-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tab>svg{flex-shrink:0;color:#8aadd0}.file-tab>i{height:5px;width:5px;background:#ccaf7e;border-radius:50%;margin-left:auto}.code-panel>.cm-theme{flex:1;min-height:0;overflow:hidden}.code-panel .cm-editor,.code-panel .cm-scroller{height:100%}.code-footer{height:25px;display:flex;align-items:center;gap:13px;padding:0 12px;font-size:9px;color:#59788b;border-top:1px solid #1d2d38;background:#0f171e}.code-footer>span:first-child{margin-right:auto}.conflict-banner{display:flex;gap:8px;padding:12px;background:#523a1730;border-bottom:1px solid #97724070;font-size:11px;color:#d8bc8b}.conflict-banner>svg{flex-shrink:0}.conflict-banner p{font-size:10px;margin:7px 0;color:#c4b395;line-height:1.5}.conflict-banner>div>div{display:flex;gap:7px;flex-wrap:wrap}.conflict-banner button{background:none;border:1px solid #9475416b;border-radius:5px;padding:5px;color:#d9c199;font-size:10px;display:flex;align-items:center;gap:4px}.preview-pane{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#0a0f14}.preview-controls{height:47px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 17px;border-bottom:1px solid #24333d;background:#10171e}.preview-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#8cabbc;flex:1}.preview-label svg{color:#739caf}.size-controls{display:flex;align-items:center;gap:7px;color:#486575;font-size:10px}.size-controls input{width:46px;font-family:Consolas,monospace;font-size:10px;padding:4px 3px;text-align:center;border-radius:4px;background:#0c1319;border:1px solid #263943;-moz-appearance:textfield}.size-controls input::-webkit-inner-spin-button{display:none}.size-controls .icon-button{height:24px;width:24px}.size-controls .icon-button svg{width:13px}.zoom-control{background:none;border:0;color:#7797aa;font-size:10px;display:flex;align-items:center;gap:4px;padding:4px}.preview-controls>.icon-button{width:26px;height:26px}.preview-controls>.icon-button svg{width:14px}.preview-canvas{position:relative;flex:1;min-height:0;overflow:auto;padding:28px 24px 40px;background:radial-gradient(#506b7824 .75px,transparent .75px);background-size:16px 16px;display:flex;align-items:flex-start;justify-content:flex-start}.preview-canvas .empty{margin:auto}.viewport-shell{position:relative;flex-shrink:0;margin:0 auto;box-shadow:0 13px 55px #0007;border:1px solid #4563714a;box-sizing:content-box;background:#0e141b;overflow:hidden;border-radius:5px;transition:width .2s,height .2s}.viewport-shell.mobile{border-radius:20px;border:5px solid #2c3844;box-shadow:0 0 0 1px #4c657255,0 20px 40px #0007}.viewport-shell.tablet{border-radius:11px;border:4px solid #2c3844;box-shadow:0 0 0 1px #4c657255,0 20px 40px #0007}.viewport-content{position:relative}.viewport-content iframe{display:block;border:0;background:#fff}.workspace-status{height:31px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:9px;color:#618496;gap:15px;border-top:1px solid #1f303a;background:#0d151c}.workspace-status>span{display:flex;align-items:center;gap:5px}.workspace-status b{font-weight:400;color:#3b5c70;margin:0 4px}.build-pill{position:fixed;bottom:47px;left:50%;display:flex;gap:7px;align-items:center;background:#16262ee8;border:1px solid #387b8c60;color:#8fd6e6;border-radius:25px;padding:8px 13px;font-size:10px;box-shadow:0 4px 20px #0004}.ruler-horizontal{position:absolute;top:0;left:0;right:0;height:17px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:repeating-linear-gradient(90deg,#45627444 0 1px,transparent 1px 10px),#101b23;border-bottom:1px solid #36566850;color:#627f90;font-family:Consolas,monospace;font-size:8px;pointer-events:none;z-index:2}.ruler-vertical{position:absolute;top:17px;bottom:0;left:0;width:17px;background:repeating-linear-gradient(#45627444 0 1px,transparent 1px 10px),#101b23;border-right:1px solid #36566850;pointer-events:none;z-index:2}.guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - .5px),#35cee84d 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#b493ee4d 50%,transparent calc(50% + .5px));display:flex;justify-content:space-evenly}.guide-overlay>div{border-left:1px dashed #35cee824;height:100%;width:0}.workspace-warning{padding:11px 20px;border-bottom:1px solid #99845238;background:#493a152b;display:flex;align-items:center;gap:9px;color:#cdbb94;font-size:12px}.workspace-warning button{background:none;color:#e3cf9e;font-size:11px;margin-left:auto;text-decoration:underline;text-underline-offset:3px}.detail-panel{width:300px;flex-shrink:0;background:#0e171f;border-left:1px solid #2a3e4a;display:flex;flex-direction:column;min-height:0}.detail-panel>header{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 20px;border-bottom:1px solid #263947}.detail-panel h2{font-size:12px}.history-panel,.notes-panel{overflow:auto;padding:22px 20px}.history-entry{position:relative;padding:0 0 25px 17px;border-left:1px solid #2c4352}.timeline-dot{height:7px;width:7px;border:1px solid #8390a8;border-radius:50%;background:#142434;position:absolute;left:-4px;top:3px}.history-entry.current .timeline-dot{border-color:#35cee8;background:#35cee8;box-shadow:0 0 10px #35cee84d}.history-entry>strong{display:block;font-size:12px;font-weight:550;line-height:1.4}.history-entry>small{display:block;font-size:10px;color:#688899;margin-top:7px}.history-author{display:block;font-size:10px;color:#829dad;margin-top:6px}.history-entry>div{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.history-entry code{font-size:10px;color:#7c9fb2}.history-entry button{background:#30475455;border:1px solid #3b5b6b55;color:#91c4d4;padding:4px 7px;border-radius:4px;font-size:9px}.history-entry .badge{font-size:8px;padding:3px 6px}.history-panel .empty{min-height:180px;padding:10px}.history-panel .empty h3{font-size:13px}.notes-panel{padding:18px 15px}.notes-panel form{gap:8px}.notes-panel textarea{font-size:12px;line-height:1.5;padding:11px}.note-composer-footer{display:flex;align-items:center;justify-content:space-between}.note-composer-footer>span{font-size:10px;color:#607e91}.note-composer-footer>.button{font-size:10px;min-height:30px;padding:6px 10px}.notes-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:50px 0;color:#617e8e;font-size:12px}.note-card{margin-top:17px;padding:13px;border:1px solid #2b414f;background:#14212b88;border-radius:10px}.note-card p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;color:#b9cdd8}.note-card>code{display:block;font-size:9px;color:#83b0c2;margin-top:11px;overflow-wrap:anywhere}.note-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border-top:1px solid #2b3e4b;padding-top:9px;font-size:9px;color:#87a3b4}.note-card footer small{display:block;font-size:9px;color:#536f81;margin-top:4px}.note-card .icon-button{height:25px;width:25px}.note-card .icon-button svg{width:13px}.is-fullscreen .editor-toolbar{max-width:none}.sidebar-shade{display:none}@media(min-width:1600px){.source-pane{width:560px}.file-tree{width:180px}.editor-toolbar{gap:22px}.project-art{height:190px}.project-card-body{padding:23px}}@media(max-width:1250px){.editor-toolbar{gap:8px;padding:10px 13px}.toolbar-group{gap:0;padding-right:7px}.toolbar-group .icon-button{width:29px}.editor-project{gap:7px;min-width:150px}.toolbar-actions{gap:5px}.save-indicator{display:none}.phase-trigger{max-width:150px}.source-pane{width:390px;min-width:300px}.file-tree{width:135px}.detail-panel{width:270px}.main{margin-left:210px}.sidebar{width:210px}.page-content{padding:32px}.topbar{padding:0 32px}.settings-layout{gap:18px}.project-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}}@media(max-width:1000px){.tools-buttons{border-right:0;padding-right:0}.toolbar-actions{margin-left:auto}.editor-toolbar{flex-wrap:wrap;gap:5px}.editor-project{flex:1;min-width:200px}.device-buttons{border-right:0}.toolbar-actions>.icon-button{display:none}.source-pane{position:absolute;left:0;top:126px;bottom:31px;z-index:35;width:min(520px,80vw);box-shadow:12px 0 35px #0007;border:1px solid #385564}.editor-toolbar-wrapper.collapsed+.editor-body .source-pane{top:64px}.history-buttons{margin-left:auto}.detail-panel{position:absolute;right:0;top:126px;bottom:31px;z-index:36;width:290px;box-shadow:-12px 0 35px #0007}.editor-toolbar-wrapper.collapsed+.editor-body .detail-panel{top:64px}.system-grid,.settings-layout{grid-template-columns:1fr}.settings-layout>.panel:first-child{grid-row:auto}.activity-row{gap:13px}.activity-row time{display:none}.topbar-right .badge{display:none}.editor-toolbar{min-height:78px}.source-pane,.detail-panel{top:125px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;box-shadow:20px 0 50px #0007;width:232px}.sidebar.open{transform:translate(0)}.sidebar-shade{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#0008;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.main{margin-left:0}.mobile-menu{display:flex}.topbar{height:64px;padding:0 19px}.topbar-path{gap:9px}.page-content{padding:27px 20px}h1{font-size:25px}.page-heading{margin-bottom:27px}.heading-actions{gap:7px}.heading-actions>.button{font-size:11px;padding:8px 11px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))}.project-art{height:170px}.list-tools{gap:10px}.search-field{width:100%}.quiet-count{white-space:nowrap}.quiet-icon{display:none}.system-grid{gap:16px;margin-bottom:20px}.status-card{padding:20px}.section-label h2{font-size:14px}.section-label .badge{font-size:9px}.storage-number{font-size:26px}.activity-row{padding:18px 16px}.activity-row code{display:none}.activity-text strong{font-size:12px}.backup-project{padding:18px}.backup-project .badge{font-size:9px}.backup-project small{font-size:10px}.editor-toolbar{padding:10px 10px 12px;gap:8px}.editor-project{flex:1;min-width:175px}.history-buttons{border:0;padding:0;margin-left:0}.device-buttons{order:3;flex:1}.tools-buttons{order:4;flex:1;justify-content:center}.toolbar-actions{order:5;flex:1;justify-content:flex-end}.toolbar-actions .save-version{font-size:10px;min-height:31px;padding:6px 9px}.toolbar-actions .save-version svg{width:13px}.toolbar-actions .more-container>.icon-button{width:25px}.tools-buttons .icon-button{width:27px;height:29px}.toolbar-group .icon-button svg{width:16px}.toolbar-handle{width:36px;height:12px;bottom:-10px}.source-pane,.detail-panel{top:151px}.source-pane{width:calc(100vw - 18px);min-width:0}.file-tree{width:135px}.preview-controls{height:45px;padding:0 12px;gap:9px}.preview-label{font-size:10px}.size-controls{gap:5px}.size-controls input{width:41px}.preview-canvas{padding:25px 20px 35px}.workspace-status{font-size:8px;padding:0 10px;gap:7px}.workspace-status>span:last-child{max-width:95px;overflow:hidden;white-space:nowrap}.workspace-warning{font-size:10px;padding:9px}.workspace-warning button{font-size:9px}.modal{padding:22px}.modal footer{flex-wrap:wrap}.login-card{padding:30px;width:380px}.modal-note{font-size:12px}.topbar-right{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.preview-error{display:flex;align-items:center;gap:8px;padding:9px 15px;background:#4934173b;border-bottom:1px solid #8369404d;color:#d5b782;font-size:10px;line-height:1.5}.preview-error>svg{flex-shrink:0}.source-unverified{color:#c4ab78}.source-verified{color:#71998e}.preview-ruler{position:absolute;left:0;top:0;right:0;height:19px;background:repeating-linear-gradient(90deg,#35cee856 0 1px,transparent 1px 10px),#0c192de3;color:#b7d4e5;border-bottom:1px solid #67c2e262;pointer-events:none;font:9px Consolas,monospace}.preview-ruler>span{position:absolute;top:4px;padding-left:3px;background:#0c192d99}.bridge-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.bridge-top>span{font-size:11px;color:#7997a9}.bridge-config{font-family:Consolas,monospace;font-size:11px;line-height:1.7;overflow-wrap:anywhere;resize:none}.bridge-command{padding:14px;margin-top:17px;background:#08111a;border:1px solid #2a4353;border-radius:8px;color:#a9c1d7;overflow-x:auto}.bridge-note{font-size:11px;color:#a7997e;line-height:1.5;margin:13px 0 20px}@media(max-width:760px){.workspace-status .source-unverified,.workspace-status .source-verified{display:none}}.code-panel .cm-editor,.code-panel .cm-gutters{background:#0c1117!important}.code-panel .cm-activeLine,.code-panel .cm-activeLineGutter{background:#17263266!important}.preview-isolated{font-size:9px;color:#587787;border:1px solid #334e5c66;padding:2px 5px;border-radius:4px}.editor-body{position:relative}@media(max-width:1000px){.source-pane,.detail-panel,.editor-toolbar-wrapper.collapsed+.editor-body .source-pane,.editor-toolbar-wrapper.collapsed+.editor-body .detail-panel{top:0;bottom:0}}.preview-pane:fullscreen{width:100vw;height:100dvh;position:relative;background:#080c10;display:block;overflow:hidden}.preview-pane:fullscreen>.preview-controls,.preview-pane:fullscreen>.preview-error,.preview-pane:fullscreen>.workspace-status{display:none}.preview-pane:fullscreen .preview-canvas{width:100%;height:100%;padding:0;display:block;overflow:hidden;background:none}.preview-pane:fullscreen .viewport-shell,.preview-pane:fullscreen .viewport-content,.preview-pane:fullscreen iframe{width:100%!important;height:100%!important;min-width:0;min-height:0}.preview-pane:fullscreen .viewport-shell{margin:0;border:0;border-radius:0;box-shadow:none;transition:none}.preview-pane:fullscreen .viewport-content{transform:none!important}.preview-pane:fullscreen .guide-overlay,.preview-pane:fullscreen .preview-ruler{display:none}.preview-fullscreen-exit{position:absolute;z-index:10;top:12px;right:12px;display:flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 10px;color:#c5d8e3;background:#101b26dc;border:1px solid #769bad48;border-radius:8px;box-shadow:0 3px 15px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-fullscreen-exit:hover{color:#8dddec;background:#152735f2;border-color:#67bfda70}.preview-fullscreen-exit kbd{font-size:10px;font-family:inherit;color:#9bb2c0}@media(max-width:480px){.preview-controls{gap:7px}.preview-controls>.icon-button{width:25px;flex-shrink:0}.preview-controls .preview-isolated{display:none}.preview-fullscreen-exit{top:9px;right:9px}}.project-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .18s;z-index:1}.project-cover.loaded{opacity:1}.project-art.has-cover:before{display:none}.project-art .project-open{z-index:2}.project-art.has-cover .project-open{background:#0b1626d9;border-color:#769aad55;color:#c0d6e5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-card:hover .project-art.has-cover .project-open{background:#174355ec;color:#a4edfa;border-color:#77d4e373}.account-control{position:relative}.account-trigger{width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:10px;transition:background .15s,border-color .15s}.account-trigger:hover,.account-trigger.active{background:#14202a;border-color:#2c4351}.account-trigger>.avatar{flex-shrink:0}.account-caption{min-width:0;flex:1}.account-trigger>svg{color:#6e8d9e;flex-shrink:0;transition:transform .15s}.account-trigger.active>svg{transform:rotate(180deg)}.avatar{overflow:hidden;flex-shrink:0}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.account-popover{position:absolute;z-index:65;bottom:calc(100% + 11px);left:0;width:282px;max-width:calc(100vw - 32px);padding:7px;background:#111b23;border:1px solid #304450;border-radius:13px;box-shadow:0 15px 45px #0008;animation:rise .15s both}.account-identity{display:flex;align-items:center;gap:11px;padding:10px 9px 16px;margin-bottom:5px;border-bottom:1px solid #293b47}.account-identity>div{min-width:0}.account-identity strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.account-identity small{display:block;color:#7b95a6;font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-identity .avatar{width:38px;height:38px;border-radius:9px}.account-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;border-radius:7px;text-align:left;background:none}.account-menu-item:hover,.account-menu-item:focus-visible{background:#8fbed00b;outline-offset:-2px}.account-menu-item>svg:first-child{color:#72c8d8;flex-shrink:0}.account-menu-item>span{flex:1;min-width:0}.account-menu-item strong{display:block;font-size:13px;font-weight:500}.account-menu-item small{display:block;font-size:11px;color:#7d95a4;margin-top:4px}.account-menu-item>svg:last-child:not(:first-child){color:#668190}.account-menu-divider{height:1px;background:#263945;margin:6px 8px}.account-menu-item.account-signout,.account-menu-item.account-signout>svg{color:#ed96ab}.account-menu-item.account-signout:hover{background:#ed96ab0b}.account-dialog{display:flex;flex-direction:column;gap:22px}.account-dialog p{font-size:13px;line-height:1.65;color:#8da7b7}.account-dialog>.button{align-self:flex-end;margin-top:5px}.account-profile{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #2a3b47}.account-profile .avatar{width:48px;height:48px;border-radius:12px}.account-profile strong{font-size:15px;font-weight:550}.account-profile small{display:block;color:#7b96a6;margin-top:5px}.account-dialog-icon{display:flex;align-items:center;justify-content:center;align-self:flex-start;width:50px;height:50px;border:1px solid #6693b638;border-radius:13px;color:#94bce2;background:linear-gradient(135deg,#35cee811,#b493ee11)}.backup-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.backup-summary .status-card{padding:24px;min-width:0}.backup-summary .section-label h2{font-size:15px;white-space:nowrap}.backup-summary .section-label{gap:9px;flex-wrap:wrap}.backup-summary .section-label>svg{flex-shrink:0}.backup-summary .section-label .badge{font-size:9px;padding:4px 7px}.backup-summary .status-main{font-size:21px;margin:26px 0 20px}.storage-card .storage-number{margin:25px 0 4px;white-space:nowrap;font-size:28px}.storage-card .storage-number.unknown{font-size:21px;font-weight:500;color:#8ca5b4;letter-spacing:-.4px}.storage-caption{display:block;color:#7c94a3;font-size:11px;margin-bottom:20px}.storage-card .storage-track{margin-top:20px}.storage-card .storage-track span{min-width:0}.storage-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;font-size:10px;color:#73909f}.storage-meta time{color:#597687}@media(max-width:1250px){.backup-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-overview{grid-column:1/-1}.backup-summary .backup-overview .status-main{font-size:23px;margin:23px 0 16px}}@media(max-width:760px){.backup-summary{grid-template-columns:1fr}.backup-overview{grid-column:auto}.account-popover{max-height:calc(100dvh - 110px);overflow-y:auto}.account-dialog>.button{align-self:stretch}}