/* A shared optical center for the combined brand, navigation and actions. */
.topbar{height:88px}.topinner{height:88px;align-items:center}.topinner>a:first-child{display:flex;align-items:center;flex-shrink:0}.nav{align-items:center;height:100%}.nav a{height:42px;line-height:20px;transform:translateY(2px);display:inline-flex;align-items:center}.nav a.active:after{bottom:-9px}.topright{height:42px;align-items:center;transform:translateY(2px)}.topright .btn,.topright .adminlink,.topright>.textbtn{min-height:34px;display:inline-flex;align-items:center;line-height:20px}.topright .iconbtn{height:34px;padding:0}.topbar .brand{transform:translateY(-1px)}
.platform h3{max-width:228px;min-height:54px;font-size:21px;line-height:1.27}.platform .product-art{transform:rotate(-5deg);transition:transform .35s ease,opacity .35s ease}.platform:nth-child(2) .product-art{transform:rotate(8deg)}.platform:nth-child(3) .product-art{transform:rotate(-12deg)}.platform:hover .product-art{transform:translateY(-4px) rotate(0deg);opacity:.46}
.theme-group-title{font-size:15px;font-weight:550;margin:24px 0 12px}.company-theme-form{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.company-theme-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}
html[data-tone=dark]{color-scheme:dark;--line:#c6ded52b}
[data-tone=dark] .topbar,[data-tone=dark] .appearance-preview-toolbar{background:color-mix(in srgb,var(--paper) 88%,transparent);border-color:var(--line)}
[data-tone=dark] .brand img{filter:url(#brand-white-alpha) brightness(0) invert(1)}
[data-tone=dark] .panel,[data-tone=dark] .tablewrap,[data-tone=dark] .stat,[data-tone=dark] .scenes,[data-tone=dark] .aboutblock,[data-tone=dark] .materialcard,[data-tone=dark] .login-card{background:color-mix(in srgb,var(--paper) 88%,var(--soft));border-color:var(--line)}
[data-tone=dark] .platform,[data-tone=dark] .platform:nth-child(2),[data-tone=dark] .platform:nth-child(3){background:linear-gradient(125deg,var(--soft),var(--paper));border-color:var(--line)}
[data-tone=dark] .product-art,[data-tone=dark] .login-art img{filter:invert(1);mix-blend-mode:screen}
[data-tone=dark] .searchbox,[data-tone=dark] .filters input,[data-tone=dark] .filters select,[data-tone=dark] .fieldcontrol,[data-tone=dark] .formgrid input,[data-tone=dark] .formgrid select,[data-tone=dark] .formgrid textarea,[data-tone=dark] .login-card input:not([type=checkbox]){background:var(--paper);color:var(--ink);border-color:var(--line)}
[data-tone=dark] input::placeholder,[data-tone=dark] textarea::placeholder{color:var(--muted);opacity:1}
[data-tone=dark] .btn,[data-tone=dark] .viewtoggle button{background:var(--soft);border-color:var(--line);color:var(--ink)}
[data-tone=dark] .btn.primary,[data-tone=dark] #toast{background:var(--green);color:#102b30;border-color:var(--green)}
[data-tone=dark] .btn.danger{background:#4b2b2b;color:#ffcbc2}
[data-tone=dark] .drawer,[data-tone=dark] .modal{background:color-mix(in srgb,var(--paper) 96%,transparent);color:var(--ink)}
[data-tone=dark] .formactions{background:color-mix(in srgb,var(--paper) 96%,transparent)}
[data-tone=dark] .themechoice{background:var(--soft);color:var(--ink);border-color:var(--line)}
[data-tone=dark] .themechoice small,[data-tone=dark] .formgrid label,[data-tone=dark] .formgrid legend,[data-tone=dark] .regionchecks label{color:var(--muted)}
[data-tone=dark] .detailhero,[data-tone=dark] .cover,[data-tone=dark] .cover.ppt,[data-tone=dark] .cover.video{background:linear-gradient(120deg,var(--soft),var(--paper));color:var(--ink)}
[data-tone=dark] .badge,[data-tone=dark] .fileicon,[data-tone=dark] .fileicon.ppt,[data-tone=dark] .fileicon.video{background:var(--soft);color:var(--ink);border-color:var(--line)}
[data-tone=dark] .badge.customer{background:#234c42;color:#b4eed2}[data-tone=dark] .badge.internal,[data-tone=dark] .badge.draft{background:#4a3f28;color:#f4dfad}[data-tone=dark] .badge.off{background:#4d2d2d;color:#ffd1c9}[data-tone=dark] .badge.new{background:#283d59;color:#c5e0ff}
[data-tone=dark] .platform .arrow,[data-tone=dark] .preview-layout,[data-tone=dark] .credentials,[data-tone=dark] .uploadzone,[data-tone=dark] .sample-search{background:var(--paper);border-color:var(--line);color:var(--ink)}
[data-tone=dark] .preview-banner{background:var(--soft);color:var(--ink)}
[data-tone=dark] .formerror{color:#ffb7a8}
@media(max-width:1150px){.platform h3{font-size:19px;max-width:195px;min-height:72px}.topinner{gap:19px}}
@media(max-width:900px){.topbar{height:auto}.topinner{height:auto}.nav{height:40px}.nav a{height:32px}.nav a.active:after{bottom:-3px}.topright{height:36px}.topbar .brand,.nav a,.topright{transform:none}}
@media(max-width:760px){.platform h3{font-size:21px;max-width:225px;min-height:54px;margin-top:12px}.topinner{gap:8px}.nav{gap:18px}.company-theme-form{display:block}.company-theme-form .btn{margin-top:14px}.company-theme-form select{max-width:100%}.platform .product-art{opacity:.24}}
@media(prefers-reduced-motion:reduce){.platform,.product-art{transition:none!important}.platform:hover{transform:none}.platform:hover .product-art{transform:rotate(-5deg)}.platform:nth-child(2):hover .product-art{transform:rotate(8deg)}.platform:nth-child(3):hover .product-art{transform:rotate(-12deg)}}
.platform .num{visibility:hidden}