:root{color:#1d2939;font-synthesis:none;background:#f5f7fa;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.icon{vertical-align:middle;display:inline-block}.app-shell{min-height:100vh;display:flex}.sidebar{color:#cbd5e1;background:#111c2e;flex-direction:column;flex:none;width:250px;padding:23px 14px 16px;display:flex}.brand{color:#f8fafc;letter-spacing:-.4px;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.brand-mark{color:#fff;background:#18a8da;border-radius:7px;place-items:center;width:28px;height:28px;font:700 17px/1 Arial;display:grid}.workspace-label{letter-spacing:1.1px;color:#64748b;margin:42px 12px 9px;font-size:10px;font-weight:700}.sidebar nav{gap:3px;display:grid}.nav-item{color:#9aacc3;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:11px 12px;font-size:13px;display:flex}.nav-item:hover{color:#eff6ff;background:#1e2b40}.nav-item.active{color:#fff;background:#243853;box-shadow:inset 3px 0 #20b8ec}.sidebar-foot{margin-top:auto}.storage{margin:0 9px 18px}.storage-row{color:#94a3b8;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.storage-row strong{color:#e2e8f0;font-weight:600}.meter{background:#2b3a50;border-radius:4px;height:4px;overflow:hidden}.meter i{background:#16b5e6;border-radius:4px;height:100%;display:block}.account{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #26354a;align-items:center;gap:9px;width:100%;padding:16px 7px 2px;display:flex}.account .avatar{color:#dff5ff;background:#284b6f;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.account span:nth-child(2){flex:1;min-width:0}.account b,.account small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account b{font-size:12px}.account small{color:#8092aa;margin-top:2px;font-size:10px}.account>.icon{color:#6f8299}.workspace{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e4e9f0;justify-content:space-between;align-items:center;height:66px;padding:0 38px;display:flex}.crumbs{color:#64748b;align-items:center;gap:9px;font-size:13px;display:flex}.crumbs button{color:#475569;background:0 0;border:0;padding:0;font-weight:600}.crumbs strong{color:#1e293b}.top-actions{align-items:center;gap:15px;display:flex}.help{color:#64748b;background:#fff;border:1px solid #dbe2ea;border-radius:50%;width:24px;height:24px;font-size:13px;font-weight:700}.primary{color:#fff;background:#0797c9;border:1px solid #078bbd;border-radius:5px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 1px 1px #0b5b7633}.primary:hover{background:#087fa9}.content{max-width:1500px;margin:auto;padding:36px 42px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.overline{color:#78879a;letter-spacing:1.15px;margin:0 0 8px;font-size:10px;font-weight:800}.section-heading h1,.project-hero h1{color:#16263a;letter-spacing:-.7px;margin:0;font-size:30px}.section-heading>div>p:last-child,.project-hero>div>p:last-child{color:#6b7b8f;margin:8px 0 0;font-size:13px}.summary{border-left:1px solid #dce3eb;gap:3px;padding-left:22px;display:grid}.summary strong{color:#20354b;font-size:25px}.summary span{color:#718096;font-size:11px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.project-card{background:#fff;border:1px solid #dfe6ee;border-radius:7px;flex-direction:column;min-height:198px;transition:all .15s;display:flex;box-shadow:0 1px 2px #15203008}.project-card:hover{border-color:#a9c8d9;transform:translateY(-1px);box-shadow:0 7px 18px #1520300d}.project-main{text-align:left;background:0 0;border:0;flex:1;padding:20px 20px 14px}.project-icon{color:#078dbd;background:#e7f4fa;border-radius:6px;place-items:center;width:38px;height:38px;margin-bottom:20px;display:grid}.tag{float:right;color:#008954;letter-spacing:.7px;background:#e9f8f1;border-radius:3px;margin-top:-58px;padding:5px 6px;font-size:8px;font-weight:800}.tag i,.status i,.source i{background:#18b67a;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.project-main h3{color:#24364a;margin:0 0 8px;font-size:16px}.project-main p{color:#718096;align-items:center;gap:4px;margin:0;font-size:11px;display:flex}.card-footer{color:#8290a1;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:9px 12px 9px 20px;font-size:10px;display:flex}.icon-button{background:0 0;border:0;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.danger{color:#dd4f4f}.icon-button:hover{background:#f3f5f7}.empty-state{text-align:center;color:#6d7b8b;grid-column:1/-1;padding:76px 10px}.empty-icon{color:#089bcb;background:#e8f4f8;border-radius:10px;place-items:center;width:52px;height:52px;margin:auto auto 15px;display:grid}.empty-state h2{color:#334155;margin:0;font-size:18px}.empty-state p{max-width:330px;margin:9px auto 18px;font-size:13px}.back-link{color:#4c667f;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:25px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.project-hero{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.project-actions{gap:9px;display:flex}.secondary{color:#276079;background:#fff;border:1px solid #b8cbd7;border-radius:5px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:700;display:inline-flex}.secondary:hover{background:#f4fafc}.secondary:disabled{opacity:.65;cursor:wait}.danger-outline{color:#c94c4c;border:1px solid #f0c8c8}.stat-strip{color:#fff;background:#182a41;border-radius:6px;margin-bottom:20px;display:flex}.stat-strip>div{border-right:1px solid #344862;gap:3px;min-width:170px;padding:14px 22px;display:grid}.stat-strip>div:last-child{border:0}.stat-strip span{letter-spacing:.9px;color:#a8b8ca;font-size:9px;font-weight:800}.stat-strip strong{font-size:13px}.stat-strip .status{color:#83e0b9}.file-panel{background:#fff;border:1px solid #dfe6ee;border-radius:7px;overflow:hidden}.file-toolbar{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.file-toolbar h2{color:#26374b;margin:0;font-size:15px}.file-toolbar span{color:#7c8b9c;margin-left:10px;font-size:11px}.sort-button{color:#63778b;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;display:flex}.file-row{border-bottom:1px solid #edf1f5;grid-template-columns:minmax(230px,2fr) 150px 145px 155px;align-items:center;gap:15px;padding:13px 20px;font-size:12px;display:grid}.file-row:last-child{border:0}.table-head{color:#7c8998;text-transform:uppercase;letter-spacing:.7px;background:#f8fafc;padding-block:10px;font-size:9px;font-weight:800}.file-name{align-items:center;gap:11px;min-width:0;display:flex}.file-name b{text-overflow:ellipsis;white-space:nowrap;color:#2c4055;font-size:12px;display:block;overflow:hidden}.file-name small{color:#8492a2;margin-top:3px;font-size:10px;display:block}.file-badge{color:#087ea7;text-align:center;letter-spacing:.3px;background:#e6f3fa;border-radius:4px;min-width:34px;padding:7px 4px;font-size:8px;font-weight:800}.file-row code{color:#4d6277;font:11px ui-monospace,monospace}.source{color:#5d7084;font-size:11px}.source i{background:#16b982}.row-actions{justify-content:flex-end;gap:4px;display:flex}.row-actions>button{color:#1d6d90;background:#fff;border:0;border-radius:4px;align-items:center;gap:5px;padding:6px 7px;font-size:11px;font-weight:700;display:flex}.row-actions>button:hover{background:#eaf5f9}.row-actions .more-button{color:#7b8797}.empty-files{color:#688096;align-items:center;gap:14px;padding:38px 25px;display:flex}.empty-files>svg{color:#0a9bc9}.empty-files>div{flex:1;gap:4px;display:grid}.empty-files b{color:#3a4d61;font-size:13px}.empty-files span{font-size:11px}.notice{color:#9b5e20;background:#fff4e8;border:1px solid #f5d7b7;border-radius:5px;align-items:center;gap:9px;margin:17px 42px 0;padding:10px 12px;font-size:12px;display:flex}.notice>span{color:#fff;text-align:center;background:#eaa853;border-radius:50%;width:17px;height:17px;font-weight:800}.notice button{color:#a76a2d;background:0 0;border:0;margin-left:auto}.overlay{z-index:5;background:#15223580;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:8px;gap:14px;width:min(440px,100%);padding:27px;display:grid;position:relative;box-shadow:0 20px 50px #0d172433}.dialog h2{color:#25364a;margin:0;font-size:21px}.dialog>p:not(.overline){color:#6d7d8e;margin:-7px 0 5px;font-size:12px;line-height:1.5}.dialog label{color:#40566a;gap:7px;font-size:12px;font-weight:700;display:grid}.dialog input,.auth-panel input{color:#263a4c;border:1px solid #ccd7e1;border-radius:5px;outline:none;padding:10px}.dialog input:focus,.auth-panel input:focus{border-color:#18a4d4;box-shadow:0 0 0 3px #18a4d418}.dialog-close{color:#708093;background:0 0;border:0;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.dialog-close:hover{background:#eef2f5}.dialog>.dialog-close{position:absolute;top:12px;right:14px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.text-button{color:#61758a;background:0 0;border:0;padding:9px 12px;font-size:12px;font-weight:700}.history-drawer{z-index:4;background:#fff;flex-direction:column;width:min(420px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 35px #1522351a}.history-drawer header{border-bottom:1px solid #e7edf2;justify-content:space-between;align-items:start;padding:25px 25px 20px;display:flex}.history-drawer h2{color:#26394d;word-break:break-word;margin:0;font-size:18px}.history-drawer header span{color:#78899a;margin-top:6px;font-size:11px;display:block}.history-list{padding:20px 25px;overflow:auto}.version-item{grid-template-columns:20px 1fr;display:grid}.timeline{justify-content:center;display:flex;position:relative}.timeline i{z-index:1;background:#fff;border:2px solid #b4c3d1;border-radius:50%;width:10px;height:10px;margin-top:5px;position:relative}.timeline i.current{background:#e4f7fc;border-color:#0b9ecd}.timeline b{background:#dce4eb;width:1px;position:absolute;top:15px;bottom:-6px}.version-body{padding:0 0 20px 10px}.version-top{align-items:center;gap:7px;display:flex}.version-top strong{color:#2d4054;font-size:12px}.current-label{color:#0587b5;letter-spacing:.5px;background:#e3f6fc;border-radius:3px;padding:3px 4px;font-size:8px;font-weight:800}.version-body code{color:#667b8e;margin-top:6px;font-size:10px;display:block}.version-body p{color:#8694a2;margin:5px 0 9px;font-size:10px}.version-body button{color:#087fa9;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:700;display:flex}.auth-page{grid-template-columns:1.2fr .8fr;min-height:100vh;display:grid}.auth-intro{color:#fff;background:linear-gradient(135deg,#101c2f,#172d48);flex-direction:column;padding:42px clamp(45px,10vw,150px);display:flex}.auth-copy{margin:auto 0}.auth-copy h1{color:#fff;letter-spacing:-2.5px;margin:0;font-size:clamp(42px,5vw,70px);line-height:1.04}.auth-copy em{color:#55c8ef;font-style:normal}.auth-copy>p:last-child{color:#afc0d2;max-width:410px;margin:20px 0 0;font-size:15px;line-height:1.6}.auth-intro .overline{color:#62c9ea}.auth-foot{color:#91a8be;font-size:11px}.live-dot{background:#4cdb99;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.auth-panel{background:#fff;place-items:center;padding:30px;display:grid}.auth-panel form{gap:14px;width:min(360px,100%);display:grid}.auth-panel h2{color:#24364a;letter-spacing:-.5px;margin:0;font-size:26px}.form-copy{color:#718195;margin:-3px 0 12px;font-size:13px;line-height:1.5}.auth-panel label{color:#40576b;gap:7px;font-size:12px;font-weight:700;display:grid}.wide{justify-content:center;margin-top:5px}.form-error{color:#bc4545;background:#fff0f0;border-radius:4px;margin:0;padding:9px;font-size:11px}.switch{text-align:center;color:#718195;margin:9px 0;font-size:12px}.switch button{color:#078ab9;background:0 0;border:0;padding:0;font-size:12px;font-weight:800}@media (width<=850px){.sidebar{width:62px;padding-inline:10px}.sidebar .brand>span:last-child,.workspace-label,.nav-item span,.storage,.account span:nth-child(2),.account>.icon{display:none}.sidebar .brand{justify-content:center}.nav-item{justify-content:center;padding:11px}.account{justify-content:center;padding-left:0;padding-right:0}.topbar{padding:0 22px}.content{padding:28px 22px}.notice{margin-inline:22px}.file-row{grid-template-columns:minmax(180px,1fr) 110px 120px}.file-row>:nth-child(3){display:none}.auth-page{grid-template-columns:1fr}.auth-intro{min-height:320px}.auth-panel{padding-block:55px}}@media (width<=620px){.topbar{padding:0 15px}.top-actions .help{display:none}.content{padding:24px 15px}.notice{margin-inline:15px}.section-heading,.project-hero{flex-direction:column;align-items:start;gap:16px}.summary{border-left:0;padding-left:0}.project-actions{width:100%}.project-actions .secondary{flex:1;justify-content:center}.stat-strip>div{flex:1;min-width:0;padding:12px}.stat-strip>div:nth-child(3){display:none}.file-toolbar{padding-inline:14px}.file-row{grid-template-columns:1fr auto;padding:12px 14px}.table-head,.file-row>code{display:none}.row-actions{gap:0}.row-actions>button:first-child{font-size:0}.row-actions>button:first-child .icon{width:18px;height:18px}.empty-files{flex-wrap:wrap;align-items:start}.empty-files .secondary{margin-left:37px}.auth-intro{padding:30px}.auth-copy h1{font-size:40px}}.project-actions{align-items:center;gap:12px;display:flex}.file-input{display:none}.primary:disabled{cursor:wait;opacity:.7}.notice{color:#8c372d;background:#f9e4df;border-radius:8px;margin:16px clamp(25px,5vw,72px) 0;padding:10px 13px;font-size:13px}.no-files{color:#78817c;margin:0;padding:28px 17px;font-size:13px}@media (width<=760px){.project{flex-direction:column;gap:18px}.project-actions{flex-wrap:wrap;align-items:flex-start}}.view{color:#286d4f!important}.viewer-overlay{z-index:10;background:#16231dcc;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.viewer-dialog{background:#fffefa;border-radius:14px;flex-direction:column;width:min(1180px,100%);height:min(780px,100%);display:flex;overflow:hidden}.viewer-dialog header{flex:none;height:auto;padding:18px 22px}.viewer-close{background:0 0;border:0;font-size:28px;line-height:1}.dwf-canvas{background:#d9dfdb;flex:1;min-height:0;position:relative}.dwf-canvas>p{color:#526059;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer-error{text-align:center;margin:auto}.viewer-error span{color:#78817c;font-size:13px}@media (width<=760px){.viewer-overlay{padding:10px}.viewer-dialog{border-radius:8px;height:100%}}.project-main dl{gap:7px;margin:13px 0 0;display:grid}.project-main dl div{grid-template-columns:58px 1fr;gap:5px;font-size:10px;display:grid}.project-main dt{color:#8b99a8}.project-main dd{color:#53677b;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.project-meta{color:#fff;background:#182a41;border-radius:6px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;display:grid}.project-meta>div{border-right:1px solid #344862;gap:4px;padding:14px 20px;display:grid}.project-meta>div:last-child{border:0}.project-meta span{letter-spacing:.8px;color:#9eafc3;font-size:9px;font-weight:800}.project-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.project-dialog{width:min(650px,100%)}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid .span-2{grid-column:1/-1}.design-drawer{width:min(500px,100vw)}.drawer-tabs{border-bottom:1px solid #e5ebf1;padding:0 24px;display:flex}.drawer-tabs button{color:#718195;text-transform:capitalize;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 10px;font-size:11px;font-weight:700}.drawer-tabs button.active{color:#087fa9;border-color:#0b9dcc}.drawer-tabs span{background:#edf2f6;border-radius:9px;margin-left:5px;padding:2px 5px;font-size:9px}.drawer-content{flex:1;overflow:auto}.drawer-form{background:#f8fafc;border-bottom:1px solid #e8edf2;gap:11px;padding:20px 25px;display:grid}.drawer-form label{color:#40566a;gap:6px;font-size:11px;font-weight:700;display:grid}.drawer-form input,.drawer-form textarea{resize:vertical;background:#fff;border:1px solid #ccd7e1;border-radius:5px;padding:9px;font:12px Inter,sans-serif}.drawer-form textarea{min-height:76px}.drawer-form .primary{justify-self:end}.comment-list,.drawer-issues{padding:8px 25px}.comment-list article{border-bottom:1px solid #edf1f5;gap:10px;padding:15px 0;display:flex}.comment-list .avatar{color:#087da5;background:#dceef6;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:11px;font-weight:800;display:grid}.comment-list strong{color:#34495e;font-size:11px}.comment-list p{color:#4f6275;margin:5px 0;font-size:12px;line-height:1.5}.comment-list small{color:#94a0ad;font-size:9px}.drawer-empty{text-align:center;color:#8493a2;padding:30px;font-size:12px}.drawer-issues article{border-bottom:1px solid #e9eef2;padding:15px 0}.drawer-issues article>div{justify-content:space-between;align-items:center;display:flex}.drawer-issues strong{color:#33485c;margin:8px 0 5px;font-size:12px;display:block}.drawer-issues p{color:#65788b;margin:0 0 8px;font-size:11px;line-height:1.45}.drawer-issues button{color:#0784b1;background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.design-drawer>footer{border-top:1px solid #e6ecf1;padding:13px 24px}.danger-link{color:#c84a4a;background:0 0;border:0;padding:5px 0;font-size:10px;font-weight:700}.issue-board{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.issue-card{background:#fff;border:1px solid #dfe6ee;border-radius:7px;padding:18px}.issue-card-top{justify-content:space-between;align-items:center;display:flex}.issue-card-top small{color:#8190a0;font:9px ui-monospace,monospace}.issue-status{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:4px 6px;font-size:8px;font-weight:800;display:inline-flex}.issue-status.open{color:#bc6624;background:#fff0e4}.issue-status.closed{color:#19825b;background:#e7f7ef}.issue-card h3{color:#2e4256;margin:15px 0 7px;font-size:14px}.issue-card>p{color:#637689;min-height:36px;font-size:11px;line-height:1.5}.issue-context{border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;gap:3px;margin:12px 0;padding:9px 0;display:grid}.issue-context b{color:#3f566b;font-size:10px}.issue-context span{color:#8493a1;font-size:9px}.issue-card .secondary{padding:6px 8px;font-size:10px}.full{grid-column:1/-1}.settings-page{max-width:1100px}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.settings-card{background:#fff;border:1px solid #dfe6ee;border-radius:7px;gap:12px;padding:23px;display:grid}.settings-icon{color:#0787b5;background:#e5f4fa;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.settings-card h2{color:#2a3e52;margin:2px 0 0;font-size:16px}.settings-card>p{color:#718295;margin:-5px 0 7px;font-size:11px;line-height:1.5}.settings-card label{color:#465c70;gap:6px;font-size:11px;font-weight:700;display:grid}.settings-card input{border:1px solid #ccd7e1;border-radius:5px;outline:none;padding:10px}.settings-card input:focus{border-color:#18a4d4;box-shadow:0 0 0 3px #18a4d418}.settings-card .primary{justify-self:start}.success-notice{color:#257052;background:#eaf8f1;border:1px solid #bae6d0;border-radius:5px;align-items:center;gap:9px;margin:17px 42px 0;padding:10px 12px;font-size:12px;display:flex}.success-notice>span{color:#fff;text-align:center;background:#2cad76;border-radius:50%;width:17px;height:17px;font-weight:800}.success-notice button{color:#257052;background:0 0;border:0;margin-left:auto}.version-cell{grid-template-columns:auto 1fr;align-items:center;column-gap:7px;display:grid}.version-cell strong{color:#087fa9;font-size:12px}.version-cell code{font-size:10px}.version-cell small{color:#8795a4;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;margin-top:3px;font-size:9px;overflow:hidden}@media (width<=750px){.project-meta{grid-template-columns:1fr 1fr}.project-meta>div:nth-child(2){border-right:0}.form-grid,.settings-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.success-notice{margin-inline:15px}}