.ribbon-nav{display:flex;gap:24px}.ribbon-nav a{color:#364156;text-decoration:none;font-weight:600}.account-menu{position:relative}.account-menu summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-label{max-width:200px;overflow-wrap:anywhere;font-weight:600;text-align:right}.account-label small{display:block;color:#667085;font-size:12px;font-weight:400}.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:210px;background:white;border:1px solid #dce1e8;border-radius:8px;box-shadow:0 8px 24px #18213020;padding:8px;z-index:50}.account-dropdown a,.account-dropdown button{display:block;width:100%;padding:12px;color:#273248;background:white;border:0;text-align:left;text-decoration:none;font:inherit;border-radius:4px}.account-dropdown a:hover,.account-dropdown button:hover{background:#eff3f8}.workspace-watermark,.login-background{position:fixed;inset:86px 0 0;z-index:-1;pointer-events:none}.workspace-watermark img,.login-background img{width:100%;height:100%;object-fit:cover}.workspace-watermark{opacity:.055}.login-background{opacity:.19;filter:blur(3px)}.practical-workspace{position:relative;min-height:calc(100vh - 86px);padding-top:40px;padding-bottom:24px}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.workspace-top h1{font-size:28px}.workspace-top p{margin-bottom:0;overflow-wrap:anywhere}.practical-workspace .tool-card{border-radius:8px;min-height:205px;background:#ffffffed}.practical-workspace .tool-card h3{font-size:20px}.workspace-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.workspace-version{margin-top:48px;color:#596575;font-size:13px}.login-layout{min-height:calc(100vh - 86px);display:flex;align-items:center;justify-content:center;padding:40px 16px}.login-box{width:100%;max-width:420px;padding:32px;border:1px solid #dce1e8;border-radius:8px;background:#fffffff5;box-shadow:0 12px 36px #18213014}.login-box h1{font-size:28px}.login-box p{color:#596575}.back-welcome{display:block;margin-top:22px;text-align:center}.login-box .error{color:#a21b28}.login-box .success{color:#146b46}body:has(.practical-workspace),body:has(.login-layout){background:#f7f9fc}.site-header{position:relative;z-index:20}.hero-cta{white-space:nowrap}@media(max-width:600px){.ribbon-nav{gap:12px}.ribbon-nav a{font-size:12px}.ribbon-nav a:first-child{display:none}.account-label{display:none}.workspace-top{align-items:flex-start;flex-direction:column}.practical-workspace{padding-top:24px}.login-layout{align-items:flex-start;padding-top:32px}.login-box{padding:24px}.site-header .brand{min-width:0}.site-header .brand-main{font-size:18px}.site-header .brand-tagline{font-size:6px}.site-header .brand img{width:32px}.site-header .avatar{width:32px;height:32px;flex-shrink:0}}
.site-header .btn{white-space:nowrap;flex-shrink:0}@media(max-width:600px){.site-header>.container-fluid{gap:8px!important}.site-header .brand{gap:6px}.site-header .btn{font-size:14px;padding:8px 10px}.ribbon-nav{gap:10px}}