/* Forge MVP tokens and shared alpha components. Gesta webfonts served through Adobe Fonts kit vjo0ues. */
:root{--ember:#ff5a1f;--ink:#111;--canvas:#f7f7f5;--line:#e6e6e2;--border-strong:#a3a3a3;--secondary:#686868;--success:#27a35a;--warning:#f79009;--error:#d92d20}
body{font:16px/18px Gesta,Arial,sans-serif}h1,.type-h2{font-size:36px;line-height:33px;letter-spacing:-.02em}h2,h4{font-size:20px;line-height:22px;letter-spacing:-.02em}h3{font-size:28px;line-height:30px;letter-spacing:-.02em}.type-h1{font-size:48px;line-height:50px}h1,h2,h3,h4,p{margin:0}p{line-height:1.4}.eyebrow,.field-hint{font-size:12px;line-height:14px;color:var(--secondary);letter-spacing:0}
.content{max-width:1440px;padding:48px;gap:24px;margin:0}.workspace{margin-left:252px;min-width:0}.page-heading{display:flex;gap:20px}.page-heading>div{display:grid;gap:10px}.card{border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:20px}.card form{min-width:0}.field-label,label{font-size:14px;line-height:16px}.field-hint{font-weight:400}input,select,textarea{min-height:42px;border:1px solid var(--border-strong);border-radius:6px;padding:12px;font:14px/16px Gesta,Arial,sans-serif}select{padding-right:30px}button,.button{background:var(--ember);color:#fff;border:1px solid transparent;border-radius:6px;padding:12px 16px;font-size:14px;line-height:16px;min-height:42px}.button-secondary{background:#fff;color:var(--ink);border-color:var(--border-strong)}button:disabled{background:#f4f4f4;color:var(--secondary);cursor:not-allowed}a{color:var(--ink)}.password{position:relative;display:block}.password input{padding-right:48px}.password .password-toggle{position:absolute;right:1px;top:1px;height:40px;min-height:40px;width:42px;background:transparent;color:var(--secondary);padding:10px}
.brand{display:block;background:var(--forge-logo) center/contain no-repeat}.brand-sidebar{width:125px;height:36px;flex-shrink:0}.brand-login{width:280px;height:80px;max-width:100%}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#111;color:white;padding:28px 24px 20px;display:flex;flex-direction:column;gap:28px;z-index:30;overflow-y:auto}.sidebar nav{display:grid;gap:10px}.nav-link{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 6px;text-decoration:none;color:white;border:1px solid transparent;border-radius:6px;font-size:14px;line-height:16px}.nav-link.is-disabled{opacity:.4}.nav-link.is-active{background:#ffffff12;border-color:#ffffff12}.active-rail{width:3px;height:24px;border-radius:2px;flex-shrink:0}.is-active .active-rail{background:var(--ember)}.nav-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;background:currentColor;mask:var(--icon) center/contain no-repeat}.is-active .nav-icon{color:#fff}
.nav-icon-dashboard{--icon:var(--forge-icon-dashboard)}.nav-icon-pages{--icon:var(--forge-icon-pages)}.nav-icon-media{--icon:var(--forge-icon-media)}.nav-icon-templates{--icon:var(--forge-icon-templates)}.nav-icon-page-parts{--icon:var(--forge-icon-page-parts)}.nav-icon-plugins{--icon:var(--forge-icon-plugins)}.nav-icon-users{--icon:var(--forge-icon-users)}.nav-icon-site-settings{--icon:var(--forge-icon-site-settings)}.nav-icon-log-off{--icon:var(--forge-icon-log-off)}
.nav-icon-projects{--icon:var(--forge-icon-projects)}.nav-icon-form-builder{--icon:url('nav-form.svg')}.nav-icon-foundry{--icon:url('plugin-cube.svg')}
.account{margin-top:auto;display:flex;gap:10px;align-items:center}.account-avatar-link{display:block;width:fit-content;border-radius:50%;color:white;text-decoration:none}.avatar{width:40px;height:40px;border-radius:50%;background:#2563eb;display:grid;place-items:center;flex-shrink:0}.account-copy{display:grid;gap:4px;min-width:0;font-size:12px;overflow-wrap:anywhere}.account-copy small{font-size:10px;color:#aaa}.icon-button{background:transparent;padding:0;width:28px}.site-footer{padding:24px 48px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--secondary)}.nav-drawer{display:none}
.auth-shell{min-height:100vh;width:100%;max-width:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;padding:32px 16px}.auth{width:356px;max-width:100%;gap:16px}.auth h2{margin-bottom:0}.auth form{gap:16px}.auth-footer{width:356px;max-width:100%;height:104px;padding:24px 16px 0;display:flex;align-items:flex-start;justify-content:center;text-align:center;color:var(--secondary);font-size:13px;line-height:normal}.auth-footer p{font-size:13px;line-height:normal}.auth-footer a{color:var(--ink);text-underline-position:under}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.table{display:block}table{font-size:14px;line-height:18px}th{color:var(--secondary);font-weight:400}td,th{padding:16px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}.savebar{position:sticky;top:16px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #11111114;border-radius:12px}.savebar span{margin-right:auto}.badge{display:inline-flex;padding:6px 10px;border-radius:6px;background:#f1f1ed;font-size:12px;line-height:14px}.badge-success{color:#176333;background:#27a35a18}.badge-warning{color:#8a4c00;background:#f7900918}.badge-error{color:#b42318;background:#d92d2018}.specimen{gap:20px}.component-row{display:flex;flex-wrap:wrap;gap:10px}
.editor-html-source{display:block;width:100%;min-height:220px;margin:0;padding:16px;border:0;border-top:1px solid var(--line);border-radius:0;resize:vertical;background:#fff;color:var(--ink);font:12px/18px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.editor-html-source[hidden]{display:none}.editor-toolbar{gap:10px;padding:10px 12px}.editor-toolbar button{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:6px;min-height:32px;padding:6px 8px;font-size:12px}.tiptap{line-height:1.4}
.app-shell{position:relative;min-height:100vh;background:linear-gradient(to right,#111 252px,transparent 252px)}.mobile-topbar{display:none}
.menu-icon{display:block;width:24px;height:24px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAHBJREFUeAHt2LEJhUAQBNC5zy/EzmxNO7OT08DYhUMOhPeSTZeFCXYSAAAAAABe0jKo975eY8k3HK21PQP+GXAfZ8uHXDtn5Ei/8EjEAAAA5vOLFdQdBXVHQcQAAADm84sV1B0FdUdBxAAAAAAAmOUENbs08DhZnTUAAAAASUVORK5CYII=") center/contain no-repeat}
@media(max-width:1099px){.app-shell{background:none}.app-shell>.sidebar{display:none}.workspace{margin-left:0}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;height:72px;padding:16px 24px;background:#111;color:#fff;position:relative;z-index:42}.mobile-topbar .brand{height:35px}.mobile-actions{display:flex;align-items:center;gap:20px}.mobile-topbar .avatar{width:35px;height:35px;color:#fff;text-decoration:none;font-size:12px;line-height:14px;font-weight:700}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:10px;margin-right:-10px;background:transparent;border:0}.nav-drawer:not([hidden]){display:block;position:relative;z-index:40}.nav-drawer .sidebar{top:72px;padding-top:24px}.nav-scrim{position:fixed;inset:72px 0 0;background:#000c;z-index:29}.content{padding:34px 24px 32px}.site-footer{padding:24px}.savebar{top:16px}}
@media(max-width:600px){.content{padding:34px 16px 24px}.site-footer{padding:16px}.type-h1{font-size:36px;line-height:38px}h1{font-size:28px;line-height:30px}.savebar{gap:10px;padding:12px}.savebar span{flex-basis:100%}}

/* Shared select glyph: 12px right inset, 8px inward from the native edge. */
:root{--forge-select-chevron:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAASFJREFUeAHt0jFuwkAQheFZk8JFIhEpkewqTufcIGWOkS5Jly5HyBGSnCBcgY4ObkBLB1RQgEQBYqFg2UEuQPKa9c50zC8hWXj09BUGkCRJkiRJCqmZ5Jn9dW/T3DTTpx9gDjeL7X6cPj647hquF/HN/bdS8IrPCuA5vr7L9HLWBg5ckrfs9mexnVztGkqv5p2y2wg8s4PvdvgfiBW4N997N9CYPwMwPv6LinTgRjraOj8hBdWDmb3o2aOTb8QYaC2mgw9gwK1h86InwzGEALmQoTgvIBVJwXkDQ5FUXC1gXSQHrjbQF8mFCwKeQ+ImFy4YWIUsKRiHBQMxDyQJh5GAWAWSjMPIQKwEyYLDWIDYAWnUFz7rSP9y4CRJkiTpAtoDq9asp7NXI3kAAAAASUVORK5CYII=")}
select:not([multiple]):not([size]){appearance:none;-webkit-appearance:none;background-image:var(--forge-select-chevron);background-repeat:no-repeat;background-position:right 12px center;background-size:12px 12px;padding-right:40px}

/* Desktop: 28px sidebar gap + 68px margin = 96px between nav and account. */
@media(min-width:1100px){.app-shell>.sidebar>.account{margin-top:calc(96px - 28px);flex-shrink:0}.app-shell>.sidebar>nav{flex-shrink:0}}

/* Canon global navigation: desktop 252px; tablet fixed 93px/252px push rail; mobile drawer. */
.brand-rail,.tablet-nav-toggle{display:none}.nav-divider{display:block;height:1px;background:#686868;width:100%;margin:2px 0}.sidebar{height:100dvh;overscroll-behavior:contain}.sidebar nav{gap:8px}.sidebar .nav-link{width:204px;height:44px;min-height:44px}.app-shell{background:none}.workspace{width:auto;margin-left:252px}
@media(min-width:1200px){.app-shell{background:linear-gradient(to right,#111 252px,transparent 252px)}.mobile-topbar,.nav-drawer{display:none!important}.app-shell>.sidebar{display:flex}.tablet-nav-toggle,.brand-rail{display:none!important}}
@media(min-width:768px) and (max-width:1199px){
 .mobile-topbar,.nav-drawer{display:none!important}
 .app-shell>.sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:93px;height:100dvh;padding:24px;gap:20px;overflow-x:hidden;overflow-y:auto;transition:width 180ms ease;z-index:30}
 .workspace{width:calc(100% - 93px);margin-left:93px;transition:margin-left 180ms ease,width 180ms ease;min-width:0}.app-shell.is-tablet-nav-expanded .workspace{width:calc(100% - 252px);margin-left:252px}
 .app-shell.is-tablet-nav-expanded>.sidebar{width:252px}
 .tablet-nav-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;border:0;background:transparent;color:#686868;align-self:center}
 .tablet-nav-toggle>span{display:block;width:24px;height:24px;background:currentColor;mask:url('nav-expand.svg') center/contain no-repeat;-webkit-mask:url('nav-expand.svg') center/contain no-repeat}
 .app-shell.is-tablet-nav-expanded .tablet-nav-toggle{align-self:flex-end}
 .app-shell.is-tablet-nav-expanded .tablet-nav-toggle>span{mask-image:url('nav-collapse.svg');-webkit-mask-image:url('nav-collapse.svg')}
 .app-shell>.sidebar>.brand-sidebar{display:none}.brand-rail{display:block;width:44px;height:33px;align-self:center;background-image:url('forge-flame.svg');background-size:23px 33px}
 .app-shell.is-tablet-nav-expanded>.sidebar>.brand-sidebar{display:block;width:117px;height:33px;align-self:flex-start}.app-shell.is-tablet-nav-expanded .brand-rail{display:none}
 .app-shell>.sidebar nav{width:44px;align-self:center}.app-shell.is-tablet-nav-expanded>.sidebar nav{width:204px;align-self:stretch}
 .app-shell>.sidebar .nav-link{width:44px;padding:10px;justify-content:center;gap:6px}.app-shell>.sidebar .nav-link>.active-rail,.app-shell>.sidebar .nav-link>span:last-child{display:none}
 .app-shell.is-tablet-nav-expanded>.sidebar .nav-link{width:204px;padding:10px 12px 10px 0;justify-content:flex-start}.app-shell.is-tablet-nav-expanded>.sidebar .nav-link.is-active{padding-left:6px}
 .app-shell.is-tablet-nav-expanded>.sidebar .nav-link>.active-rail,.app-shell.is-tablet-nav-expanded>.sidebar .nav-link>span:last-child{display:block}
 .app-shell>.sidebar .nav-divider{width:44px;align-self:center}.app-shell.is-tablet-nav-expanded>.sidebar .nav-divider{width:204px}
 .app-shell>.sidebar .account{width:45px;display:grid;grid-template-columns:45px;gap:8px;align-self:center}.app-shell>.sidebar .account-copy{display:none}.app-shell>.sidebar .account form{grid-column:1;width:44px}.app-shell>.sidebar .account form button{width:44px;justify-content:center}.app-shell>.sidebar .account form button:after{display:none}
 .app-shell.is-tablet-nav-expanded>.sidebar .account{width:204px;grid-template-columns:45px minmax(0,1fr);align-self:stretch}.app-shell.is-tablet-nav-expanded>.sidebar .account-copy{display:grid}.app-shell.is-tablet-nav-expanded>.sidebar .account form{grid-column:1/-1;width:204px}.app-shell.is-tablet-nav-expanded>.sidebar .account form button{width:204px;justify-content:flex-start}.app-shell.is-tablet-nav-expanded>.sidebar .account form button:after{display:inline}
 .content{padding:32px}.site-footer{padding:24px 32px}
}
@media(max-width:767px){
 .app-shell>.sidebar{display:none}.workspace{margin-left:0}.mobile-topbar{display:flex}.nav-drawer:not([hidden]){display:block;position:relative;z-index:40}
 .nav-drawer{z-index:50!important}.nav-drawer .sidebar{display:flex;position:fixed;inset:0 0 0 auto;width:min(390px,100vw);height:100dvh;padding:24px;gap:20px;overflow-y:auto;z-index:51;border-radius:24px 0 0 24px}
 .nav-drawer .tablet-nav-toggle,.nav-drawer .brand-rail{display:none}.nav-drawer .brand-sidebar{display:block;width:125px;height:35px}.nav-drawer .nav-link{width:204px;font-size:20px;line-height:22px;font-weight:700}.nav-drawer .account{width:204px}.nav-drawer .account-copy{font-size:14px}.nav-drawer .account-copy small{font-size:12px}
 .mobile-nav-close{display:grid;place-items:center;position:fixed;right:24px;top:24px;z-index:52;width:24px;height:24px;min-height:24px;padding:0;border:0;border-radius:50%;background:white}.mobile-nav-close img{display:block;width:24px;height:24px}
 .nav-scrim{position:fixed;inset:0;background:#000c;z-index:49}.content{padding:34px 16px 24px}.site-footer{padding:16px}
}
@media(min-width:768px){.mobile-nav-close{display:none}}