.feature-demo-panel.demo-brand-mask-panel .panel-input{width:100%;padding:8px 10px;border-radius:var(--panel-radius-sm);border:1px solid var(--panel-border);background:var(--panel-surface);color:var(--panel-text);font-size:13px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.feature-demo-panel.demo-brand-mask-panel .panel-input-muted{background:var(--panel-surface-muted);color:var(--panel-muted)}.feature-demo-panel.demo-brand-mask-panel .panel-input:focus{outline:none;border-color:var(--panel-accent);box-shadow:var(--panel-focus-ring)}.feature-demo-panel.demo-brand-mask-panel .panel-input:not(:disabled):not(.border-red-500):hover{border-color:var(--panel-border-strong);background-color:var(--panel-surface-muted)}.brand-demo-logo{display:flex;align-items:center;justify-content:center}.brand-demo-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.demo-brand-mask .dark .brand-demo-original img,.demo-brand-mask [data-mode=dark] .brand-demo-original img{filter:invert(1)}.demo-brand-mask .demo-host-brand[data-custom-logo=true] img{filter:none;-o-object-fit:contain;object-fit:contain}.demo-brand-mask .demo-host-brand[data-brand-mask=true]{gap:8px}.demo-brand-mask .demo-host-brand[data-brand-mask=true]>span{min-width:0;font-size:16px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-brand-mask .demo-host-brand img{flex-shrink:0}.brand-result-focus{--brand-focus-accent:#0891b2;--brand-focus-surface:#fff;--brand-focus-text:#0d0d0d;--brand-focus-enter-duration:500ms;position:absolute;z-index:5;border:3px solid var(--brand-focus-accent);border-radius:12px;box-shadow:0 0 0 2000px #0006,0 0 0 5px #22d3ee33;pointer-events:none;animation:brand-focus-enter var(--brand-focus-enter-duration) ease-in-out both}.demo-brand-mask[data-mode=dark] .brand-result-focus{--brand-focus-accent:#22d3ee;--brand-focus-surface:#212121;--brand-focus-text:#ececec}.brand-result-focus-label{position:absolute;left:calc(100% + 34px);top:50%;transform:translateY(-50%);padding:12px 20px;border:2px solid var(--brand-focus-accent);border-radius:12px;background:var(--brand-focus-surface);color:var(--brand-focus-text);font:500 26px/1.3 Demo OpenAI Sans,sans-serif;white-space:nowrap;box-shadow:0 8px 28px #0003}.brand-result-focus-label:before{content:"";position:absolute;width:34px;height:2px;right:100%;top:50%;background:var(--brand-focus-accent)}@keyframes brand-focus-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.brand-result-focus{animation:none}}.brand-demo-file-backdrop{position:absolute;inset:88px 0 0;z-index:4;display:grid;place-items:center;background:#0003}.brand-demo-file-window{width:800px;height:480px;border:1px solid #aaa;border-radius:8px;background:#fff;color:#191919;box-shadow:0 20px 80px #0006;overflow:hidden;font:13px/1.4 Segoe UI,sans-serif}.brand-demo-file-title{justify-content:space-between}.brand-demo-file-title,.brand-demo-file-toolbar{display:flex;align-items:center;padding:10px 14px}.brand-demo-file-toolbar{gap:16px;border-bottom:1px solid #ddd}.brand-demo-file-toolbar>span{display:flex;align-items:center;gap:12px;flex:1;padding:7px;border:1px solid #ddd}.brand-demo-file-toolbar>div{display:flex;align-items:center;gap:12px;color:#777}.brand-demo-file-body{height:270px;display:flex}.brand-demo-file-body aside{width:160px;padding:15px 10px;border-right:1px solid #ddd}.brand-demo-file-body aside>div{display:flex;align-items:center;gap:12px;padding:7px}.brand-demo-file-list{flex:1;padding:20px}.brand-demo-file-item{width:155px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 4px;border:1px solid transparent}.brand-demo-file-item .brand-demo-logo{width:64px;height:64px}.brand-demo-file-item[data-selected=true]{background:#cce8ff;border-color:#99d1ff}.brand-demo-file-footer{background:#f0f0f0;padding:14px;display:grid;grid-template-columns:72px 1fr 95px 95px;gap:12px;align-items:center;height:110px}.brand-demo-file-footer>span{padding:6px;min-height:30px;background:#fff;border:1px solid #888}.brand-demo-file-footer>div{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;padding:6px;border:1px solid #888}.brand-demo-file-footer b{text-align:center;border:1px solid #999;font-weight:400;padding:5px;border-radius:3px}.brand-demo-file-footer b[data-demo-target]{border:2px solid #0078d4}.demo-brand-mask[data-mode=dark] .brand-demo-file-window{background:#202020;color:#f2f2f2;border-color:#666}.demo-brand-mask[data-mode=dark] .brand-demo-file-footer{background:#272727}.demo-brand-mask[data-mode=dark] .brand-demo-file-footer>span{background:#333}.demo-brand-mask[data-mode=dark] .brand-demo-file-item[data-selected=true]{background:#174d6b;border-color:#4f96bd}.demo-brand-mask[data-mode=dark] .brand-demo-file-body aside,.demo-brand-mask[data-mode=dark] .brand-demo-file-toolbar,.demo-brand-mask[data-mode=dark] .brand-demo-file-toolbar>span{border-color:#555}