:root{--workbench-bar-height:56px}
.workbench-view[hidden]{display:none}
.workbench-bar{box-sizing:border-box;position:sticky;top:0;z-index:500;display:flex;align-items:center;gap:18px;height:var(--workbench-bar-height);padding:0 28px;background:#112329f5;border-bottom:1px solid #516753;color:#e0e8dc;font:13px 'Segoe UI',Arial,sans-serif;backdrop-filter:blur(12px)}
.workbench-bar a{text-decoration:none;color:inherit}.workbench-home{font-size:28px;color:#c7e888!important;line-height:1}.workbench-location{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.workbench-location>span:first-child{font-weight:600;white-space:nowrap}.workbench-view{color:#afc1b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workbench-view::before{content:'/';margin-right:14px;color:#687f75}.workbench-directory{white-space:nowrap;font-size:12px}.workbench-bar button,.workbench-close{font:12px 'Segoe UI',Arial,sans-serif;border:1px solid #829f6677;background:#2b4436;color:#d0e5b4;padding:9px 13px;border-radius:7px;cursor:pointer;white-space:nowrap}
.workspace-skip{position:fixed;top:-60px;left:12px;background:#c7e888;padding:12px;color:#15272c!important;z-index:501}.workspace-skip:focus{top:8px}
.workbench-dialog{box-sizing:border-box;width:min(1080px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:26px;background:#15272e;color:#dce5dc;border:1px solid #77936e;border-radius:14px;box-shadow:0 30px 100px #0008;font:14px/1.6 'Segoe UI',Arial,sans-serif;overscroll-behavior:contain}.workbench-dialog::backdrop{background:#061117bd;backdrop-filter:blur(3px)}.workbench-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.workbench-dialog h2{font:500 25px/1.25 Georgia,serif;margin:0}.workbench-dialog label{display:block;font-size:12px;color:#bdccb9;margin-bottom:6px}.workbench-dialog input,.directory-search{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid #597568;border-radius:7px;background:#0f2027;color:#e4eddd;font:14px 'Segoe UI',Arial,sans-serif}.workbench-search-status{font-size:12px;color:#a9bbae;margin:10px 0}.workbench-group-title{font:11px 'Segoe UI',Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#c7e888;margin:24px 0 12px}.nav-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nav-card{min-width:0;background:#20343b;border:1px solid #405b57;border-radius:9px;padding:17px;text-align:left}.nav-card h3{margin:0 0 7px;font:500 18px/1.35 Georgia,serif}.nav-card h3 a{color:#e2eccf;text-decoration:none}.nav-card p{margin:0 0 12px;color:#adbfba;font:12px/1.6 'Segoe UI',Arial,sans-serif}.nav-view-links{display:flex;flex-wrap:wrap;gap:6px}.nav-view-links a{display:inline-block;color:#d1dfcf;background:#142a30;border:1px solid #4c655b;padding:5px 8px;font:11px/1.45 'Segoe UI',Arial,sans-serif;text-decoration:none;border-radius:5px}.nav-card a:hover{color:#e6fac1;text-decoration:underline}.nav-card a[aria-current]{color:#def4b5}.nav-view-links a[aria-current]{background:#c7e888;color:#1e3829;border-color:#c7e888}.workbench-full-directory{display:inline-block;color:#cee8a6;margin-top:22px}.workbench-bar :focus-visible,.workbench-dialog :focus-visible,.directory-content :focus-visible{outline:2px solid #d1e894;outline-offset:3px}
.directory-content{max-width:1350px;margin:0 auto}.directory-search-label{display:block;color:#c9dac1;font-size:13px;margin-bottom:8px}.directory-count{font-size:12px;color:#b7c8ba}.directory-content .nav-card{padding:23px}.directory-content .nav-card p{font-size:14px}.directory-content .nav-view-links a{font-size:12px;padding:7px 10px}.directory-content .nav-card h3{font-size:23px}.directory-content .nav-card-grid{gap:18px}.directory-content .workbench-group-title{margin-top:30px}
.has-workbench-bar #detail{top:calc(var(--workbench-bar-height) + 18px);max-height:calc(100dvh - var(--workbench-bar-height) - 36px)}
.has-workbench-bar .app{min-height:calc(100dvh - var(--workbench-bar-height))}.has-workbench-bar .world{height:calc(100dvh - var(--workbench-bar-height))}.has-workbench-bar .inspector{max-height:calc(100dvh - var(--workbench-bar-height))}
.has-workbench-bar main{scroll-margin-top:var(--workbench-bar-height)}.top-right{flex-wrap:wrap}.experiment-focus{outline:2px solid #c7e888;outline-offset:5px;scroll-margin-top:calc(var(--workbench-bar-height) + 25px)}
@media(max-width:850px){.topbar{flex-wrap:wrap}.top-right{gap:6px}.workbench-bar{padding:0 16px;gap:12px}.workbench-directory{display:none}.workbench-location{display:block;font-size:12px}.workbench-view{display:block;font-size:10px;margin-top:2px}.workbench-view::before{display:none}.workbench-bar button{font-size:11px;padding:9px}.has-workbench-bar #detail{max-height:none}.world-header{flex-wrap:wrap;gap:10px}}
@media(max-width:720px){.has-workbench-bar .world{height:72dvh}.has-workbench-bar .inspector{max-height:none}.nav-card-grid{grid-template-columns:1fr}.workbench-dialog{padding:18px}.workbench-dialog h2{font-size:21px}.workbench-home{display:none}.workbench-location>span:first-child{white-space:normal}}
