:root{color-scheme:light dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid rgba(128,128,128,.3)}.brand{font-weight:700;font-size:16px}.muted{color:#888;font-size:12px}.spacer{flex:1}.status{font-size:12px;color:#16a34a}.btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background:#6366f1;color:#fff;font-weight:600;font-size:13px;padding:8px 14px;border-radius:8px}.btn-primary:hover{background:#4f46e5}.btn-primary:disabled{opacity:.6;cursor:default}.viewer{flex:1;min-height:0}.editor{width:100%;height:100%;border:none;display:block}