:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#07090b;--app-text:#e8eef2;--app-muted:#8ea3b3;--app-header-h:52px}*{box-sizing:border-box}html,body{background:var(--app-bg);color:var(--app-text);margin:0;font-family:IBM Plex Sans,Segoe UI,Roboto,Arial,sans-serif}.app-header{min-height:var(--app-header-h);border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;display:flex}.brand{align-items:baseline;gap:8px;display:flex}.brand h1{letter-spacing:.02em;margin:0;font-size:1.15rem}.logo{background:linear-gradient(135deg,#0000 45%,#ff4d4d 45% 55%,#0000 55%),linear-gradient(125deg,#0000 47%,#00d26a 47% 57%,#0000 57%),#000;border-radius:4px;align-self:center;width:18px;height:18px}.version{color:var(--app-muted);font-size:.78rem}.sample-picker{color:var(--app-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.sample-picker select{max-width:min(360px,60vw);color:var(--app-text);font:inherit;background:#161b21;border:1px solid #ffffff24;border-radius:4px;padding:5px 8px}.links{gap:14px;margin-left:auto;font-size:.85rem;display:flex}.links a{color:#7db9e8;text-decoration:none}.links a:hover{text-decoration:underline}.app-main{padding:10px 16px 16px}@media (min-width:901px){.app-main .sharpjs{--sjs-controls-max-height:calc(100vh - var(--app-header-h) - 34px)}.app-main .sjs-stage{max-width:calc((100vh - var(--app-header-h) - 34px) * 1.5)}}@media (max-width:600px){.app-header{gap:10px}.links{margin-left:0}.app-main{padding:8px}}