.floating-workspace.wt-root{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.floating-workspace-header{--floating-nav-item-height:43px;--floating-new-hypo-height:45px;--floating-capsule-shadow:0 2px 6px color-mix(in srgb, var(--shadow-color) 6%, transparent), 0 8px 24px color-mix(in srgb, var(--shadow-color) 10%, transparent);--floating-capsule-shadow-hover:0 4px 10px color-mix(in srgb, var(--shadow-color) 8%, transparent), 0 12px 28px color-mix(in srgb, var(--shadow-color) 12%, transparent);z-index:30;isolation:isolate;box-sizing:border-box;background:0 0;border-bottom:0;flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;height:50px;padding:0 28px;display:grid;position:relative}.floating-workspace-header:before{content:"";z-index:-1;background:linear-gradient(to bottom, var(--background) 0, var(--background) calc(100% - 28px), transparent 100%);pointer-events:none;height:calc(100% + 28px);position:absolute;top:0;left:0;right:0}.floating-workspace-brand{color:var(--foreground);letter-spacing:-1px;justify-self:start;align-items:center;gap:5px;font-size:25px;font-weight:600;text-decoration:none;display:inline-flex}.hypo-mark-dark,.dark .hypo-mark-light{display:none}.dark .hypo-mark-dark{display:block}.floating-nav-cluster{justify-self:center;margin-top:6px;position:relative}.floating-nav{box-sizing:border-box;border:1px solid var(--border);background:var(--card);height:50px;box-shadow:var(--floating-capsule-shadow);border-radius:999px;align-items:center;gap:4px;padding:2.5px 3px;display:flex}.floating-nav-link{min-height:var(--floating-nav-item-height);color:var(--muted-foreground);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.floating-workspace-header :is(.floating-nav-link,.floating-new-hypo){transition:background .18s,color .18s,box-shadow .18s,transform .15s}.floating-nav-link:hover{color:var(--foreground);background:var(--surface-hover)}.floating-nav-link:active{transform:scale(.98)}.floating-nav-link[aria-current=page]{color:var(--foreground);background:var(--surface-selected)}.floating-workspace-header :is(.floating-new-hypo,.floating-nav-link,.floating-workspace-brand):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.floating-workspace-account{justify-self:end}.floating-new-hypo{left:calc(100% + 12px);top:calc(50% - var(--floating-new-hypo-height) / 2);height:var(--floating-new-hypo-height);box-sizing:border-box;border:1px solid var(--accent-solid);background:var(--accent-solid);color:var(--accent-solid-foreground);box-shadow:var(--floating-capsule-shadow);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;position:absolute}.floating-new-hypo:hover{background:var(--accent-solid-hover);box-shadow:var(--floating-capsule-shadow-hover)}.floating-new-hypo:active{transform:scale(.98)}.floating-workspace-content{overscroll-behavior-y:contain;flex:1;min-width:0;min-height:0;scroll-padding-top:20px;overflow-y:auto}.floating-nav-hint{background:var(--primary);opacity:0;border-radius:2px;width:16px;height:2px;position:absolute;bottom:4px}.floating-nav-hint.is-pending{animation:.7s ease-in-out .1s infinite alternate floating-nav-pending}@keyframes floating-nav-pending{to{opacity:.8}}.floating-sample-tools{align-items:center;gap:10px;display:flex}.floating-sample-label{color:var(--muted-foreground);font-size:12px}.workspace-loading{max-width:1150px;margin:0 auto;padding:40px 44px}.workspace-loading p{color:var(--muted-foreground);margin:0 0 28px;font-size:14px}.workspace-loading-line{background:var(--secondary);border-radius:5px;width:min(100%,280px);height:16px;margin-bottom:16px}.workspace-loading-line.wide{width:min(100%,600px)}@media (max-width:800px){.floating-workspace-header{gap:10px;padding:0 16px}.floating-workspace-brand span{display:none}.floating-nav-link{padding:0 14px}.floating-new-hypo{width:54px;padding:0;left:calc(100% + 10px)}.floating-new-hypo>span:not(.floating-nav-hint),.floating-sample-label,.floating-sample-tools .current-user-theme-toggle{display:none}}@media (max-width:480px){.floating-workspace-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;height:auto;padding:6px 10px}.floating-workspace-brand{grid-area:1/1}.floating-workspace-account{grid-area:1/3}.floating-nav-cluster{grid-area:2/1/auto/-1}.floating-nav{justify-self:center;gap:2px}.floating-nav-link{flex:1;gap:5px;padding:0 8px;font-size:12px}.floating-nav-link svg{width:16px;height:16px}.floating-new-hypo{width:50px;font-size:12px;left:calc(100% + 8px)}.workspace-loading{padding:28px 20px}}@media (prefers-reduced-motion:reduce){.floating-workspace-header :is(.floating-nav-link,.floating-new-hypo){transition:none}.floating-nav-hint.is-pending{opacity:.8;animation:none}}
