:root{--red:#b5121b;--dark:#101216;--panel:#171a1f;--line:#30343b;--muted:#8f97a2}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#252931,#08090b 68%);color:#fff;font:13px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.desktop{width:min(1500px,96vw);height:min(920px,94vh);overflow:hidden;border:1px solid #363b43;border-radius:12px;background:#0f1115;box-shadow:0 32px 90px #000b}.titlebar{display:flex;align-items:center;height:42px;padding-left:12px;background:#0e1013;border-bottom:1px solid #292d33;user-select:none}.mark{display:grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:7px;background:var(--red);font-size:10px;font-weight:900}.titlebar>b{font-size:12px}.titlebar>span{margin-left:10px;color:#707884;font-size:7px;font-weight:900;letter-spacing:.15em}.drag{flex:1;height:100%}.titlebar>button{width:46px;height:100%;border:0;background:transparent;color:#bbc0c7;font-size:15px}.titlebar>button:hover{background:#24272c}.titlebar>.close:hover{background:var(--red);color:#fff}.shell{display:grid;grid-template-columns:212px 1fr;height:calc(100% - 42px)}nav{display:flex;flex-direction:column;padding:22px 12px 12px;background:#121419;border-right:1px solid #292d33}.suite-brand{display:flex;align-items:baseline;gap:7px;padding:0 10px 18px}.suite-brand strong{font-size:21px}.suite-brand small{color:#d14d55;font-size:7px;font-weight:900;letter-spacing:.15em}nav>button{display:flex;align-items:center;gap:11px;width:100%;min-height:60px;margin:3px 0;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;color:#aeb4bd;text-align:left}nav>button:hover{background:#191c21}nav>button.active{border-color:#3a3f47;background:#20242a;color:#fff;box-shadow:inset 3px 0 var(--red)}nav>button i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#2b2f36;color:#d7dbe0;font-style:normal;font-size:9px;font-weight:900}nav>button.active i{background:var(--red);color:#fff}nav>button span,nav>button small{display:block}nav>button span{font-weight:800}nav>button small{margin-top:2px;color:#7e8691;font-size:8px;font-weight:600}.future{margin-top:20px;padding:16px 11px;border-top:1px solid #292d33;color:#69717c}.future small,.future span{display:block}.future small{font-size:7px;font-weight:900;letter-spacing:.14em}.future span{margin-top:4px;font-weight:800}nav footer{margin-top:auto;padding:10px;color:#68707b;font-size:7px;font-weight:900;letter-spacing:.1em}.dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#52ca83}.content{display:grid;grid-template-rows:58px 1fr;min-width:0}.toolbar{display:flex;align-items:center;gap:12px;padding:0 15px;background:#171a1f;border-bottom:1px solid #2f343b}.toolbar>div:first-child small,.toolbar>div:first-child b{display:block}.toolbar>div:first-child small{color:#d04a52;font-size:7px;font-weight:900;letter-spacing:.14em}.toolbar>div:first-child b{font-size:14px}.sync{display:flex;align-items:center;gap:7px;margin-left:auto;color:#7e8791;font-size:8px;font-weight:900}.sync span{width:7px;height:7px;border-radius:50%;background:#53ca84}.toolbar button{height:34px;padding:0 12px;border:1px solid #3c424a;border-radius:9px;background:#22262c;color:#fff;font-size:9px;font-weight:800}iframe{width:100%;height:100%;border:0;background:#fff}@media(max-width:850px){body{padding:0}.desktop{width:100%;height:100%;border:0;border-radius:0}.shell{grid-template-columns:72px 1fr}.suite-brand span,nav>button span,.future,nav footer{display:none}nav>button{justify-content:center}.suite-brand{justify-content:center}.suite-brand strong{font-size:13px}}