/* Shared route structure: navigation, compact identity, workspace, community. */
html body[data-page=labs][data-tool-page] #main-content{width:calc(100% - 64px);max-width:1220px;margin:0 auto;padding:106px 0 64px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem}
html body[data-page=labs][data-tool-page] .glass-navbar .nav-right{display:flex!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;flex-direction:row!important;clip-path:none!important;overflow:visible!important;pointer-events:auto!important;background:transparent!important;box-shadow:none!important;padding:0!important;opacity:1!important;visibility:visible!important;transform:none!important}
body[data-tool-page] .glass-navbar .glass-nav-inner{justify-content:space-between}
@media(max-width:760px){html body[data-page=labs][data-tool-page] .glass-navbar .nav-right{margin-left:auto!important;margin-right:24px!important}}
body[data-tool-page] .tool-shell-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin:0 0 24px;padding:0 0 20px;border-bottom:1px solid #cbc2ca;color:#201d20}
html body[data-page=labs] .tool-shell-header h1{font-family:alcyone,sans-serif;font-size:1.625rem;font-weight:400;line-height:1.2;letter-spacing:-.025em;margin:0;color:inherit}
html body[data-page=labs] .tool-shell-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid #cbc2ca;border-radius:8px;color:#514b51;text-decoration:none;font-size:.875rem;white-space:nowrap}
html body[data-page=labs] .tool-shell-back:hover{background:#e3ddd6;color:#201d20}
body[data-tool-page] .tool-shell-info{display:contents}
body[data-tool-page] .tool-shell-info>summary{grid-column:3;grid-row:1;display:flex;gap:8px;align-items:center;min-height:44px;padding:0 8px;cursor:pointer;list-style:none;font-size:.875rem;color:inherit}
body[data-tool-page] .tool-shell-info>summary::-webkit-details-marker{display:none}
body[data-tool-page] .tool-shell-info-content{grid-column:1/-1;padding:16px 20px;background:#e8e2db;border-radius:12px;font-size:.9375rem;line-height:1.6}
body[data-tool-page] .tool-shell-info-content p{margin:0 0 12px;max-width:65ch;color:inherit}
body[data-tool-page] .tool-shell-info .tool-version{position:static;display:block;margin:0;color:inherit}
body[data-tool-page] .tool-shell-info .tool-version>div{position:static;max-width:none;width:auto;box-shadow:none;background:transparent;border:0;padding:12px 0}
body[data-tool-page] .tool-workbench{min-width:0;padding:24px;border:1px solid #d4cbd0;border-radius:16px;background:#f6f2ec}
body[data-tool-page=role-customizer] .tool-workbench{padding:0;border:0;background:transparent}
body[data-tool-page] .tool-workbench .tool-layout{gap:28px}
body[data-tool-page] .tool-workbench .tool-note{margin-top:28px}
body[data-tool-page] .tool-workbench :is(input,select,textarea){font-size:16px}
body[data-tool-page] .tool-workbench>.cl-tabs{margin-top:0}
body[data-tool-page] .role-bar h2{flex:1;font-family:alcyone,sans-serif;font-size:1.25rem;line-height:1.2;font-weight:400;margin:0}
html[data-theme=dark] body[data-tool-page] .tool-shell-header{color:#f7f3f9;border-color:#514858}
html[data-theme=dark] body[data-page=labs] .tool-shell-back{color:#e7dfe9;border-color:#514858}
html[data-theme=dark] body[data-page=labs] .tool-shell-back:hover{background:#2d2632;color:#fff}
html[data-theme=dark] body[data-tool-page] .tool-shell-info-content{background:#27212d}
html[data-theme=dark] body[data-tool-page] .tool-workbench{background:#17121e;border-color:#443b4b}
html[data-theme=dark] body[data-tool-page=role-customizer] .tool-workbench{background:transparent}
html body[data-page=labs][data-tool-page] .tool-shell-header :focus-visible{outline:2px solid #a83207;outline-offset:4px}
html[data-theme=dark] body[data-page=labs][data-tool-page] .tool-shell-header :focus-visible{outline-color:#ff936c}
@media(max-width:760px){html body[data-page=labs][data-tool-page] #main-content{width:calc(100% - 24px);padding-top:88px;padding-bottom:40px}.tool-shell-header{gap:12px!important;grid-template-columns:minmax(0,1fr) auto!important;margin-bottom:16px!important;padding-bottom:16px!important}.tool-shell-back{grid-column:1;grid-row:1;width:max-content}.tool-shell-header h1{grid-column:1/-1;grid-row:2;font-size:1.5rem!important;margin-top:4px!important}.tool-shell-info>summary{grid-column:2!important}.tool-workbench{padding:18px!important}.tool-workbench .tool-layout{gap:24px!important}body[data-tool-page=role-customizer] .tool-workbench{padding:0!important}}
body[data-tool-page] .tool-shell-info:not([open])>.tool-shell-info-content{display:none}
body[data-tool-page] .tool-shell-info-content .tool-note{margin:20px 0 0;padding-top:16px;max-width:65ch}
body[data-tool-page] .tool-shell-info-content .tool-note h2{font-size:1rem;margin:0 0 8px}
body[data-tool-page] .glass-navbar .labs-theme-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0!important}

body[data-tool-page] .tool-shell-info:not([open]){display:block;grid-column:3;grid-row:1}
@media(max-width:760px){body[data-tool-page] .tool-shell-info:not([open]){grid-column:2}}

body[data-tool-page] .glass-navbar .labs-cart-space{display:block!important;visibility:visible;pointer-events:auto}
@media(max-width:760px){body[data-tool-page] .labs-footer .footer-mobile-navigation ul{column-gap:28px}body[data-tool-page] .labs-footer .footer-mobile-navigation a{height:auto;line-height:1.5;overflow-wrap:anywhere;padding:8px 0}}

html body[data-page=labs][data-tool-page] .glass-navbar .labs-theme-toggle{opacity:1!important;visibility:visible!important;position:static!important;transform:none!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;background:transparent;color:inherit}
html body[data-page=labs][data-tool-page] .labs-theme-toggle .nav-cart__label{display:none!important}
html body[data-page=labs][data-tool-page] .labs-theme-toggle svg{width:20px;height:20px}
/* Inline tool navigation must not inherit the mobile menu's blurred layer or spacing. */
html body[data-page=labs][data-tool-page] .glass-navbar .nav-left{display:flex;align-items:center}
html body[data-page=labs][data-tool-page] .glass-navbar #nav-links{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:none!important;animation:none!important}
html body[data-page=labs][data-tool-page] .glass-navbar #nav-links .labs-theme-toggle{box-sizing:border-box;flex:none;padding:0!important;margin:0!important;border:0!important;align-items:center!important;justify-content:center!important;background:transparent!important}
html body[data-page=labs][data-tool-page] .glass-navbar{transition:none!important}
html[data-theme=dark] body[data-page=labs][data-tool-page] a.tool-shell-back{color:#efc2a8!important}
html[data-theme=dark] body[data-page=labs][data-tool-page] .role-library-foot a{color:#d9c8b9!important}