body.viewer{background:#111512;color:#e8ede5}.viewer-bar{background:#111512;border-bottom:1px solid #374133;color:#edf0e8;min-height:88px}.viewer-bar .back-link{color:#c9f56d}.viewer-identity strong{font-size:18px;font-weight:500;letter-spacing:-.04em}.viewer-identity span{color:#a3ad9d}.device-controls{background:#20281d;border-color:#394732;padding:4px}.device-controls button{border-radius:0;color:#c2cabc}.device-controls button[aria-pressed=true]{background:#c9f56d;color:#192015}.viewer-info{color:#e8ede5;border-color:#56634f}.viewer-external{background:#c9f56d;color:#192015;border:0}.demo-caption{background:#1c2419;color:#acb9a3;border-color:#374133}.demo-caption button{color:#e8ede5;min-height:44px}.preview-area{background:#252d22}.frame-wrap{border:1px solid #56634f;box-shadow:0 14px 70px #0003}.frame-loading{color:#e8ede5;background:#1c2419}.project-context{background:#20281d;color:#e8ede5}.viewer-error{background:#111512;color:#e8ede5}.viewer-error .solid-button{background:#c9f56d;color:#192015}@media(max-width:700px){.viewer-bar{min-height:122px}.viewer-identity strong{font-size:15px}.device-controls{padding:2px}.viewer-external{font-size:11px}.demo-caption{font-size:10px}.demo-caption>div{gap:6px}.demo-caption button{font-size:10px;padding:0 6px}}